.topbar { gap: 20px; }
.topbar .brand { min-width: 160px; }
.topbar .main-nav { gap: clamp(10px, 1.7vw, 25px); font-size: 12px; }
.language-switch { display: flex; gap: 3px; align-items: center; flex-shrink: 0; padding: 3px; border: 1px solid #cbd6ca; border-radius: 5px; }
.language-switch a { padding: 4px 8px; color: #48615d; font-size: 12px; line-height: 1.5; white-space: nowrap; }
.language-switch a[aria-current="true"] { background: #e5edce; color: #334c1d; border-radius: 3px; }
html:lang(en) { --serif: Georgia, 'Times New Roman', serif; --sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
html:lang(en) h1, html:lang(en) h2, html:lang(en) h3 { letter-spacing: -.025em; }
html:lang(en) .hero h1 { font-size: clamp(45px, 6.3vw, 80px); }
html:lang(en) .section-heading h2 { font-size: clamp(31px, 4vw, 51px); }
html:lang(en) .reader-hero h1 { font-size: clamp(42px, 6vw, 70px); }
html:lang(en) .reader-prose h1 { font-size: clamp(30px, 3.5vw, 43px); }
html:lang(en) .reader-prose p, html:lang(en) .reader-prose li { line-height: 1.8; }
html:lang(en) .almost-graphic text { font-size: 13px; }
html:lang(en) .almost-graphic .graphic-caption { font-size: 12px; }
html:lang(en) .coin-sequence text { font-size: 27px; }
html:lang(en) .door { font-size: 19px; }
html:lang(en) .reader-prose .book-chapter#chapter-01 > h1::before { content: 'Part I · Everyday questions'; }
html:lang(en) .reader-prose .book-chapter#chapter-04 > h1::before { content: 'Part II · Basic methods'; }
html:lang(en) .reader-prose .book-chapter#chapter-09 > h1::before { content: 'Part III · Common mistakes'; }
html:lang(en) .reader-prose .book-chapter#chapter-13 > h1::before { content: 'Part IV · Making judgments'; }
@media (max-width: 1150px) { .topbar .top-link { display: none; } }
@media (max-width: 850px) {
  .topbar .main-nav { display: none; }
  .language-switch { margin-left: auto; }
}
@media (max-width: 680px) {
  .topbar { gap: 8px; padding-inline: 16px; }
  .topbar .brand { min-width: 0; }
  .language-switch a { padding-inline: 7px; }
  html:lang(en) .reader-prose h1 { font-size: 32px; }
}