/* Shared navigation: the same brand, with more room and clearer wayfinding. */
html{scroll-padding-top:128px}
.topline{background:#101e17;color:#c5cbbd;line-height:28px;font-size:8px;letter-spacing:1.65px;border-bottom:1px solid #c3a36624}
.topline .shell{justify-content:center;text-align:center}
.masthead{background:linear-gradient(110deg,#14271c,#20372a);border-bottom:1px solid #b69b604f;box-shadow:0 5px 22px #0c1c1410}
.mast-inner{min-height:112px;gap:28px}
.masthead .brand{gap:20px}
.masthead .brand img{width:108px;height:85px}
.masthead .brand-divider{display:block;background:#d5b57459;height:41px}
.masthead .brand-note{display:block;color:#dce0d0;font-size:8px;letter-spacing:1.5px;line-height:1.9}
.masthead nav{display:flex;align-items:center;gap:clamp(17px,1.7vw,27px)}
.masthead nav a{font-size:11px;font-weight:600;color:#e3e7dc;padding:16px 1px;line-height:1.4;transition:color .2s}
.masthead nav a:after{bottom:5px;left:1px;height:2px;background:#d4b16d}
.masthead nav a:hover,.masthead nav a[aria-current]{color:#e9cb8b}
.masthead nav a[aria-current]:after{width:24px}
.masthead nav .nav-story{border-left:1px solid #d5b57438;padding-left:23px;margin-left:2px}
.masthead nav .nav-story:after{left:23px}
.masthead nav .nav-trip{display:none}
.header-actions{gap:15px;flex-shrink:0}
.masthead .search-open{width:42px;height:42px;padding:10px;border:1px solid #d1ddc437;border-radius:50%;color:#e5e9db;transition:background .2s,border-color .2s}
.masthead .search-open:hover{background:#ffffff0b;border-color:#d5b574a6}
.masthead .small-button{display:inline-flex;align-items:center;justify-content:center;background:#d4b16d;color:#17291e;border:1px solid #dec58f;font-size:10px;letter-spacing:.1px;line-height:1.5;padding:14px 18px;min-height:45px;transition:background .2s}
.masthead .small-button:hover{background:#e4c488}
.masthead .menu-toggle{display:none;width:44px;height:44px;padding:10px;border:1px solid #d1ddc437;border-radius:3px}
.menu-toggle svg path{transform-origin:12px 12px;transition:transform .2s}
.menu-toggle[aria-expanded=true] .menu-line-first{transform:translateY(4px) rotate(45deg)}
.menu-toggle[aria-expanded=true] .menu-line-last{transform:translateY(-4px) rotate(-45deg)}
@media(max-width:1250px){.masthead .brand-divider,.masthead .brand-note{display:none}.mast-inner{gap:22px}.masthead nav{gap:21px}.masthead .brand img{width:104px;height:82px}.masthead nav .nav-story{padding-left:20px}.masthead nav .nav-story:after{left:20px}}
@media(max-width:1080px){.masthead nav{gap:17px}.masthead nav a{font-size:10px}.masthead nav .nav-story{padding-left:17px}.masthead nav .nav-story:after{left:17px}.masthead .small-button{font-size:9px;padding:13px 15px}.header-actions{gap:12px}}
@media(max-width:980px){
  html{scroll-padding-top:112px}
  .mast-inner{min-height:100px;gap:22px}
  .masthead .brand{gap:17px}
  .masthead .brand img{width:96px;height:75px}
  .masthead .brand-divider,.masthead .brand-note{display:block}
  .masthead .brand-divider{height:37px}
  .masthead .brand-note{font-size:8px;letter-spacing:1.1px}
  .masthead .menu-toggle{display:inline-flex}
  .masthead nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#192f22;border-top:1px solid #d5b57440;border-bottom:1px solid #d5b57466;padding:18px 32px 25px;box-shadow:0 18px 24px #0c1c1433;max-height:calc(100dvh - 128px);overflow-y:auto;overscroll-behavior:contain}
  .masthead nav.is-open{display:flex;align-items:stretch;gap:0}
  .masthead nav a{width:100%;font-size:15px;line-height:1.5;padding:13px 9px;min-height:48px;border-bottom:1px solid #ffffff0c}
  .masthead nav a:after{display:none}
  .masthead nav a:hover,.masthead nav a[aria-current]{background:#ffffff06;color:#e9cb8b}
  .masthead nav .nav-story{border-left:0;padding-left:9px;margin-left:0}
  .masthead nav .nav-trip{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;background:#d4b16d;color:#17291e;font-size:11px;font-weight:700;border:1px solid #dec58f;margin-top:17px;min-height:48px}
  .masthead nav .nav-trip span{font-size:17px}
}
@media(max-width:650px){
  .topline{font-size:6px;line-height:24px;letter-spacing:1.2px}
  .mast-inner{min-height:90px;gap:15px}
  .masthead .brand{gap:13px}
  .masthead .brand img{width:86px;height:67px}
  .masthead .brand-divider{height:32px}
  .masthead .brand-note{font-size:7px;letter-spacing:.9px;line-height:1.8}
  .masthead .small-button{display:none}
  .header-actions{gap:9px}
  .masthead .search-open{width:39px;height:39px;padding:9px}
  .masthead .menu-toggle{width:41px;height:41px;padding:8px}
  .masthead nav{padding:15px 20px 23px;max-height:calc(100dvh - 115px)}
  .masthead nav a{padding:13px 7px;font-size:14px}
  .masthead nav .nav-story{padding-left:7px}
}
@media(max-width:379px){.masthead .brand-note,.masthead .brand-divider{display:none}.masthead .brand img{width:86px;height:67px}}
@media(prefers-reduced-motion:reduce){.menu-toggle svg path,.masthead nav a,.masthead .search-open,.masthead .small-button{transition:none}}
@media print{.topline,.masthead{display:none}}
