:root{--ink:#0f0f0f;--ink-light:#3a3a3a;--ink-muted:#6b6b6b;--paper:#fafaf7;--paper-warm:#f4f2ec;--border:#ddd9ce;--border-mid:#c8c3b5;--earn:#b5541a;--font-display:"Playfair Display",Georgia,serif;--font-body:"DM Sans",system-ui,sans-serif;--font-mono:"DM Mono","Courier New",monospace;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--wide:960px;}
    *{box-sizing:border-box;margin:0;padding:0} html{font-size:16px;scroll-behavior:smooth} body{font-family:var(--font-body);background:var(--paper);color:var(--ink);line-height:1.72;-webkit-font-smoothing:antialiased} a{color:var(--ink)}
    .page{max-width:var(--wide);margin:0 auto;padding:var(--s7) var(--s5) var(--s7)}
    .card{max-width:620px;margin:0 auto;border:1px solid var(--border);border-radius:12px;background:#fff;padding:clamp(2rem,5vw,3.5rem);box-shadow:0 12px 30px rgba(15,15,15,.04)}
    .eyebrow{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4)} .eyebrow::before{content:"";width:24px;height:1px;background:var(--ink-muted)}
    h1{font-family:var(--font-display);font-size:clamp(2.25rem,5vw,3.6rem);line-height:1.05;letter-spacing:-.04em;margin-bottom:var(--s4)}
    p{color:var(--ink-light);margin-bottom:var(--s4)}
    .grid{display:grid;gap:var(--s4)}
    .list{list-style:none;display:grid;gap:var(--s3);margin:var(--s4) 0}
    .list li{padding:var(--s3) var(--s4);border:1px solid var(--border);border-radius:var(--s3);background:var(--paper-warm)}
    .actions{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s5)}
    .btn{display:inline-flex;align-items:center;justify-content:center;padding:.82rem 1rem;border-radius:var(--s3);text-decoration:none;font-weight:700;border:1px solid var(--border-mid);background:#fff;color:var(--ink)}
    .btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}
    .small{font-size:.85rem;color:var(--ink-muted)}