.insight-navigation{display:flex;flex-wrap:wrap;gap:0;margin:0 0 32px;border-bottom:1px solid #315668;width:fit-content}
.insight-navigation a{display:block;color:#b6d3db;font-size:.9375rem;line-height:1.4;font-weight:600;padding:11px 22px 13px;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s}
.insight-navigation a:first-child{padding-left:0;padding-right:24px}
.insight-navigation a[aria-current=page]{color:#a6ece4;border-color:#63d7d4}
.insight-navigation a:hover{color:#fff;border-color:#8bccc7}
.insight-navigation a:focus-visible{outline:3px solid #63d7d4;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.insight-navigation a{transition:none}}
.insight-library-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px 24px;margin-bottom:32px}
.industry-page .insight-library-top .ip-breadcrumb{margin-bottom:0}
.insight-library-top .insight-navigation{margin-bottom:0}

/* Shared compact library hero. Type and breadcrumb metrics come from industries.css;
 * only surface-specific ink and layout differ from CAD's photographic hero. */
.insight-hero-surface{position:relative;isolation:isolate;padding-top:12px;color:#fff;background:radial-gradient(ellipse at 85% 5%,#124959 0,transparent 55%),var(--ip-dark)}
.insight-hero-surface:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#63d7d409 1px,transparent 1px),linear-gradient(90deg,#63d7d409 1px,transparent 1px);background-size:64px 64px;z-index:-1}
.insight-hero-surface>.ip-wrap{position:relative;z-index:1}
.industry-page .insight-hero-surface .ip-breadcrumb{color:#aac8d3;margin-bottom:0}
.industry-page .insight-hero-surface .ip-breadcrumb a:is(:hover,:focus-visible){color:var(--link-hover-on-dark)}
.insight-hero-surface .insight-library-top{margin-bottom:25px}
.insight-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.insight-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.insight-particles>i{position:absolute;left:var(--particle-x);top:var(--particle-y);width:var(--particle-size);height:var(--particle-size);border-radius:50%;background:#8eece5;box-shadow:0 0 7px #63d7d470;opacity:.2;animation:insight-drift var(--particle-time) ease-in-out var(--particle-delay) infinite alternate;animation-play-state:paused}
.insight-hero-surface.ip-animation-active>.insight-particles>i{animation-play-state:running}
@keyframes insight-drift{0%{transform:translate3d(-9px,18px,0);opacity:.12}50%{opacity:.4}100%{transform:translate3d(18px,-28px,0);opacity:.17}}
/* Ordinary links navigate normally. The browser crossfades only when BOTH documents
 * opt in; unsupported browsers and reduced motion retain immediate navigation. */
@media(prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  ::view-transition-group(root){animation-duration:220ms}
}
@media(max-width:600px){
  .insight-hero-surface{padding-top:4px}
  .insight-hero-surface .insight-library-top{align-items:flex-start;gap:0;margin-bottom:22px}
  .insight-library-top .insight-navigation{margin-top:0}
  .insight-navigation a{min-height:44px}
}
@media(prefers-reduced-motion:reduce){.insight-particles{display:none}.insight-particles>i{animation:none}.insight-navigation a{transition:none}}