:root{--site-header-height:72px;--selection-height:100px}
body>header.site-header{position:fixed;inset:0 0 auto;height:var(--site-header-height);z-index:100;background:rgba(20,21,19,.97);border-bottom:1px solid var(--line);display:flex;gap:14px;padding-inline:var(--pad)}
.site-header .logo{margin-right:auto;flex:none}
.site-header .logo img{width:49px;height:49px;object-fit:contain}
.site-header .menu-toggle{display:flex;align-items:center;gap:12px;min-width:44px;min-height:44px;padding:8px 0 8px 10px;background:none;border:0;font-size:11px}
.site-header .menu-symbol{display:flex;font-size:inherit}
.site-header svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.3}
.menu-close{display:none}.menu-toggle[aria-expanded="true"] .menu-lines{display:none}.menu-toggle[aria-expanded="true"] .menu-close{display:block}
.site-header .header-email{display:grid;place-items:center;width:44px;height:44px;opacity:0;visibility:hidden;transition:opacity .2s}
body.is-scrolled .site-header .header-email{opacity:1;visibility:visible}
.site-header #navigation{display:none;position:absolute;top:100%;left:auto;right:0;width:min(460px,100%);max-height:calc(100dvh - var(--site-header-height));overflow-y:auto;background:var(--bg);padding:24px var(--pad) 32px;flex-direction:column;align-items:stretch;gap:0;border:1px solid var(--line);border-top:0}
.site-header #navigation.open{display:flex}.site-header #navigation a{font-size:clamp(22px,3vw,30px);padding:12px 0}
body:not(.has-opening-hero)>main{padding-top:var(--site-header-height)}
.vertical-controls.collection-controls,.vertical-controls:not(.collection-controls),.story-index.wrap{position:sticky;top:var(--site-header-height);z-index:60;background:var(--bg);width:100%;max-width:none;padding:16px var(--pad) 12px;border:0;scroll-margin-top:var(--site-header-height)}
body.motorsport-edit .collection-controls{padding:16px var(--pad) 12px}
.vertical-controls .filters,body.motorsport-edit .collection-controls>.filters{display:flex;width:100%;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:24px;padding:0;margin:0;overflow-x:auto;scrollbar-width:none;border:0}
.vertical-controls .filters::-webkit-scrollbar{display:none}
.vertical-controls .filters button{flex:1 0 auto;display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:44px;background:none;border:0;padding:8px 0;color:var(--muted);font-size:13px;text-align:left;white-space:nowrap}
.vertical-controls .filters button[aria-pressed="true"]{color:var(--fg);text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:1px}
.filter-index{color:#8c8c85;font-size:11px;font-variant-numeric:tabular-nums}
.vertical-controls .filter-status{font-size:11px;padding:7px 0 0;margin:0}
.story-index.wrap{display:flex;justify-content:space-between;flex-wrap:nowrap;gap:26px;overflow-x:auto;scrollbar-width:none}
.story-index.wrap a{flex:1 0 auto;min-height:44px;white-space:nowrap;font-size:13px;padding:8px 0;color:var(--muted)}
.story-index.wrap a[aria-current="location"]{color:var(--fg);text-decoration:underline;text-underline-offset:8px}
.story-index.wrap a:after{display:none}
.story-chapter,.special-card,#motorsport-specials{scroll-margin-top:calc(var(--site-header-height) + var(--selection-height) + 20px)}
.skip{z-index:120}
@media(max-width:700px){:root{--site-header-height:64px}.site-header .logo img{width:44px;height:44px}.site-header .menu-toggle{font-size:0;gap:0}.vertical-controls.collection-controls,.vertical-controls:not(.collection-controls),.story-index.wrap,body.motorsport-edit .collection-controls{padding-top:9px;padding-bottom:8px}.vertical-controls .filters,body.motorsport-edit .collection-controls>.filters{gap:24px}.vertical-controls .filters button{flex:0 0 auto;font-size:12px;gap:8px}.story-index.wrap a{flex:0 0 auto;font-size:12px}.story-index.wrap{gap:28px}}
@media(prefers-reduced-motion:reduce){.site-header .header-email{transition:none}}

/* Desktop keeps the complete navigation in the fixed header. */
@media(min-width:901px){
 .site-header .menu-toggle{display:none}
 .site-header #navigation,.site-header #navigation.open{display:flex;position:static;order:1;width:auto;max-height:none;overflow:visible;flex-direction:row;align-items:center;gap:clamp(12px,1.5vw,25px);padding:0;border:0;background:transparent}
 .site-header #navigation a{font-size:12px;padding:12px 0;white-space:nowrap}
 .site-header .header-email{order:2;margin-left:12px;flex:none}
}
@media(min-width:901px){.site-header .header-email,body.is-scrolled .site-header .header-email{display:none}}

/* Agency network link: a person and a daily-colour plus, without an account flow. */
.site-header #navigation a.agency-network{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-width:44px;min-height:44px;padding:8px}
.site-header .agency-person{width:28px;height:26px;stroke-width:1.3;overflow:visible}
.site-header .agency-plus{stroke:var(--month-accent);stroke-width:2}
.agency-nav-label{font-size:16px}
@media(min-width:901px){.agency-nav-label{display:none}.site-header #navigation a.agency-network{margin-left:2px}}