:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4efe6;--card:#fffbf5f0;--ink:#1f2a2a;--muted:#62706d;--line:#1f2a2a1f;--accent:#0f766e;--accent-strong:#0c5954;--shadow:0 24px 80px #191f1f14}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top left,#0f766e29,transparent 28%),linear-gradient(180deg,#faf6ef 0%,var(--bg)100%);min-height:100%;color:var(--ink);margin:0;font-family:Georgia,Times New Roman,serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.shell{max-width:1100px;margin:0 auto;padding:24px}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:20px 0 32px;display:flex}.brand{letter-spacing:.04em;text-transform:uppercase;font-size:1.5rem;font-weight:700}.nav{color:var(--muted);gap:16px;display:flex}.hero,.card,.grid-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px}.hero{padding:48px}.hero h1,.page-title{margin:0 0 16px;font-size:clamp(2.5rem,5vw,4.5rem);line-height:.95}.hero p,.muted{color:var(--muted)}.hero-grid,.grid{gap:20px;display:grid}.hero-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:32px}.card,.grid-card{padding:24px}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.button,.button-secondary{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:12px 18px;display:inline-flex}.button{background:var(--accent);color:#fff}.button-secondary{color:var(--accent-strong);background:0 0;border:1px solid #0c59542e}.stack{flex-direction:column;gap:12px;display:flex}.field{border:1px solid var(--line);background:#ffffffe6;border-radius:16px;width:100%;padding:12px 14px}.pill{color:var(--accent-strong);background:#0f766e1f;border-radius:999px;padding:6px 12px;font-size:.9rem;display:inline-flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.list{gap:14px;display:grid}.code{background:#0f766e14;border-radius:16px;padding:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.92rem;overflow:auto}@media (max-width:720px){.shell{padding:16px}.hero,.card,.grid-card{padding:20px}.topbar{flex-direction:column;align-items:flex-start}}
