:root { --accent:#22c55e; --accent-hover:#16a34a; --accent-lt:rgba(34,197,94,.07); --accent-border:rgba(34,197,94,.18); --bg:#0a0a0b; --surface:#111113; --surface2:#18181b; --surface3:#1e1e22; --border:#27272a; --border2:#3f3f46; --text:#fafafa; --muted:#a1a1aa; --dim:#71717a; --warn:#f59e0b; --error:#f87171; --success:#4ade80; --info:#60a5fa; --radius:12px; --radius-sm:8px; }
    * { box-sizing:border-box; margin:0; padding:0; }
    body { font-family:'Source Sans 3',system-ui,sans-serif; background:var(--bg); color:var(--text); min-height:100vh; -webkit-font-smoothing:antialiased; }
    .wrap { max-width:720px; margin:0 auto; padding:48px 28px 80px; }
    h1 { font-family:'Lora',serif; font-size:1.75rem; font-weight:700; color:var(--text); margin-bottom:6px; }
    .meta { font-size:0.85rem; color:var(--dim); margin-bottom:36px; }
    h2 { font-family:'Lora',serif; font-size:1.05rem; font-weight:600; color:var(--text); margin-top:36px; margin-bottom:8px; }
    p { font-size:0.95rem; line-height:1.75; color:var(--muted); margin-bottom:10px; }
    ul { padding-left:20px; margin-bottom:10px; }
    li { font-size:0.95rem; line-height:1.75; color:var(--muted); margin-bottom:6px; }
    strong { color:var(--text); }
    a { color:var(--accent); text-decoration:none; }
    a:hover { text-decoration:underline; }
    hr { border:none; border-top:1px solid var(--border); margin:40px 0; }
    .footer { font-size:0.8rem; color:var(--dim); text-align:center; margin-top:56px; }