:root{--bg:#f4f6f8;--card:#fff;--fg:#1a1a1a;--muted:#667380;--line:#d9e0e6;--accent:#0b5c8a}
*{box-sizing:border-box}body{margin:0;font:15px/1.5 "Segoe UI",Calibri,Arial,sans-serif;color:var(--fg);background:var(--bg)}
header{background:#fff;border-bottom:1px solid var(--line)}header .in{max-width:960px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:16px}
header a.brand{font-weight:700;color:var(--accent);text-decoration:none;font-size:18px}header nav a{color:var(--muted);text-decoration:none;margin-left:16px}
main{max-width:960px;margin:0 auto;padding:28px 20px 60px}h1{margin:0 0 6px;font-size:28px}.lead{color:var(--muted);margin:0 0 24px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin-bottom:16px}
.card h2{margin:0 0 4px;font-size:20px}.card h2 a{color:var(--accent);text-decoration:none}.meta{color:var(--muted);font-size:13px}
.btn{display:inline-block;padding:9px 16px;border-radius:8px;background:var(--accent);color:#fff;text-decoration:none;font-weight:600}
.btn.sec{background:#fff;color:var(--accent);border:1px solid var(--accent)}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px}
dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;margin:14px 0 0;font-size:14px}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}
code{font:13px Consolas,monospace;background:var(--bg);padding:1px 5px;border-radius:4px}ul{margin:8px 0 0;padding-left:20px}
footer{max-width:960px;margin:0 auto;padding:20px;color:var(--muted);font-size:13px;border-top:1px solid var(--line)}