/* A compact companion header appears after the illustrated hero. */
.scroll-header{
  position:fixed;inset:0 0 auto;z-index:60;
  background:linear-gradient(180deg,#0c3857f7,#041e35fa);
  border-bottom:2px solid #bf9448;box-shadow:0 2px 0 #493019,0 5px 15px #00152655;
  opacity:0;visibility:hidden;translate:0 -10px;pointer-events:none;
  transition:opacity .3s ease,translate .3s ease,visibility .3s;
}
.scroll-header.is-visible{opacity:1;visibility:visible;translate:0 0;pointer-events:auto}
.scroll-header__inner{display:flex;align-items:center;gap:14px;max-width:1500px;margin:auto;padding:6px 16px;min-height:74px}
.scroll-header__brand{display:block;flex:0 0 148px;line-height:0}
.scroll-header__brand img{display:block;width:100%;height:62px;object-fit:contain}
.scroll-header__nav{flex:1;min-width:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px}
.scroll-header .global-menu__link{height:55px;aspect-ratio:auto;padding:8px 10px;gap:4px}
.scroll-header .global-menu__icon{width:26px;height:26px}
.scroll-header .global-menu__label{font-size:clamp(12px,14cqw,16px)}
.scroll-header .global-menu__label--stack{font-size:clamp(11px,13cqw,14px)}
.scroll-header__toggle{display:none}
.scroll-header a:focus-visible,.scroll-header__toggle:focus-visible{outline:2px solid #ffe19b;outline-offset:2px}
.back-to-top{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility .4s,filter .45s ease}
.back-to-top.is-visible{opacity:1;visibility:visible;pointer-events:auto}
html{scroll-padding-top:90px}
@media(max-width:1100px){
  .scroll-header__inner{min-height:66px;padding:3px 14px;justify-content:space-between}
  .scroll-header__brand{flex-basis:138px}
  .scroll-header__brand img{height:58px}
  .scroll-header__toggle{display:flex;align-items:center;gap:8px;border:1px solid #b49353;border-radius:4px;padding:9px 12px;color:#fff3d3;background:#0b3656;font:700 13px/1.4 var(--reading-font);cursor:pointer}
  .scroll-header__toggle-icon{width:19px;height:14px;border-top:2px solid #ebd19b;border-bottom:2px solid #ebd19b;position:relative}
  .scroll-header__toggle-icon::after{content:"";position:absolute;left:0;right:0;top:4px;border-top:2px solid #ebd19b}
  .scroll-header__nav{display:none;position:absolute;top:100%;left:0;right:0;padding:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;background:#06263ff7;border-bottom:2px solid #bf9448;box-shadow:0 6px 12px #00152655;max-height:calc(100dvh - 74px);overflow-y:auto}
  .scroll-header.is-menu-open .scroll-header__nav{display:grid}
  .scroll-header .global-menu__link{height:58px}
  .scroll-header .global-menu__label{font-size:16px}
  .scroll-header .global-menu__label--stack{font-size:14px}
  html{scroll-padding-top:78px}
}
@media(prefers-reduced-motion:reduce){.scroll-header,.back-to-top{transition:none;translate:none}}
/* Search and guidance stay available without enlarging the reading header. */
.scroll-header__toggle{display:flex;align-items:center;justify-content:center;flex:none;order:3;gap:6px;padding:9px 10px;border:1px solid #b49353;border-radius:4px;color:#fff3d3;background:linear-gradient(#15496c,#06263e);font:700 12px/1.4 var(--reading-font);cursor:pointer;white-space:nowrap}
.scroll-header__nav{order:2}
.scroll-header__tools{display:none;grid-column:1/-1;padding:16px;background:#06263ff7;border:1px solid #b49353;box-shadow:0 5px 12px #00152655}
.scroll-header.is-menu-open .scroll-header__tools{display:block}
.scroll-header__tools .search{width:100%;margin:0;translate:none}
.scroll-header__guides{display:flex;gap:12px;margin-top:12px}
.scroll-header__guides .utility-btn{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:8px;border:1px solid #8d774b;border-radius:4px;color:#fff0d1;background:#0d3550;font:700 14px/1.4 var(--reading-font);transition:background-color .45s ease}
.scroll-header__guides .utility-btn img{width:25px;height:27px;object-fit:contain}
.scroll-header__guides .utility-btn:hover{background:#205573}
@media(min-width:1101px){
  .scroll-header__toggle{width:92px;min-width:92px;flex:0 0 92px}
  .scroll-header__inner{gap:8px}
  .scroll-header__brand{flex-basis:132px}
  .scroll-header__tools{position:absolute;top:100%;right:16px;width:min(600px,calc(100vw - 32px));border-radius:0 0 7px 7px}
  .scroll-header .global-menu__link{padding-inline:8px;gap:3px}
  .scroll-header .global-menu__icon{width:23px;height:23px}
  .scroll-header .global-menu__label{font-size:clamp(11px,13cqw,15px)}
}
@media(max-width:1100px){
  .scroll-header__tools{order:-1;padding:4px 0 12px;border:0;border-bottom:1px solid #a9874666;box-shadow:none;background:none}
  .scroll-header__tools .search input{font-size:14px}
  .scroll-header__tools .search input::placeholder{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.scroll-header__guides .utility-btn{transition:none}}