/* Extracted from docs/general/index.html. */
:root {
  --container: 1100px;
  --radius: 22px;
}

*,*::before,*::after{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{margin:0;background:radial-gradient(circle at top left,#1b1d34 0,var(--bg-soft) 45%,var(--bg) 100%);color:var(--text);font-family:var(--font-sans);font-size:1.05rem;line-height:1.65;-webkit-font-smoothing:antialiased;}
  img{display:block;max-width:100%;}
  a{color:inherit;}
  h1,h2,h3,h4{font-weight:800;margin:0;text-wrap:balance;letter-spacing:-0.01em;}
  p{margin:0;}
  ul{margin:0;padding:0;list-style:none;}
  .wrap{max-width:var(--container);margin:0 auto;padding-inline:var(--sp-4);}
  @media (max-width:640px){ .wrap{padding-inline:var(--sp-3);} }

  .eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);display:inline-flex;align-items:center;gap:.5em;}
  .eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px 2px rgba(255,107,157,.7);}

  header{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border);}
  header::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(5,5,10,.72);backdrop-filter:blur(16px);}
  .nav{display:flex;align-items:center;justify-content:space-between;padding-block:1.1rem;}
  .wordmark{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--text);}
  .wordmark img{width:32px;height:32px;flex:none;border-radius:8px;}
  .wordmark span{font-size:1.3rem;font-weight:800;letter-spacing:-.01em;}
  .nav-links{display:flex;align-items:center;gap:var(--sp-4);}
  .nav-links a{font-size:.92rem;font-weight:600;text-decoration:none;color:var(--text-soft);}
  .nav-links a:hover,.nav-links a.is-active{color:var(--text);}
  @media (max-width:700px){ .nav-links{display:none;} }

  .doc-crumb{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);padding-top:var(--sp-4);}
  .doc-crumb a{color:var(--text-muted);text-decoration:none;}
  .doc-crumb a:hover{color:var(--text);}

  .doc-hero{padding-block:var(--sp-6) var(--sp-8);text-align:center;}
  .doc-hero h1{font-size:clamp(2rem,4.2vw,2.8rem);margin-top:.6rem;}
  .doc-hero p{margin-top:var(--sp-3);color:var(--text-muted);font-size:1.1rem;max-width:56ch;margin-inline:auto;}

  section{padding-block:0 var(--sp-8);}
  .doc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3);margin-top:var(--sp-4);}
  @media (max-width:760px){ .doc-grid{grid-template-columns:1fr;} }
  .doc-card{
    display:block;text-decoration:none;color:var(--text);
    border:1px solid var(--border-strong);border-radius:16px;padding:var(--sp-3);
    background:rgba(255,255,255,.03);transition:border-color .2s ease,transform .2s ease;
  }
  .doc-card:hover{border-color:var(--primary);transform:translateY(-2px);}
  .doc-card .tag{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;color:var(--accent);text-transform:uppercase;}
  .doc-card h3{font-size:1.15rem;margin-top:.5rem;}
  .doc-card p{color:var(--text-muted);margin-top:.5rem;font-size:.95rem;line-height:1.6;}
  .doc-card .arrow{margin-top:.8rem;font-family:var(--font-mono);font-size:.8rem;color:var(--primary);}
  .doc-card.placeholder{opacity:.55;border-style:dashed;cursor:default;}
  .doc-card.placeholder:hover{transform:none;border-color:var(--border-strong);}

  footer{border-top:1px solid var(--border);padding-block:var(--sp-6) var(--sp-4);margin-top:var(--sp-8);}
  .footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-2);font-size:.72rem;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.04em;}
  footer .back{font-size:.92rem;color:var(--text-soft);text-decoration:none;}
  footer .back:hover{color:var(--text);}