/* No experiment toolbar in the public site. Header offset is measured, not guessed. */
html[data-theme=lab]{scroll-padding-top:var(--navigation-inset,92px)}
html[data-theme=lab] .site-header{top:0}
html[data-theme=lab] .reader-progress{top:0}
html body.reading-thesis .reader-toc{top:calc(var(--navigation-inset,92px) + 20px)}
html[data-theme=lab] .reader-content h2{scroll-margin-top:16px}
html[data-theme=lab] .about-links .ui-control{min-height:34px;padding-block:5px}
.grove-footer-line>a:last-child{padding-block:12px}
/* App icons belong beneath their title, not in the narrow arrow column on phones. */
@media(max-width:620px){html[data-theme=lab] .ios-app-strip{grid-column:2;min-width:0}}

/* The opening is chapter 00; the constellation keeps an unnumbered caption. */
.hero-chapter{grid-column:1/-1;margin-bottom:24px;color:var(--muted)}
html[data-theme=lab] .site-header nav{flex-shrink:0}
@media(max-width:620px){
 html[data-theme=lab] .site-header{flex-wrap:wrap;gap:0 16px}
 html[data-theme=lab] .site-header nav{width:100%;justify-content:space-between;gap:8px;margin-left:0;font-size:13px}
 html[data-theme=lab] .site-header .header-note{display:block;margin-left:auto;font-size:11px}
 .hero-chapter{margin-bottom:20px}
}

/* All numbered chapter labels share one type treatment, independent of body copy. */
html[data-theme=lab] #home-view .section-heading>.eyebrow,
html[data-theme=lab] #home-view .hero-chapter>.eyebrow{
 font-size:12px;line-height:1.7;letter-spacing:.08em;font-weight:400;text-transform:uppercase;
}
/* Keep each About destination intact when the expanded link row wraps. */
html[data-theme=lab] .about-links{flex-wrap:wrap;row-gap:8px}
html[data-theme=lab] .about-links a{white-space:nowrap}