:root{--paper:#F5F2EC;--ink:#1A1A1A;--muted:#6B6862;--card:#E9E6E0;--accent:#0E5A7E;--rule:#D9D5CD}
@media (prefers-color-scheme:dark){:root{--paper:#0A0A0F;--ink:#E8E8F0;--muted:#9A9AA6;--card:#17171D;--accent:#5BC7FF;--rule:#26262E}}
*{box-sizing:border-box}
html{color-scheme:light dark}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;line-height:1.55;-webkit-font-smoothing:antialiased}
.wrap{max-width:680px;margin:0 auto;padding:40px 24px 56px}
header.site{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:44px}
header.site .brand{font-weight:600;text-decoration:none;color:inherit;font-size:1.1rem}
nav a{color:var(--muted);text-decoration:none;margin-left:18px}
nav a:hover,a:hover{color:var(--accent)}
h1{font-weight:500;font-size:2.4rem;line-height:1.1;margin:0 0 12px}
h2{font-weight:500;font-size:1.35rem;margin:40px 0 10px}
h3{font-weight:600;font-size:1.05rem;margin:22px 0 6px}
p,li,dd{font-size:1.05rem}
.lede{font-size:1.25rem;color:var(--muted);margin:0 0 24px}
a{color:var(--accent)}
.muted{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:220px;margin:28px 0 36px}
.grid i{display:block;aspect-ratio:1;border-radius:50%;background:var(--card)}
.grid i.e1{background:color-mix(in srgb,var(--ink) 16%,var(--card))}
.grid i.e2{background:color-mix(in srgb,var(--ink) 36%,var(--card))}
.grid i.on{background:var(--accent);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 45%,transparent)}
.card{background:var(--card);border-radius:14px;padding:18px 20px;margin:16px 0}
.btn{display:inline-block;background:var(--ink);color:var(--paper);padding:12px 20px;border-radius:999px;text-decoration:none;font-weight:600}
.btn:hover{opacity:.9;color:var(--paper)}
footer{margin-top:64px;padding-top:20px;border-top:1px solid var(--rule);color:var(--muted);font-size:.95rem;display:flex;flex-wrap:wrap;gap:8px 20px}
footer a{color:var(--muted);text-decoration:none}
dl dt{font-weight:600;margin-top:18px}dl dd{margin:4px 0 0}
ul{padding-left:22px}