@font-face{font-family:"Fraunces";src:url("fonts/fraunces-latin.woff2") format("woff2");font-weight:600 700;font-display:swap}
@font-face{font-family:"Lexend";src:url("fonts/lexend-latin.woff2") format("woff2");font-weight:300 500;font-display:swap}
@font-face{font-family:"Geist Mono";src:url("fonts/geistmono-latin.woff2") format("woff2");font-weight:400 500;font-display:swap}
:root{--canvas:#132139;--panel:#1B2A45;--accent:#E4F2B6;--blue:#739CC8;--text:#EEF1EA;--text-2:#D3D9E2;--hair:rgba(167,176,190,.15);--ease:cubic-bezier(.22,1,.36,1)}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--canvas);scroll-behavior:smooth}
body{margin:0;background:var(--canvas);color:var(--text);font:300 1.0625rem/1.7 "Lexend",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-underline-offset:3px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px clamp(16px,4vw,56px);border-bottom:1px solid var(--hair)}
.top img{height:26px;width:auto;display:block}
.back{font:500 .78rem/1 "Geist Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--text);text-decoration:none;border:1px solid #5B6577;border-radius:999px;padding:12px 16px;transition:border-color .3s var(--ease)}
.back:hover{border-color:var(--accent)}
main{width:min(760px,100% - 2*clamp(16px,4vw,56px));margin:0 auto;padding:72px 0 96px}
h1{font:650 clamp(2.2rem,1.4rem + 3vw,3.4rem)/1.05 "Fraunces",Georgia,serif;letter-spacing:-.02em;margin:0 0 12px}
.upd{font:400 .78rem/1.4 "Geist Mono",monospace;letter-spacing:.08em;color:var(--text-2);margin:0 0 28px}
.toc{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px;padding:0;list-style:none}
.toc a{display:inline-flex;align-items:center;min-height:44px;padding:.5em 1.05em;border-radius:999px;border:1px solid #5B6577;color:var(--text);text-decoration:none;font-size:.92rem;transition:border-color .3s var(--ease)}
.toc a:hover{border-color:var(--accent)}
h2{font:650 1.8rem/1.2 "Fraunces",Georgia,serif;margin:64px 0 14px;padding-top:28px;border-top:1px solid var(--hair);scroll-margin-top:24px}
h3{font:500 .76rem/1.3 "Geist Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin:32px 0 8px}
p,li{color:var(--text-2)}
p{margin:0 0 14px}
strong{color:var(--text);font-weight:500}
ul{margin:0 0 14px;padding-left:20px}
li{margin-bottom:6px}
dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 20px;margin:0 0 14px;padding:22px;border-radius:18px;background:var(--panel);border:1px solid var(--hair)}
dt{font:500 .74rem/1.6 "Geist Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
dd{margin:0;color:var(--text)}
.tbl{width:100%;overflow-x:auto;margin:0 0 14px;border-radius:18px;border:1px solid var(--hair)}
table{width:100%;border-collapse:collapse;font-size:.95rem}
th,td{text-align:left;vertical-align:top;padding:14px 16px;border-bottom:1px solid var(--hair)}
th{font:500 .72rem/1.4 "Geist Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);background:var(--panel)}
td{color:var(--text-2)}
tr:last-child td{border-bottom:0}
.note{padding:18px 20px;border-radius:16px;background:rgba(228,242,182,.06);border:1px solid rgba(228,242,182,.22);color:var(--text)}
@media (max-width:560px){dl{grid-template-columns:1fr}dd{margin-bottom:8px}th,td{padding:12px}}
footer{border-top:1px solid var(--hair);padding:28px clamp(16px,4vw,56px);font:400 .74rem/1.5 "Geist Mono",monospace;color:#8A93A3}
.pend{color:#F2C14E;font-weight:500}
.skip{position:fixed;left:16px;top:-80px;z-index:200;background:var(--accent);color:var(--canvas);padding:12px 18px;border-radius:999px;font-weight:500;text-decoration:none}
.skip:focus{top:16px}
main:focus{outline:none}
footer a{display:inline-block;padding:6px 0}

/* ---------- Larger, lighter reading (client feedback) ---------- */
html{font-size:106.25%}
@media (max-width:620px){html{font-size:103%}}
/* Easier reading: slightly heavier body text */
body{font-weight:350}
strong,b{font-weight:500}
p,li{font-size:1.06rem;line-height:1.75}