/* Extracted from docs/api/index.html's inline <style> so the CSP can drop
   style-src 'unsafe-inline'. Page-specific; shared utilities are in
   assets/tailwind.css. */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
html, body { background:#06070A; color:#F8F8F4; }
body { overflow-x: hidden; }
.glass { backdrop-filter: blur(12px); background: rgba(11,13,18,.7); }
.gradient-text { background: linear-gradient(180deg,#F8F8F4,#A4A89C); -webkit-background-clip:text; background-clip:text; color:transparent; }
.accent-text { background: linear-gradient(90deg,#7DF9C2,#3DE8A0); -webkit-background-clip:text; background-clip:text; color:transparent; }
.ring-soft { box-shadow: inset 0 0 0 1px rgba(255,255,255,.06); }
a { color: inherit; }
.codeblock { font-family: 'JetBrains Mono', monospace; background:#0B0D12; border:1px solid rgba(255,255,255,.06); border-radius:10px; padding: 14px 18px; }
.codeblock pre { font-size: 12.5px; line-height: 1.55; overflow-x: auto; }
.tool { background: rgba(11,13,18,.6); border: 1px solid rgba(255,255,255,.06); border-radius: 14px; padding: 22px; margin-bottom: 14px; }
.tool h3 { font-family:'JetBrains Mono',monospace; font-size: 1.05rem; color:#7DF9C2; font-weight:600; margin-bottom: 8px; }
.tool p.summary { color:#A4A89C; font-size: 14px; margin-bottom: 14px; line-height: 1.55; }
.tool .label { font-family:'JetBrains Mono',monospace; font-size: 10.5px; text-transform:uppercase; letter-spacing:.06em; color:#6B7180; margin: 12px 0 6px; }
.params { font-size: 13px; color:#A4A89C; }
.params li { padding: 3px 0; line-height: 1.55; }
.params code { font-family:'JetBrains Mono',monospace; color:#7DF9C2; background: rgba(125,249,194,.06); padding: 1px 6px; border-radius: 4px; }
.badge-req { display:inline-block; font-family:'JetBrains Mono',monospace; font-size:10px; color:#3DE8A0; background:rgba(61,232,160,.1); padding:1px 6px; border-radius:4px; margin-left:6px; }
.badge-opt { display:inline-block; font-family:'JetBrains Mono',monospace; font-size:10px; color:#6B7180; background:rgba(255,255,255,.04); padding:1px 6px; border-radius:4px; margin-left:6px; }
.group-header { display: flex; align-items:center; gap: 12px; margin: 36px 0 16px; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,.06); }
.group-header .num { font-family:'JetBrains Mono',monospace; font-size: 11px; color:#6B7180; text-transform: uppercase; letter-spacing: .08em; }
.group-header h2 { font-size: 1.5rem; font-weight: 700; color:#F8F8F4; }
.sidebar a { display:block; padding:5px 10px; border-radius:5px; font-size:13px; color:#A4A89C; transition: all .12s; }
.sidebar a:hover { color:#F8F8F4; background: rgba(255,255,255,.04); }
.sidebar a.active { color:#7DF9C2; background: rgba(61,232,160,.08); }
.sidebar .group-label { font-family:'JetBrains Mono', monospace; font-size:10.5px; text-transform:uppercase; letter-spacing:.08em; color:#6B7180; padding:14px 10px 6px; }
.sidebar a.tool-link { padding-left: 18px; font-family:'JetBrains Mono',monospace; font-size:11.5px; }