:root{--accent:#5b5bd6;--ink:#1a1a26;--muted:#6b6b80;--surface:#ffffff;--surface-2:#f5f5f9;--border:#e3e3ec}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--surface);line-height:1.5;font-size:15px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:1.5rem;margin:0 0 .5rem}.shell{max-width:60rem;margin:0 auto;padding:2rem 1.5rem}.shell-header{display:flex;align-items:baseline;gap:.75rem;border-bottom:1px solid var(--border);padding-bottom:1rem;margin-bottom:1.5rem}.shell-header .badge{color:var(--accent);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.nav{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 2rem;padding:0;list-style:none}.nav a{display:inline-block;padding:.4rem .9rem;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);color:var(--ink);font-weight:500}.nav a:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.muted{color:var(--muted)}.placeholder{border:1px dashed var(--border);border-radius:8px;padding:2rem;background:var(--surface-2)}