/* BGLAB typography system · 2026-10-21. Official Pretendard fonts are SIL OFL 1.1. */
:root {
  --font: "Pretendard Variable", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --font-display: var(--font);
  --sans: var(--font);
  --bg-paper: #f6f3eb;
  --bg-surface: #fffdf8;
  --bg-ink: #173f42;
  --bg-muted: #56665f;
  --bg-line: #d4d9d0;
  --bg-radius: 18px;
  --bg-control-radius: 10px;
}
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body, button, input, select, textarea { font-family: var(--font); font-synthesis: none; }
body { font-size: 16px; font-weight: 400; line-height: 1.7; -webkit-font-smoothing: antialiased; }
:where(h1,h2,h3,h4) { font-family: var(--font); font-weight: 600; word-break: keep-all; overflow-wrap: anywhere; }
:where(p,li,dd,figcaption) { overflow-wrap: anywhere; }
:where(button, input, select, textarea) { letter-spacing: 0; }
input, select, textarea { font-size: 16px; }
:where(button,a,summary,input,select,textarea) { -webkit-tap-highlight-color: transparent; }
:where(button,a,summary,input,select,textarea):focus-visible { outline: 3px solid #347f80; outline-offset: 4px; }
:where(output,.part-value,.tube-amount,.ratio-table,.summary,.detail,.swatch,.papers,.dict-card,.bar-row,.paper-reference,.slot-tools) { font-variant-numeric: tabular-nums lining-nums; }
.lesson-content .cb-wrap { --sans: var(--font); font-family: var(--font); }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }