:root{--bg:#f7f4ef;--card:#fff;--ink:#1d2730;--muted:#5d6872;--line:#e4ddd2;--brand:#0f5c8c;--soft:#e6f0f6;--accent:#c8862b}
@media (prefers-color-scheme:dark){:root{--bg:#12181d;--card:#1b232a;--ink:#eef2f5;--muted:#a2adb6;--line:#2c3740;--brand:#4aa3d8;--soft:#1d3342;--accent:#e0a54e}}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.7 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--brand)}
.wrap{max-width:720px;margin:0 auto;padding:16px 16px 40px}
header{display:flex;justify-content:space-between;align-items:center;padding:6px 0 18px}
header .brand{font-weight:800;font-size:20px;text-decoration:none;color:var(--ink)}
header a{font-size:15px;text-decoration:none}
article h1{font-size:28px;line-height:1.25;margin:4px 0 12px}
article h2{font-size:21px;line-height:1.3;margin:28px 0 8px}
.meta{color:var(--muted);font-size:14px;margin:0}
.lede{font-size:18px;color:var(--muted)}
.cta{background:var(--soft);border-radius:16px;padding:16px 18px;margin:26px 0}
.cta b{font-size:18px}
.cta p{margin:8px 0}
.btn{display:block;text-align:center;background:#0068ff;color:#fff;border-radius:12px;padding:13px;font-weight:700;text-decoration:none;margin-top:10px}
details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:0 0 8px}
summary{font-weight:600;cursor:pointer}
.author{border-top:1px solid var(--line);padding-top:12px;margin-top:24px;color:var(--muted);font-size:15px}
.list a{display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:0 0 10px;text-decoration:none;color:var(--ink)}
.list a b{display:block;font-size:18px}
.list a span{color:var(--muted);font-size:15px}
footer{color:var(--muted);font-size:14px;text-align:center;margin-top:28px}
@media(max-width:480px){article h1{font-size:24px}}