/*
 * Shared responsive correction layer. Keep it after base family rules as generated.
 * Industry chapters stay visible; technology hides its duplicate category bar at 850px.
 * Directory index is an always-visible navy grid; only the homepage chooser discloses.
 * At 600px the industry hero is a two-column image grid. Wrap choices instead of
 * reintroducing horizontal strips; existing teal scrollbars are a fallback, not the goal.
 */
/* Shared mobile layouts: readable choices, generous targets, no sideways strips. */
:root{scrollbar-color:#4a9cab #e8f4f5;scrollbar-width:thin}
*{scrollbar-color:#4a9cab #e8f4f5;scrollbar-width:thin}
*::-webkit-scrollbar{width:7px;height:7px}
*::-webkit-scrollbar-track{background:#e8f4f5}
*::-webkit-scrollbar-thumb{background:#4a9cab;border-radius:8px}
.mega-menu,.sector-controls{scrollbar-color:#55b8c0 #103e50}
.directory-index a>.directory-index-name{font:inherit;color:inherit;line-height:inherit}
.directory-index a>.ms-icon{display:none}

@media(max-width:1100px) and (min-width:851px){
  .tech-category-bar>.ip-wrap{gap:12px;overflow:visible}
  .tech-category-bar a{white-space:normal;line-height:1.4;font-size:.76rem;max-width:130px}
}
@media(max-width:850px){
  .directory-layout{grid-template-columns:minmax(0,1fr);gap:0}
  .technology-page .tech-category-bar{display:none}
  .technology-page section[id],.technology-page article[id]{scroll-margin-top:16px}
  .chapter-nav{top:var(--site-header-height,84px)}
  .chapter-nav>.ip-wrap,.industry-page .chapter-nav>.ip-wrap{display:block;width:88%;min-height:0;overflow:visible}
  .chapter-nav>.ip-wrap>span{display:none}
  .chapter-nav .ip-wrap>div,.industries-overview .chapter-nav .ip-wrap>div{display:grid;grid-template-columns:repeat(var(--chapter-count,3),minmax(0,1fr));gap:0;width:100%}
  .chapter-nav a{align-items:center;justify-content:center;gap:7px;min-width:0;min-height:60px;padding:10px 7px;font-size:.62rem;white-space:normal;line-height:1.4}
  .chapter-nav a b,.industries-overview .chapter-nav a b{font-size:.77rem;line-height:1.4}

  .tech-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;align-items:stretch;padding:0}
  .tech-selector button{display:grid;grid-template-columns:25px minmax(0,1fr);gap:12px;min-width:0;min-height:76px;width:auto;padding:18px 16px;border-right:1px solid #c4dfe4;border-bottom:1px solid #c4dfe4;text-align:left}
  .tech-selector button:nth-child(even){border-right:0}
  .tech-selector button:last-child{grid-column:1/-1}
  .tech-selector strong{white-space:normal;overflow-wrap:anywhere;font-size:.84rem;line-height:1.45}
  .tech-selector button>i{inset:0 auto 0 0;width:3px;height:auto;transform:scaleY(0)}
  .tech-selector button[aria-selected=true]>i{transform:scaleY(1)}

  .sector-controls-bottom{display:none}
  .sector-controls-top{display:flex;padding:22px;min-height:64px;color:#70c9d4;font-size:.62rem;letter-spacing:.13em}
  .sector-controls-top>span:last-child{display:none}
  .sector-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;overflow:visible;padding:0;border-top:1px solid #386473}
  .sector-tab{min-width:0;width:auto;min-height:92px;grid-template-columns:minmax(0,1fr) 22px;gap:12px;padding:17px 18px;border-right:1px solid #386473;border-bottom:1px solid #386473}
  .sector-tab:nth-child(even){border-right:0}
  .sector-tab-name{white-space:normal;font-size:.88rem;line-height:1.45;overflow-wrap:anywhere}
  .sector-tab .sector-tab-icon.ms-icon{grid-column:2;grid-row:1;font-size:22px;align-self:center}
  .sector-tab-arrow{display:none}
  .directory-index{display:block;position:static;max-height:none;overflow:visible;padding:0;margin:0 0 36px;background:#0b2c3d;border:1px solid #386473;scrollbar-color:#55b8c0 #103e50}
  .directory-index>span{display:block;margin:0;padding:22px;font-size:.62rem;color:#70c9d4;letter-spacing:.13em;line-height:1.5}
  .directory-index-note{display:none}
  .directory-index nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid #386473}
  .directory-index a{grid-template-columns:minmax(0,1fr) 22px;gap:12px;align-items:center;min-height:92px;min-width:0;padding:17px 18px;font-size:.88rem;font-weight:600;line-height:1.45;color:#a9c8d4;border-right:1px solid #386473;border-bottom:1px solid #386473}
  .directory-index a:nth-child(even){border-right:0}
  .directory-index a:nth-last-child(-n+2){border-bottom:0}
  .directory-index a>.ms-icon{display:block;font-size:22px;color:#71c5d0}
  .directory-index a>i{display:none}
  .directory-index a:is(:hover,:focus-visible,[aria-current]){background:linear-gradient(110deg,#174e5d,#103747)}.directory-index a[aria-current]{color:#fff}.directory-index a:is(:hover,:focus-visible){color:var(--link-hover-on-dark)}
  .directory-index a[aria-current]>.ms-icon{color:#77e7de}
  .directory-index a:focus-visible,.sector-tab:focus-visible{outline:2px solid #77e7de;outline-offset:-3px}
  .tech-selector button:focus-visible{outline:2px solid #158f9c;outline-offset:-3px}

  .mega-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;overflow:visible;padding:12px 6%}
  .mega-rail>span{grid-column:1/-1}
  .mega-rail button{min-width:0;white-space:normal;min-height:46px;padding:12px 10px;font-size:.9rem;text-align:left}
  .mega-rail button:after{bottom:4px;left:10px;right:10px}
  .mega-main,.mega-intro,.mega-links,.mega-links a{min-width:0}
  .mega-links .link-name,.architecture-copy,.lifecycle-detail,.sector-heading>div{min-width:0}
  .mega-links a{white-space:normal;overflow-wrap:anywhere}
  .concept-bar nav,.technology-page .concept-bar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
  .concept-bar nav a{display:flex;align-items:center;justify-content:center;gap:7px;white-space:normal;text-align:center;min-height:48px;line-height:1.4}
  .concept-bar>.ip-wrap{flex-wrap:wrap}
  .tech-chapter{grid-template-columns:30px minmax(0,1fr) minmax(0,1.3fr)}
  .tech-panel,.tech-panels,.tech-chapter-title,.tech-chapter-copy,.scenario-graphic,.scenario-node,.directory-copy{min-width:0}
  .ip-inline-link{max-width:100%;white-space:normal;overflow-wrap:anywhere;gap:20px}
  .ip-inline-link>.ms-icon{flex:none}
}
@media(max-width:600px){
  .chapter-nav.chapter-nav-many .ip-wrap>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  .chapter-nav.chapter-nav-many a{min-height:46px;padding-block:8px}
  .industry-filmstrip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:visible;scroll-snap-type:none;padding-bottom:0}
  .industry-filmstrip .filmstrip-frame{width:auto;min-width:0;aspect-ratio:1.06}
  .filmstrip-label{font-size:.78rem;line-height:1.4;left:13px;right:13px;bottom:15px;gap:9px;white-space:normal}
  .filmstrip-label>.ms-icon{font-size:21px;flex:none}
  .filmstrip-thread{display:none}
  .overview-hero-foot{gap:24px;font-size:.55rem;line-height:1.65}
  .overview-hero-foot>span{min-width:0;max-width:48%}
  .tech-chapter{grid-template-columns:30px minmax(0,1fr)}
  .tech-chapter-title h3{font-size:clamp(1.8rem,7.4vw,2.7rem)}
  .tech-chapter-copy{grid-column:1/-1}
  .tech-chapter .ip-inline-link{display:flex;justify-content:space-between;font-size:.85rem}
  .scenario-route{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 15px}
  .scenario-route:before,.scenario-route:after,.scenario-node>i{display:none}
  .scenario-node strong{font-size:.8rem}
  .scenario-node small{display:block;font-size:.71rem}
  .tech-capability-tags li{max-width:100%;overflow-wrap:anywhere}
  .directory-invitation .ip-inline-link{width:auto;gap:20px;align-self:flex-start}
  .sector-next a{max-width:100%;white-space:normal}
  .motion-cta{max-width:100%;white-space:normal}
  .motion-cta>span{min-width:0}
  .ip-breadcrumb{flex-wrap:wrap;row-gap:6px}
}
@media(max-width:420px){
  .axiom-statement h2{font-size:clamp(3rem,14vw,3.6rem)}
  .guide-hero-copy h1{font-size:clamp(3.1rem,15vw,3.75rem)}
  .tech-panel{padding:25px 20px}
  .tech-selector button{padding:15px 12px;gap:10px}
  .sector-tab{padding:15px 12px;gap:8px}
  .sector-tab-name{font-size:.79rem}
  .directory-index a{padding:15px 12px;gap:8px;font-size:.79rem}
  .connected-records,.tech-record-flow{grid-template-columns:1fr;gap:12px}
  .connected-records li,.tech-record-flow li{min-height:0;padding:17px 20px}
  .connected-records strong,.tech-record-flow strong{font-size:.82rem}
  .record-sequence{margin-bottom:10px}
  .connected-records li:before,.tech-record-flow li:after{width:1px;height:13px;top:100%;left:30px}
  .approach-steps{grid-template-columns:1fr;gap:30px}
  .approach-steps article,.approach-steps article:first-child,.approach-steps article:nth-child(3){padding:0 0 25px;border:0;border-bottom:1px solid #b4d4dc}
  .approach-steps p{min-height:0}
  .approach-steps .step-number{font-size:3rem;margin-bottom:18px}
  .filmstrip-label{font-size:.72rem;left:11px;right:11px;bottom:12px}
  .filmstrip-label>.ms-icon{font-size:19px}
}

/* Preserve the homepage's existing mobile industry chooser. */
.mobile-nav-toggle{display:none}
@media(max-width:850px){
 .sector-controls-top,.sector-controls-bottom{display:none}
 .sector-controls.has-mobile-navigation .sector-tabs{display:none}
 .sector-controls.mobile-nav-open .sector-tabs{display:grid}
 .sector-controls>.mobile-nav-toggle{appearance:none;display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:4px 16px;width:100%;min-height:88px;margin:0;padding:18px 22px;border:0;background:transparent;color:#e2f7f6;text-align:left;font:inherit;cursor:pointer}
 .sector-controls .mobile-nav-caption{font-size:.57rem;font-weight:700;letter-spacing:.13em;color:#70c9d4;line-height:1.3}
 .sector-controls .mobile-nav-toggle strong{grid-column:1;font-size:.91rem;line-height:1.4;font-weight:650;overflow-wrap:anywhere}
 .sector-controls .mobile-nav-toggle>i{grid-column:2;grid-row:1/3;align-self:center;justify-self:center;width:9px;height:9px;border-right:2px solid #6bd6d4;border-bottom:2px solid #6bd6d4;transform:rotate(45deg);transition:transform .25s}
 .sector-controls.mobile-nav-open .mobile-nav-toggle>i{transform:rotate(225deg)}
 .sector-controls .mobile-nav-toggle:focus-visible{outline:2px solid #158f9c;outline-offset:-3px}
}
@media(prefers-reduced-motion:reduce){.sector-controls .mobile-nav-toggle>i{transition:none}}
.mega-rail .mobile-insights-link{display:none}
/* Family H2 scales must not enlarge the inherited global menu heading. */
.industry-page .mega-intro h2{font-size:clamp(1.8rem,2.3vw,2.5rem);line-height:1.2}
/* The primary Insights link is hidden with desktop navigation. Keep one direct
 * journal destination inside the existing mobile menu without another submenu. */
@media(max-width:1100px){
  .mega-rail .mobile-insights-link{display:block;position:relative;font:700 .9375rem/1.4 var(--font-body);color:#baf2e9;text-decoration:underline;text-underline-offset:5px;padding:14px 0;margin-top:8px;border-top:1px solid #63d7d440}
  .mega-rail .mobile-insights-link:focus-visible{outline:2px solid #63d7d4;outline-offset:3px}
}
@media(max-width:850px){.mega-rail .mobile-insights-link{grid-column:1/-1;padding:12px 10px;margin-top:0}}