/* Shared title-label leader: exact approved Home scale, independent of local scene scales. */
:root{--ig-title-rule-length:calc(min(100vw,1900px)*27/793);--ig-page-header-height317:calc(min(100vw,1900px)*58/793)}
:root body .eyebrow::before,:root body .route-kicker197::before,html body .entry-hero265 :is(.eyebrow,.route-kicker197)::before{width:var(--ig-title-rule-length);flex:0 0 var(--ig-title-rule-length)}
/* Government/About already had transparent headers; their canvases stopped below the flow row.
   Overlay the same header and reserve its exact prior height inside the hero background. */
body.gov309>.site-header,body.about309>.site-header{position:absolute;inset:0 0 auto;margin-inline:auto;width:100%;background:transparent;border:0;box-shadow:none}
body.gov309 .gov260-opening,body.about309 .about-hero220{border-top:var(--ig-page-header-height317) solid transparent;background-origin:border-box;background-clip:border-box}
@media(max-width:760px){:root{--ig-title-rule-length:27px;--ig-page-header-height317:88px}}
/* Policy contents follows the document viewport, not a non-scrolling clipped main. */
body.folio220>main:has(>.policy-layout261){overflow:visible}
body.folio220 .policy-index261{max-height:calc(100dvh - 70px);overflow-y:auto;scrollbar-width:thin}
@media(max-width:650px){
 body.folio220 .policy-index261{position:sticky;top:0;z-index:20;background:#f8f5ef;max-height:70svh}
 body.folio220 .policy-index261 a{font-size:14px}
 body.folio220 .policy-layout261 .legal220 h2{scroll-margin-top:85px}
}
