/* PR-21 additions to the visitor view (12 Sep 2026): a visible chapter heading
   in the header (the draft label's slot), the previous / next chapter row, and
   print rules for the build-time PDF. Nothing here restyles the pages. */
.visitor-view .studio-brand>span.brand-title{display:block!important;border-left:1px solid var(--line);padding-left:22px}
.visitor-view .brand-title h1{font-family:var(--sans);font-weight:500;font-size:13px;line-height:1.3;margin:0;letter-spacing:0}
.visitor-view .brand-title small{display:block;font-size:10px;color:var(--muted);margin-top:3px;letter-spacing:.02em}
.visitor-view .studio-brand{text-decoration:none;min-width:0}
.visitor-view .chapter-nav{max-width:1200px;margin:6px auto 0;padding:0 12px;display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;font-size:12px;color:var(--muted)}
.visitor-view .chapter-nav a{text-decoration:none;color:var(--ink);padding:8px 0}
.visitor-view .chapter-nav a:hover{color:var(--blue)}
.visitor-view .chapter-nav a[rel=prev]{justify-self:start}
.visitor-view .chapter-nav a[rel=next]{justify-self:end;text-align:right}
.visitor-view .chapter-nav .chapter-nav-all{justify-self:center;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.visitor-view .chapter-nav span[aria-hidden]{display:block}
/* On a phone the chapter title next to the logo squeezed the mark, so the title
   comes off the bar and the logo goes back to its full 114px (site review 14 Sep,
   ruling 3). The heading is only taken out of view, never out of the document:
   it is the page's one h1, so it still reads to search engines and screen
   readers. The bar is unchanged above 700px. */
@media(max-width:700px){.visitor-view .studio-bar{gap:12px}.visitor-view .studio-brand>span.brand-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.visitor-view .brand-title h1{font-size:12px}.visitor-view .brand-title small{display:none}.visitor-view .studio-brand img{width:114px}.visitor-view .chapter-nav{grid-template-columns:1fr 1fr;font-size:12px}.visitor-view .chapter-nav .chapter-nav-all{grid-column:1/-1;order:3}}
@media print{@page{size:A4;margin:0}html,body{margin:0;background:#fff}.visitor-view .studio-bar,.visitor-view .reader-bar,.visitor-view .page-navigation,.visitor-view .chapter-nav,.visitor-view .studio-footer,.visitor-view .skip{display:none!important}#book{display:block!important;max-width:none!important;margin:0!important;gap:0!important}#book>.paper{display:block!important;width:210mm!important;height:297mm!important;aspect-ratio:auto!important;box-shadow:none!important;margin:0!important;break-after:page;page-break-after:always;overflow:hidden}#book>.paper:last-child{break-after:auto;page-break-after:auto}#book>.paper[hidden]{display:block!important}.paper:after{display:none!important}}