:root { --bg:#080c0e; --text:#eef4f3; --muted:#90a09b; --accent:#3ee6cb; --line:#1b2624; }
* { margin:0; padding:0; box-sizing:border-box; }
body { background:var(--bg); color:var(--text); font-family:-apple-system, "SF Pro Text", system-ui, sans-serif; }
.wrap { max-width:720px; margin:0 auto; padding:0 28px; }
header.site { display:flex; align-items:center; gap:10px; padding:28px 0; }
header.site img { width:32px; height:32px; border-radius:8px; }
header.site a.brand { color:var(--text); text-decoration:none; font-size:15px; font-weight:600; }
header.site nav { margin-left:auto; display:flex; gap:22px; }
header.site nav a { color:var(--muted); text-decoration:none; font-size:13px; }
header.site nav a[aria-current="page"] { color:var(--accent); }
.eyebrow { margin-top:40px; font-size:12px; letter-spacing:.14em; color:var(--accent); }
h1 { margin-top:12px; font-size:34px; font-weight:750; letter-spacing:-0.02em; }
.meta { margin-top:10px; font-size:13px; color:var(--muted); }
.prose { margin-top:36px; padding-bottom:40px; }
.prose p, .prose li { font-size:15px; line-height:1.7; color:#c4cdc9; }
.prose p { margin-bottom:16px; }
.prose strong { color:var(--text); }
.prose h2 { margin:34px 0 12px; font-size:19px; font-weight:650; letter-spacing:-0.01em; }
.prose h3 { margin:26px 0 10px; font-size:15.5px; font-weight:650; }
.prose ul { margin:0 0 16px 20px; }
.prose li { margin-bottom:8px; }
.prose a { color:var(--accent); text-decoration:none; }
footer.site { border-top:1px solid var(--line); padding:24px 0 36px; display:flex; gap:22px; align-items:center; font-size:12px; color:#4d5a56; }
footer.site a { color:var(--muted); text-decoration:none; font-size:12px; }