:root{--bg:#f4f1ea;--fg:#1d1f1e;--muted:#5b615e;--line:#dcd6ca;--accent:#0E7C7B;--card:#fbf9f4}
@media (prefers-color-scheme:dark){:root{--bg:#141716;--fg:#ecebe6;--muted:#a3a9a5;--line:#2c3230;--accent:#2fb3b1;--card:#1b1f1e}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;padding:32px 16px 64px}
main{max-width:44rem;margin:0 auto}
header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}
.logo{font-weight:800;font-size:1.4rem;letter-spacing:.02em;color:var(--fg);text-decoration:none}
.logo span{color:var(--accent)}
h1{font-size:clamp(1.8rem,5vw,2.4rem);line-height:1.15;margin:0 0 .3em;text-wrap:balance}
h2{font-size:1.2rem;margin:2.2em 0 .5em;text-wrap:balance}
p,li{color:var(--fg)}
.muted{color:var(--muted)}
a{color:var(--accent)}
ul{padding-left:1.2em}
li{margin:.3em 0}
.box{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1rem 1.2rem;margin:1.2rem 0}
.table{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{text-align:left;vertical-align:top;padding:.55em .6em;border-bottom:1px solid var(--line)}
th{font-weight:700}
footer{margin-top:3rem;font-size:.9rem;color:var(--muted)}