/* The masthead belongs to the opening page; the same navigation stays with the reader. */
:root{--masthead-collapse:0px;--reading-header-height:72px;--reading-progress:0}
html{scroll-padding-top:calc(var(--reading-header-height) + 14px)}
:where(main[id],main [id]){scroll-margin-top:0}
.enquiry-form{scroll-margin-top:0}
.site-header.reading-ready{position:sticky;top:calc(-1 * var(--masthead-collapse));z-index:30}
.site-header.reading-compact{box-shadow:0 7px 17px #211f1b0d}
.site-header .main-nav>.nav-reading-brand{display:none}
.reading-progress{position:absolute;inset:auto 0 -1px;height:2px;overflow:hidden;pointer-events:none}
.reading-progress>span{display:block;width:100%;height:100%;background:#b32638;transform:scaleX(var(--reading-progress));transform-origin:left center}
@media(min-width:821px){.brief-output{top:calc(var(--reading-header-height) + 20px)}}

@media(min-width:1100px){
 .site-header .main-nav>.nav-reading-brand{display:flex;flex:0 0 95px;max-width:95px;padding:8px 12px;font:600 20px/1 var(--serif);letter-spacing:-.035em;visibility:visible;opacity:1;transition:opacity .18s ease}
 .site-header .main-nav>.nav-reading-brand span{font:600 8px/1 var(--sans);letter-spacing:.06em;margin:3px 0 0 6px;color:#8a3c45}
 .site-header .main-nav>.nav-reading-brand:after{display:none}
 .site-header.reading-compact .main-nav>.nav-reading-brand{visibility:visible;opacity:1}
}

@media(max-width:1099px) and (min-width:821px){
 .site-header .main-nav>a{font-size:12px;padding-left:8px;padding-right:8px}
 .site-header .main-nav .nav-contact{padding-left:12px;padding-right:12px;gap:8px}
}

@media(max-width:820px){
 :root{--reading-header-height:118px}
 .site-header.reading-ready{position:relative;top:auto}
 .site-header.reading-ready.nav-ready{position:sticky;top:calc(-1 * var(--masthead-collapse))}
 .site-header.reading-ready.nav-ready .main-nav{max-height:calc(100vh - var(--reading-header-height) - 12px);max-height:calc(100dvh - var(--reading-header-height) - 12px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scroll-padding:10px}
 .site-header .main-nav>.nav-reading-brand{display:none}
}

@media(max-width:820px) and (max-height:500px){
 .site-header.nav-ready .edition-line{padding-top:5px;padding-bottom:5px;font-size:8px}
 .site-header.nav-ready .header-inner{min-height:62px}
 .site-header.nav-ready .brand{gap:8px}
 .site-header.nav-ready .brand img{width:30px;height:30px}
 .site-header.nav-ready .brand>span{font-size:46px}
 .site-header.nav-ready .brand small{font-size:6px;margin-top:5px;letter-spacing:.25em}
 .site-header.nav-ready .menu-button{width:44px;height:44px}
}

@media(prefers-reduced-motion:reduce){
 .site-header .main-nav>.nav-reading-brand{transition:none}
}