/* Tutorial chapters sit below the persistent site navigation. */
:root{--guide-header-height:72px;--navigation-height:calc(var(--site-header-height) + var(--guide-header-height))}
html{scroll-padding-top:calc(var(--navigation-height) + 24px)}
.header{height:72px;top:var(--site-header-height)}
.header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:24px}
.guide-label{font-size:14px;color:var(--muted);white-space:nowrap}
/* Sticky controls already sit above the document's anchor padding. */
.header .mobile-toggle,.header input{scroll-margin-top:calc(-1 * (var(--navigation-height) + 24px))}
.header .search{width:min(100%,270px);margin-left:0;justify-self:end}
.nav-group summary a[aria-current]{color:var(--accent)}
.sidebar{top:calc(var(--navigation-height) + 30px);max-height:calc(100vh - var(--navigation-height) - 58px)}
.collection,.question,.answer h4,.overview,.case-card{scroll-margin-top:0}
.guide-entry{scroll-margin-top:calc(-1 * (var(--guide-header-height) + 24px))}
.opening-hero{scroll-margin-top:calc(-1 * (var(--navigation-height) + 24px))}
@media(max-width:1100px){
  .header-inner{grid-template-columns:auto minmax(200px,300px);gap:24px;justify-content:space-between}
  .guide-label{display:none}
}
@media(max-width:760px){
  :root{--guide-header-height:102px}
  .header{height:auto}
  .header-inner{height:auto;min-height:0;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;padding:0 20px 10px}
  .header .search{grid-column:1;grid-row:2;width:100%;justify-self:stretch}
  .mobile-toggle{grid-column:2;grid-row:2;margin-left:0;padding:8px 0;font-size:12px;min-height:40px}
  .sidebar{top:var(--navigation-height);bottom:auto;height:calc(100dvh - var(--navigation-height));max-height:none;align-self:auto}
}
@media print{html{scroll-padding-top:0}}