:root{--fg:#16181d;--muted:#5b6270;--line:#e3e6ec;--bg:#fff;--accent:#2b6cf6}
@media(prefers-color-scheme:dark){:root{--fg:#e8eaef;--muted:#9aa3b2;--line:#262a33;--bg:#101319;--accent:#7aa5ff}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.wrap{max-width:44rem;margin:0 auto;padding:2.5rem 1.25rem 5rem}
a{color:var(--accent)}
.back{display:inline-block;margin-bottom:2rem;font-size:.9rem;text-decoration:none}
h1{font-size:1.9rem;line-height:1.3;margin:.2em 0 .1em}
h2{font-size:1.15rem;margin:2.4em 0 .6em;padding-top:1.2em;border-top:1px solid var(--line)}
h3{font-size:1rem;margin:1.8em 0 .4em}
.tag{color:var(--muted);font-size:.95rem;margin:0 0 2rem}
.meta{color:var(--muted);font-size:.85rem}
ul{padding-left:1.2em}
li{margin:.35em 0}
.note{border-left:3px solid var(--line);padding:.1em 0 .1em 1em;color:var(--muted)}
footer{margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}

.store-button{display:inline-block;margin:.5rem 0 1.75rem;padding:.7rem 1.5rem;border-radius:10px;background:var(--accent);color:#fff;font-weight:600;text-decoration:none}
.store-button:hover{opacity:.9}