:root{--paper:#FBF8F1;--ink:#1B2A41;--rule:#9AA3AD;--accent:#E6B02A;--link:#1F5FA8;--soft:#EEE9DD}
@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400&display=swap');
*{box-sizing:border-box}
html{background:var(--paper);color:var(--ink);font-family:"Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:20px;line-height:1.5}
body{margin:0}
a{color:var(--link);text-decoration-thickness:2px;text-underline-offset:3px}
a:focus-visible,button:focus-visible{outline:4px solid var(--accent);outline-offset:3px}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
header.top{border-bottom:3px solid var(--ink);padding:18px 0;margin-bottom:28px}
header.top .wrap{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 24px}
.brand{font-weight:700;font-size:1.35rem;color:var(--ink);text-decoration:none}
.brand small{display:block;font-weight:400;font-size:.9rem;color:#4a5668}
nav a{margin-left:20px;font-weight:700}
h1{font-size:2.1rem;line-height:1.15;margin:0 0 .4em}
h2{font-size:1.5rem;line-height:1.2;margin:1.6em 0 .5em}
p{margin:0 0 1em;max-width:70ch}
.lede{font-size:1.15rem;color:#2f3d52;max-width:60ch}
.grid{display:grid;gap:2px;background:var(--ink);border:3px solid var(--ink);margin:1.2rem 0;width:100%;max-width:560px;aspect-ratio:1}
.grid span{background:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(13px,4.6vw,28px);font-variant-numeric:tabular-nums}
@media(min-width:620px){.grid span{font-size:28px}}
.grid.s9{gap:0;background:#fff}
.grid.s9 span{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.grid.s9 span.br{border-right:3px solid var(--ink)}
.grid.s9 span.bb{border-bottom:3px solid var(--ink)}
.grid.s9 span.lastrow{border-bottom:0}
.grid.s9 span.lastcol{border-right:0}
.words{columns:2;column-gap:32px;list-style:none;padding:0;margin:0 0 1.5rem;font-size:1.15rem;line-height:1.7}
@media(min-width:520px){.words{columns:3}}
.btn{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;font-weight:700;font-size:1.25rem;padding:18px 28px;border-radius:6px;border:0;cursor:pointer}
.btn.accent{background:var(--accent);color:var(--ink)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin:1.2rem 0 2rem}
.book{border:3px solid var(--ink);padding:20px 22px;margin:2.2rem 0;background:#fff}
.book h2{margin-top:0;font-size:1.3rem}
.book p{margin-bottom:.8em}
ul.list{padding-left:1.2em}
ul.list li{margin:.35em 0}
.meta{color:#4a5668;font-size:.95rem}
footer{border-top:3px solid var(--ink);margin-top:56px;padding:28px 0 48px;font-size:.95rem;color:#4a5668}
footer p{margin:.4em 0}
@media print{header.top,nav,.actions,.book,footer,.latest{display:none}.grid{max-width:100%}html{font-size:16px}}