:root{--bg:#fbfaf7;--fg:#1d2733;--muted:#5a6573;--card:#f1eee7;--link:#14456e;--line:#d9d4c8}
@media (prefers-color-scheme:dark){:root{--bg:#111a24;--fg:#e8edf2;--muted:#a9b4c0;--card:#1a2633;--link:#9cc6ee;--line:#2f3d4d}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-text-size-adjust:100%}
main{max-width:760px;margin:0 auto;padding:24px 16px 64px}
h1{font-size:26px;line-height:1.25;margin:8px 0 4px}
h2{font-size:19px;line-height:1.3;margin:30px 0 8px}
p,li{margin:0 0 10px}
ul{padding-left:22px}
a{color:var(--link);overflow-wrap:anywhere}
code{font-size:.92em;background:var(--card);padding:1px 5px;border-radius:4px}
.meta,.top,footer{color:var(--muted);font-size:15px}
.top{margin:0 0 8px}
.card{background:var(--card);border-radius:12px;padding:14px 18px}
.note{color:var(--muted);font-size:15px}
.tw{overflow-x:auto;margin:8px 0 14px;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px;line-height:1.5}
th,td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
th{background:var(--card)}
hr{border:0;border-top:2px solid var(--line);margin:48px 0 24px}
footer{margin-top:40px}
ul.apps{list-style:none;padding:0}
ul.apps li{background:var(--card);border-radius:12px;padding:12px 16px;margin:0 0 10px}