.technology-page{width:100%;max-width:1232px;margin:0 auto;padding:28px 24px 72px}.technology-trail{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:12px;color:#64748b;margin-bottom:30px}.technology-trail a{color:#11868a}.technology-heading{border-bottom:1px solid #dce4eb;margin-bottom:32px;padding-bottom:24px}.technology-heading h1{font-size:clamp(28px,3vw,42px);font-weight:800;line-height:1.25;color:#10243b}.technology-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.technology-card{display:block;background:#fff;border:1px solid #dce4eb;border-radius:16px;overflow:hidden;transition:box-shadow .2s}.technology-card:hover{box-shadow:0 10px 28px #10243b16}.technology-card img{width:100%;aspect-ratio:370/250;height:auto;object-fit:cover}.technology-card h2{display:flex;justify-content:space-between;gap:12px;padding:22px;font-size:16px;line-height:1.5;font-weight:750;color:#10243b}.technology-card h2 span{color:#11868a}.technology-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:48px;align-items:start}.technology-detail-image{width:100%;max-height:520px;object-fit:contain;background:#fff;border-radius:14px;margin-bottom:28px}.technology-copy{font-size:16px;line-height:1.9;color:#43596b;white-space:pre-line;overflow-wrap:anywhere}.technology-sidebar{background:#fff;border:1px solid #dce4eb;border-radius:14px;overflow:hidden}.technology-sidebar h2{padding:20px;font-weight:750;color:#10243b;border-bottom:1px solid #dce4eb}.technology-sidebar nav{display:flex;flex-direction:column}.technology-sidebar a{padding:15px 20px;font-size:13px;line-height:1.5;color:#526578;border-bottom:1px solid #eef2f6}.technology-sidebar a[aria-current=page]{color:#11868a;background:#eaf5f4;font-weight:750}.technology-video{display:inline-block;color:#11868a;font-weight:700;margin-top:24px}.technology-card:focus-visible,.technology-sidebar a:focus-visible{outline:3px solid #11868a;outline-offset:3px}@media(max-width:1000px){.technology-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.technology-detail-layout{grid-template-columns:minmax(0,1fr) 230px;gap:26px}}@media(max-width:640px){.technology-page{padding:22px 18px 48px}.technology-grid{grid-template-columns:1fr;gap:20px}.technology-detail-layout{grid-template-columns:1fr}.technology-sidebar{margin-top:12px}.technology-copy{font-size:15px}.technology-heading{margin-bottom:24px;padding-bottom:20px}}
