/* Shared docs layout — single source of truth for every /docs page.
   Linked AFTER each page's inline <style>, so equal-specificity rules
   here win the cascade and normalize legacy per-page variants. */

    :root{--primary:#2551ed;--primary-dark:#1a3fc4;--sky:#0ea5e9;--sidebar-bg:#1e293b;
    --surface:#ffffff;--bg:#f8fafc;--border:#edf0f5;--text:#1e293b;
    --text-secondary:#64748b;--text-muted:#94a3b8;--success:#10b981;
    --radius:8px;--radius-lg:12px;
    --grad:linear-gradient(135deg,#2551ed,#0ea5e9);
    --dark-grad:linear-gradient(135deg,#1e293b 0%,#1a3fc4 100%);}
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
    html{scroll-behavior:smooth;}
    body{font-family:'Inter',sans-serif;color:var(--text);background:var(--surface);-webkit-font-smoothing:antialiased;}
    nav{position:sticky;top:0;z-index:100;background:var(--sidebar-bg);border-bottom:1px solid rgba(255,255,255,.08);}
    .nav-inner{max-width:1280px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;}
    .nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
    .logo-mark{width:34px;height:34px;background:var(--grad);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:white;}
    .logo-name{font-size:1.125rem;font-weight:700;color:white;letter-spacing:-0.02em;}
    .nav-links{display:flex;align-items:center;gap:4px;}
    .nav-links a{font-size:.875rem;font-weight:500;color:rgba(255,255,255,.6);text-decoration:none;padding:6px 12px;border-radius:4px;transition:color .15s,background .15s;}
    .nav-links a:hover,.nav-links a.active{color:white;background:rgba(255,255,255,.07);}
    .nav-cta{display:flex;align-items:center;gap:10px;}
    .btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:var(--radius);font-family:'Inter',sans-serif;font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all .15s;}
    .btn-ghost{background:transparent;color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.2);}
    .btn-ghost:hover{background:rgba(255,255,255,.08);color:white;}
    .btn-primary{background:var(--primary);color:white;}
    .btn-primary:hover{background:var(--primary-dark);}
    .docs-layout{display:flex;max-width:1280px;margin:0 auto;min-height:calc(100vh - 64px - 88px);}
    .docs-sidebar{width:240px;flex-shrink:0;border-right:1px solid var(--border);padding:32px 0;position:sticky;top:64px;height:calc(100vh - 64px);overflow-y:auto;}
    .sidebar-section{margin-bottom:24px;}
    .sidebar-section-title{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:0 20px;margin-bottom:6px;}
    .sidebar-link{display:block;font-size:.875rem;color:var(--text-secondary);text-decoration:none;padding:6px 20px;border-radius:0;transition:color .15s,background .15s;border-left:2px solid transparent;}
    .sidebar-link:hover{color:var(--primary);background:rgba(37,81,237,.04);}
    .sidebar-link.active{color:var(--primary);font-weight:600;border-left-color:var(--primary);background:rgba(37,81,237,.06);}
    .docs-content{flex:1;min-width:0;padding:48px 48px 80px;}
    .docs-content h1{font-size:2rem;font-weight:800;color:var(--text);letter-spacing:-0.03em;margin-bottom:12px;}
    .docs-lead{font-size:1.0625rem;color:var(--text-secondary);line-height:1.7;margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid var(--border);}
    .docs-content h2{font-size:1.25rem;font-weight:700;color:var(--text);margin-top:40px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border);}
    .docs-content h3{font-size:1rem;font-weight:600;color:var(--text);margin-top:28px;margin-bottom:10px;}
    .docs-content p{font-size:.9375rem;color:var(--text-secondary);line-height:1.75;margin-bottom:16px;}
    .docs-content ul,.docs-content ol{margin:0 0 16px 20px;}
    .docs-content li{font-size:.9375rem;color:var(--text-secondary);line-height:1.75;margin-bottom:6px;}
    .docs-content a{color:var(--primary);text-decoration:none;}
    .docs-content a:hover{text-decoration:underline;}
    code{font-family:'Fira Mono','Consolas',monospace;font-size:.8125rem;background:#f1f5f9;color:#1e293b;padding:2px 6px;border-radius:4px;}
    /* Inside dark <pre> blocks the inline chip background/padding must not apply */
    pre code{background:none;border:none;padding:0;color:#e2e8f0;}
    .callout{border-radius:var(--radius);padding:16px 20px;margin:20px 0;display:flex;gap:12px;align-items:flex-start;}
    .callout-info{background:#eff6ff;border:1px solid #bfdbfe;}
    .callout-warn{background:#fffbeb;border:1px solid #fde68a;}
    .callout-icon{font-size:1rem;flex-shrink:0;margin-top:1px;}
    .callout-body{font-size:.875rem;color:var(--text-secondary);line-height:1.65;}
    .callout-body strong{color:var(--text);}
    table{width:100%;border-collapse:collapse;font-size:.875rem;margin:16px 0 28px;}
    thead tr{background:var(--bg);}
    th{text-align:left;padding:10px 14px;border:1px solid var(--border);font-weight:600;color:var(--text);}
    td{padding:10px 14px;border:1px solid var(--border);color:var(--text-secondary);}
    td.yes{color:var(--success);font-weight:600;}
    td.no{color:var(--text-muted);}
    td.featured{background:rgba(37,81,237,.04);font-weight:500;}
    th.featured{background:rgba(37,81,237,.08);color:var(--primary);}
    .plan-card-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 36px;}
    .plan-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;}
    .plan-card.featured{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,81,237,.1);}
    .plan-card-name{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px;}
    .plan-card-price{font-size:2rem;font-weight:800;color:var(--text);letter-spacing:-0.03em;}
    .plan-card-period{font-size:.875rem;color:var(--text-muted);font-weight:400;}
    .plan-card-seats{font-size:.8125rem;color:var(--text-secondary);margin-top:4px;margin-bottom:16px;}
    footer{background:var(--sidebar-bg);padding:28px 24px;}
    .footer-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
    .footer-brand{display:flex;align-items:center;gap:10px;}
    .footer-links{display:flex;gap:20px;}
    .footer-links a{font-size:.8125rem;color:rgba(255,255,255,.4);text-decoration:none;transition:color .15s;}
    .footer-links a:hover{color:rgba(255,255,255,.8);}
    .footer-copy{font-size:.8125rem;color:rgba(255,255,255,.3);}
    @media(max-width:900px){.plan-card-row{grid-template-columns:1fr;}}
    @media(max-width:768px){.docs-sidebar{display:none;}.docs-content{padding:32px 20px 60px;}.nav-links{display:none;}}
  
/* ── Cross-page normalization ────────────────────────────────────────── */
.docs-layout{max-width:1200px;margin:0 auto;}
.docs-sidebar{background:transparent;width:240px;min-width:240px;flex-shrink:0;}
.docs-content{flex:1;min-width:0;padding:48px 48px 80px;max-width:none;}
/* Older pages use .sidebar-label / rounded links — align with canonical */
.sidebar-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:0 20px;margin-bottom:6px;}
.sidebar-section{margin-bottom:24px;padding:0;}
.sidebar-link{display:block;font-size:.875rem;color:var(--text-secondary);text-decoration:none;padding:6px 20px;border-radius:0;margin-bottom:0;border-left:2px solid transparent;transition:color .15s,background .15s;}
.sidebar-link:hover{color:var(--primary);background:rgba(37,81,237,.04);}
.sidebar-link.active{color:var(--primary);font-weight:600;border-left-color:var(--primary);background:rgba(37,81,237,.06);}