@import url('/assets/cursors/cursor-theme.css');

    :root { --bg:#0b1120; --text:#e5e7eb; --muted:#94a3b8; --border:#1f2937; }
    *,*::before,*::after{ box-sizing:border-box; }
    body{ margin:0; padding:24px; font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; background: var(--bg); color: var(--text); }
    .container{ max-width: 880px; margin: 0 auto; background:#0f172a; border:1px solid var(--border); border-radius:12px; padding:24px; }
    h1{ margin:0 0 8px; font-size: 24px; }
    h2{ margin:20px 0 8px; font-size: 18px; }
    p, li{ color: var(--muted); line-height: 1.6; }
    a{ color:#93c5fd; }
    code{ color:#e2e8f0; background:rgba(148,163,184,0.12); padding:2px 6px; border-radius:6px; }
    .intro{ margin-bottom: 18px; }
    .callout{ margin:18px 0; padding:16px 18px; border:1px solid rgba(147,197,253,0.25); border-radius:12px; background:rgba(30,41,59,0.55); }
    .callout p{ margin:0; }
    .link-row{ display:flex; flex-wrap:wrap; gap:12px; margin-top:14px; }
    .link-row a{ display:inline-flex; align-items:center; padding:8px 12px; border-radius:999px; border:1px solid rgba(147,197,253,0.28); text-decoration:none; }
    .small-note{ font-size: 14px; }