:root{--bg:#fff;--fg:#111;--mut:#666;--line:#bbb;--soft:#f5f5f3;--link:#1a0dab;--hi:#d9480f}
@media (prefers-color-scheme:dark){:root{--bg:#151515;--fg:#e8e8e8;--mut:#9a9a9a;--line:#555;--soft:#1f1f1f;--link:#8ab4f8;--hi:#ff8a4c}}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--fg);font:17px/1.6 Georgia,"Times New Roman",serif;margin:0}
main{max-width:760px;margin:0 auto;padding:32px 16px 80px}
h1{font-weight:normal;font-size:2.1em;text-align:center;margin:.4em 0 .1em;line-height:1.2}
h2{font-weight:normal;font-size:1.4em;border-bottom:1px solid var(--line);padding-bottom:4px;margin-top:2em}
.sub{text-align:center;color:var(--mut);margin:0}
.crumb{color:var(--mut);font-size:.9em;margin:0 0 1.2em}
a{color:var(--link)}
.mut{color:var(--mut)}.small{font-size:.9em}
.logo{display:block;margin:0 auto;width:56px;height:56px}
.idea{border:1px solid var(--hi);border-radius:4px;background:var(--soft);padding:.6em 1em;margin:1.2em 0}
.card{border:1px solid var(--line);padding:14px 18px;margin:14px 0}
.card h3{margin:0 0 .2em;font-size:1.15em}
.card p{margin:.3em 0}
.card ul{margin:.5em 0 .2em;padding-left:1.2em}
.card li{margin:.35em 0}
.tag{font:11px Menlo,monospace;border:1px solid var(--line);color:var(--mut);padding:1px 6px;vertical-align:middle;white-space:nowrap}
.soon{color:var(--mut)}
footer{margin-top:3.5em;color:var(--mut);font-size:.82em;text-align:center;line-height:1.5}