:root{--paper:oklch(98.5% .006 85);--paper-2:oklch(97.2% .009 82);--surface:oklch(99.7% .003 85);--ink:oklch(24% .012 60);--ink-2:oklch(42% .012 60);--muted:oklch(56% .012 65);--line:oklch(88.5% .008 75);--line-2:oklch(93% .006 80);--serif:"Newsreader",Georgia,serif;--sans:"IBM Plex Sans",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--accent:oklch(58% .13 28);--accent-deep:oklch(46% .13 28);--accent-tint:oklch(96.5% .045 28);--accent-soft:oklch(92% .045 28);--maxw:760px}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.62}.bar{z-index:10;background:color-mix(in oklab,var(--paper) 86%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.bar-in{max-width:var(--maxw);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:13px 28px;display:flex}.back{color:var(--ink-2);align-items:center;gap:8px;font-size:15.5px;font-weight:500;text-decoration:none;transition:all .14s;display:inline-flex}.back:hover{color:var(--accent-deep)}.crumb{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:14px}.crumb b{color:var(--accent-deep);font-weight:500}.wrap{max-width:var(--maxw);margin:0 auto;padding:54px 28px 90px}.kicker{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--accent-deep);align-items:center;gap:9px;margin:0 0 18px;font-size:14.5px;display:inline-flex}.kicker .dot{background:var(--accent);border-radius:50%;width:8px;height:8px}h1{font-family:var(--serif);letter-spacing:-.02em;text-wrap:balance;margin:0 0 16px;font-size:clamp(38px,6vw,58px);font-weight:500;line-height:1.02}h1 em{font-style:italic}.standfirst{color:var(--ink-2);max-width:54ch;margin:0 0 12px;font-size:20px;line-height:1.5}.meta-row{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.tag{font-family:var(--mono);letter-spacing:.06em;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 13px;font-size:14px}h2{font-family:var(--serif);letter-spacing:-.01em;margin:52px 0 14px;padding-top:10px;font-size:27px;font-weight:500}.lead-rule{background:var(--accent);border-radius:999px;width:42px;height:3px;margin:0 0 24px}p{margin:0 0 18px}strong{font-weight:600}.ex{font-family:var(--serif);color:var(--accent-deep);font-style:normal;font-weight:500}table{border-collapse:collapse;width:100%;margin:8px 0 24px;font-size:16px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:11px 14px}thead th{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-bottom:1.5px solid var(--line);font-size:14px;font-weight:500}tbody td:first-child{color:var(--ink-2)}tbody td b{color:var(--accent-deep);font-weight:600}.contraction{color:var(--muted);font-family:var(--mono);font-size:15.5px}.note{background:var(--accent-tint);border:1px solid var(--accent-soft);border-radius:14px;margin:24px 0;padding:20px 24px}.note h2,.note h3{font-family:var(--serif);margin:0 0 10px;font-size:18px;font-style:italic;font-weight:500}.note ul{margin:0;padding-left:20px}.note li{margin-bottom:7px}.cross{color:var(--accent-deep);font-weight:600}.practice{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin:28px 0;padding:26px 28px}.practice h3{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0 0 18px;font-size:14.5px}.q{border-bottom:1px dashed var(--line-2);align-items:baseline;gap:12px;padding:11px 0;font-size:16px;display:flex}.q:last-child{border-bottom:0}.q .n{font-family:var(--mono);color:var(--accent-deep);flex:none;font-size:15.5px}.blank{border-bottom:1.5px solid var(--accent);min-width:52px;margin:0 4px;display:inline-block}.lessons-nav{border-top:1px solid var(--line);justify-content:space-between;gap:16px;margin-top:56px;padding-top:28px;display:flex}.lnav{color:var(--ink);max-width:46%;text-decoration:none}.lnav span{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:14px;display:block}.lnav b{font-family:var(--serif);color:var(--ink);font-size:18px;font-weight:500;transition:all .14s}.lnav:hover b{color:var(--accent-deep)}.lnav.next{text-align:right}@media (width<=560px){:root{--maxw:100%}.wrap{padding:40px 20px 70px}.bar-in{padding:12px 20px}.crumb{display:none}}
