/* Technology pages only. Product media and material interactions are untouched. */
[data-technology-cards] .tech-card-link { display:grid; grid-template-rows:minmax(340px,62fr) minmax(max-content,38fr); }
[data-technology-cards] .card-media { aspect-ratio:auto; min-width:0; background:#f0f4f8; }
[data-technology-cards] .card-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; padding:12px; }
[data-technology-cards] .card-body { min-width:0; padding:22px 24px; overflow-wrap:anywhere; }
[data-technology-cards] .card-body p { font-size:14px; line-height:1.75; }
[data-tech-card] { height:100%; }
.tech-card-link { display:flex; flex-direction:column; height:100%; color:inherit; text-decoration:none; border-radius:inherit; }
.tech-card-link .card-body { flex:1; display:flex; flex-direction:column; }
.tech-card-link .card-body p { flex:1; }
.tech-card-link .text-link { align-self:flex-start; margin-top:10px; }
.tech-card-link:focus-visible { outline:3px solid #eaa500; outline-offset:-3px; }
.tech-card-link:hover h3, .tech-card-link:focus-visible h3 { color:#00549e; }
.tech-card-link:hover .text-link, .tech-card-link:focus-visible .text-link { text-decoration:underline; text-underline-offset:5px; }
.page-hero .pill-row a:hover, .page-hero .pill-row a:focus-visible { background:#ffffff25; color:#fff; outline-offset:4px; }
.tech-detail-page { padding:64px 0 76px; }
.tech-detail-page .breadcrumbs { margin-bottom:32px; overflow-wrap:anywhere; }
.tech-detail-layout { display:grid; grid-template-columns:minmax(190px,220px) minmax(0,1fr); gap:clamp(36px,6vw,88px); align-items:start; }
.tech-process-panel { position:sticky; top:calc(var(--site-preview-height, 0px) + var(--site-nav-height, 78px) + 32px); min-width:0; padding-top:8px; max-height:calc(100dvh - var(--site-preview-height, 0px) - var(--site-nav-height, 78px) - 48px); overflow-y:auto; overscroll-behavior:contain; }
.tech-process-label { margin:0 0 18px; color:#8a5a06; font-size:12px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.tech-process-nav { display:grid; gap:4px; }
.tech-process-nav a { display:block; padding:10px 12px; border-left:2px solid transparent; color:#51657b; font-size:13px; line-height:1.45; transition:.2s ease; }
.tech-process-nav a:hover, .tech-process-nav a:focus-visible { color:#00549e; background:#f0f4f8; }
.tech-process-nav a:focus-visible { outline:2px solid #eaa500; outline-offset:2px; }
.tech-process-nav a[aria-current="page"] { border-left-color:#eaa500; color:#08254a; background:#f0f4f8; font-weight:850; }
.tech-detail-heading { margin-bottom:44px; max-width:900px; }
.tech-detail-heading .eyebrow { color:#8a5a06; }
.tech-detail-heading h1 { font-size:clamp(32px,4vw,56px); line-height:1.18; letter-spacing:-.035em; margin:12px 0 22px; }
.tech-lead { font-size:18px; line-height:1.85; color:#51657b; max-width:790px; }
.tech-overview-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:56px; align-items:start; }
.tech-figure { margin:0; min-width:0; }
.tech-visual { display:flex; align-items:center; justify-content:center; min-height:300px; padding:24px; background:#f0f4f8; border-radius:14px; cursor:zoom-in; }
.tech-visual img { display:block; width:100%; height:auto; max-height:600px; object-fit:contain; }
.tech-visual:focus-visible, .tech-related-product:focus-visible { outline:3px solid #eaa500; outline-offset:4px; }
.tech-figure figcaption { color:#667c92; font-size:12px; line-height:1.7; margin:14px 4px 0; }
.tech-detail-page h2 { font-size:clamp(22px,2.2vw,30px); line-height:1.35; margin:0 0 20px; }
.tech-principle p, .tech-use-cases p, .tech-detail-columns li { color:#51657b; font-size:15px; line-height:1.95; }
.tech-principle p { margin:0 0 20px; }
.tech-principle .tech-caution { margin-top:28px; padding:18px 20px; border-left:3px solid #efa800; background:#fff9ea; color:#53677c; font-size:13px; line-height:1.8; }
.tech-detail-columns { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:64px; padding:52px 0; margin-top:52px; border-top:1px solid #dce4ed; border-bottom:1px solid #dce4ed; }
.tech-verification ol { list-style:none; padding:0; margin:0; counter-reset:inspection; }
.tech-verification li { position:relative; padding:0 0 28px 52px; counter-increment:inspection; }
.tech-verification li:last-child { padding-bottom:0; }
.tech-verification li::before { content:counter(inspection,decimal-leading-zero); position:absolute; left:0; top:3px; width:34px; height:34px; display:grid; place-items:center; background:#ecf1f7; color:#123458; border-radius:50%; font-size:12px; font-weight:700; }
.tech-use-cases { display:grid; gap:32px; align-content:start; }
.tech-customization ul { padding-left:18px; margin:0; }
.tech-customization li+li { margin-top:8px; }
.tech-related { margin:40px 0; }
.tech-related-heading { display:flex; align-items:baseline; justify-content:space-between; gap:20px; flex-wrap:wrap; margin-bottom:24px; }
.tech-related-heading h2 { margin:0; }
.tech-related-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:24px; row-gap:14px; }
.tech-related-product { display:grid; grid-template-columns:128px minmax(0,1fr); align-items:center; gap:18px; padding:14px 16px; background:#f4f7fa; border-radius:12px; color:inherit; text-decoration:none; }
.tech-related-product img { width:128px; height:116px; object-fit:contain; }
.tech-related-product h3 { font-size:19px; line-height:1.5; margin:0 0 12px; }
.tech-related-product .text-link { font-size:13px; }
.tech-related-product:hover h3 { color:#00549e; }
.tech-related-empty { grid-column:1/-1; color:#64778a; }
.tech-inquiry { display:flex; align-items:center; justify-content:space-between; gap:32px; background:#08254a; color:#fff; border-radius:16px; padding:36px 40px; }
.tech-inquiry .eyebrow { color:#c2d1e2; }
.tech-inquiry h2 { color:#fff; margin:10px 0 12px; }
.tech-inquiry p:last-child { color:#c2d1e2; margin:0; line-height:1.8; }
.tech-inquiry .btn { flex-shrink:0; }
.tech-back { display:inline-block; margin-top:28px; }
.tech-error { max-width:800px; padding:30px 0 60px; }
.tech-error h1 { font-size:clamp(30px,4vw,48px); }
.tech-error p { line-height:1.85; margin:22px 0; }
.tech-error .text-link { margin-left:24px; }
@media (max-width:900px) {
.tech-detail-layout { gap:32px; }
.tech-overview-grid { gap:30px; }
  .tech-detail-columns { gap:32px; }
  .tech-related-product { grid-template-columns:88px minmax(0,1fr); gap:12px; padding:12px; }
  .tech-related-product img { width:88px; height:92px; }
  .tech-related-product h3 { font-size:17px; }
}
@media (max-width:700px) {
  .tech-detail-page { padding:36px 0 48px; }
  .tech-detail-layout { grid-template-columns:minmax(0,1fr); }
  .tech-process-panel { position:static; padding:0; max-height:none; overflow:visible; }
  .tech-process-label { margin-bottom:10px; }
  .tech-process-nav { display:flex; gap:8px; overflow-x:auto; padding:2px 0 8px; scrollbar-width:thin; }
  .tech-process-nav a { flex:0 0 auto; border:1px solid #dce4ed; border-radius:999px; padding:8px 12px; white-space:nowrap; }
  .tech-process-nav a[aria-current="page"] { border-color:#eaa500; }
  .tech-detail-heading { margin-bottom:28px; }
  .tech-lead { font-size:16px; line-height:1.9; }
  .tech-overview-grid, .tech-detail-columns, .tech-related-grid { grid-template-columns:minmax(0,1fr); }
  .tech-visual { padding:16px; min-height:0; }
  .tech-visual img { max-height:480px; }
  .tech-detail-columns { padding:32px 0; margin-top:32px; }
  .tech-inquiry { flex-direction:column; align-items:stretch; padding:28px 24px; }
  .tech-related-heading { gap:10px; }
  .tech-related-product { grid-template-columns:88px minmax(0,1fr); }
}