/* ═══════════════════════════════════════════════
   Oris Docs — Shared Stylesheet
   docs.useoris.xyz
   ═══════════════════════════════════════════════ */

*{box-sizing:border-box}
body{background:#040810;color:#c8cdd5;overflow-x:hidden;font-family:'Inter',sans-serif;margin:0;font-size:16px;line-height:1.8}

/* ── NAV ── */
nav.topnav,nav.fixed{position:fixed!important;top:0;left:0;right:0;height:56px;background:#fff;border-bottom:1px solid #e5e7eb;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 24px}

/* ── SIDEBAR ── */
.sidebar,aside.sidebar{position:fixed!important;top:56px!important;left:0;width:260px;height:calc(100vh - 56px);overflow-y:auto;background:#fafbfc!important;border-right:1px solid #e5e7eb!important;z-index:40;padding:28px 0!important}
.sidebar-section{padding:0 20px!important;margin-bottom:28px!important}
.sidebar-title{font-family:'Space Grotesk',sans-serif!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:0.25em;color:#9ca3af;margin-bottom:12px!important;padding-left:12px}
.sidebar-link{display:flex;align-items:center;gap:8px;padding:8px 12px!important;font-size:14px!important;color:#6b7280!important;transition:all 0.15s;border-radius:6px!important;margin:2px 0!important;text-decoration:none;border-left:none!important}
.sidebar-link:hover{color:#334155!important;background:rgba(0,0,0,0.04)!important}
.sidebar-link.active{color:#0891b2!important;background:rgba(8,145,178,0.08)!important;font-weight:600!important;border-left:3px solid #0891b2!important;border-radius:0 6px 6px 0!important}
.sidebar-link .badge{font-size:9px;padding:2px 6px;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em}

/* ── MAIN CONTENT ── */
.docs-main,main.docs-main{margin-left:260px!important;padding:100px 72px 100px!important;max-width:960px!important}

/* ── PAGE TITLE (h1) ── */
h1{font-family:'Space Grotesk',sans-serif!important;font-size:3rem!important;font-weight:800!important;letter-spacing:-0.03em;color:#fff!important;margin:0 0 28px!important;line-height:1.15!important;padding-bottom:28px!important;border-bottom:1px solid rgba(255,255,255,0.06)!important}

/* ── SECTION HEADING (h2) ── */
h2{font-family:'Space Grotesk',sans-serif!important;font-size:1.65rem!important;font-weight:700!important;letter-spacing:-0.02em;color:#fff!important;margin:72px 0 28px!important;padding-top:48px!important;border-top:1px solid rgba(255,255,255,0.06)!important;line-height:1.3!important}

/* ── SUB HEADING (h3) ── */
h3{font-family:'Space Grotesk',sans-serif!important;font-size:1.25rem!important;font-weight:700!important;color:#e2e2e8!important;margin:48px 0 20px!important;line-height:1.3!important}

/* ── BODY TEXT ── */
p{color:#94a3b8!important;line-height:2!important;margin:0 0 28px!important;font-size:16px!important;max-width:700px}

ul,ol{color:#94a3b8;line-height:2;margin:0 0 28px;font-size:16px;padding-left:0;list-style:none}
li{padding:8px 0!important}

/* ── INLINE CODE ── */
code{font-family:'JetBrains Mono',monospace!important;font-size:14px!important}
p code,li code,td code{padding:3px 8px!important;border-radius:5px!important;background:rgba(0,229,255,0.06)!important;border:1px solid rgba(0,229,255,0.1)!important;color:#7dd3fc!important;font-size:13px!important}

/* ── CODE BLOCKS ── */
.code-block{background:#0a0c14!important;border:1px solid rgba(255,255,255,0.08)!important;border-radius:12px!important;overflow:hidden;margin:28px 0 44px!important}
.code-header{display:flex;align-items:center;gap:6px;padding:12px 18px!important;border-bottom:1px solid rgba(255,255,255,0.05)!important;background:rgba(0,0,0,0.4)!important}
.code-dot{width:10px!important;height:10px!important;border-radius:50%}
.code-body{padding:24px 28px!important;font-family:'JetBrains Mono',monospace!important;font-size:14px!important;line-height:1.9!important;overflow-x:auto}

/* ── CALLOUTS ── */
.callout{border-left:3px solid;padding:20px 24px!important;border-radius:0 10px 10px 0!important;margin:32px 0 44px!important;font-size:15px!important;line-height:1.8!important}
.callout-info{border-color:#0891b2!important;background:rgba(8,145,178,0.08)!important}
.callout-warn{border-color:#fbbf24!important;background:rgba(251,191,36,0.06)!important}
.callout-danger{border-color:#f87171!important;background:rgba(248,113,113,0.06)!important}

/* ── STEP NUMBERS ── */
.step-num{display:inline-flex;align-items:center;justify-content:center;width:36px!important;height:36px!important;border-radius:50%;background:rgba(0,229,255,0.1);border:1.5px solid rgba(0,229,255,0.3);color:#00E5FF!important;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:16px!important;margin-right:12px!important;flex-shrink:0}

/* ── LANG TABS ── */
.lang-tab{color:#9ca3af;border:1px solid rgba(255,255,255,0.08);cursor:pointer;background:transparent;padding:8px 20px!important;border-radius:8px;font-size:14px!important;font-family:'Space Grotesk',sans-serif!important;font-weight:600;transition:all 0.15s}
.lang-tab:hover{color:#e2e2e8;border-color:rgba(255,255,255,0.15)}
.lang-tab.active{color:#000!important;background:#00E5FF!important;border-color:#00E5FF!important}
.lang-panel{display:none}.lang-panel.active{display:block}

/* ── TABLES ── */
.docs-table{width:100%;border-collapse:collapse;font-size:15px!important;margin:28px 0 44px!important;border:1px solid rgba(255,255,255,0.06);border-radius:10px;overflow:hidden}
.docs-table th{text-align:left;padding:14px 20px!important;font-size:12px!important;text-transform:uppercase;letter-spacing:0.1em;color:#9ca3af;background:rgba(255,255,255,0.02);border-bottom:1px solid rgba(255,255,255,0.06);font-family:'Manrope',sans-serif;font-weight:700}
.docs-table td{padding:14px 20px!important;border-bottom:1px solid rgba(255,255,255,0.03);color:#94a3b8;line-height:1.7}
.docs-table tr:last-child td{border-bottom:none}

/* ── HTTP METHOD BADGES ── */
.method-get{background:rgba(74,222,128,0.1);color:#4ade80;padding:3px 10px!important;border-radius:5px;font-size:12px!important;font-weight:600;font-family:'JetBrains Mono',monospace}
.method-post{background:rgba(0,229,255,0.1);color:#0891b2;padding:3px 10px!important;border-radius:5px;font-size:12px!important;font-weight:600;font-family:'JetBrains Mono',monospace}
.method-patch{background:rgba(251,191,36,0.1);color:#fbbf24;padding:3px 10px!important;border-radius:5px;font-size:12px!important;font-weight:600;font-family:'JetBrains Mono',monospace}
.method-delete{background:rgba(248,113,113,0.1);color:#f87171;padding:3px 10px!important;border-radius:5px;font-size:12px!important;font-weight:600;font-family:'JetBrains Mono',monospace}

/* ── ENDPOINT ROWS ── */
.endpoint-row{display:flex;align-items:center;gap:12px!important;padding:14px 18px!important;border:1px solid rgba(255,255,255,0.05);border-radius:8px;margin:6px 0!important;transition:all 0.15s;cursor:pointer}
.endpoint-row:hover{border-color:rgba(0,229,255,0.2);background:rgba(0,229,255,0.02)}
.endpoint-path{font-family:'JetBrains Mono',monospace;font-size:14px!important;color:#e2e2e8}
.endpoint-desc{font-size:13px!important;color:rgba(148,163,184,0.6);margin-left:auto}

/* ── NEXT STEP CARDS ── */
.next-card{display:flex;align-items:start;gap:14px;padding:20px 24px!important;border:1px solid rgba(255,255,255,0.06);border-radius:10px;margin:10px 0!important;transition:all 0.2s;text-decoration:none}
.next-card:hover{border-color:rgba(0,229,255,0.3);background:rgba(0,229,255,0.03);transform:translateX(4px)}

/* ── DIAGRAM BLOCKS ── */
.arch-diagram{background:#0a0e16;border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:2.5rem!important;margin:28px 0 44px!important;font-family:'JetBrains Mono',monospace;font-size:14px!important;line-height:2.2!important;color:#94a3b8;text-align:center;overflow-x:auto}
.arch-diagram .label{color:#0891b2;font-weight:600}
.arch-diagram .arrow{color:#4ade80}

/* ── ORDERED LISTS IN CONTENT ── */
ol.steps{counter-reset:step;list-style:none;padding:0}
ol.steps li{counter-increment:step;padding:12px 0 12px 0!important}
ol.steps li::before{content:counter(step) ".";color:#0891b2;font-weight:700;font-family:'Space Grotesk',sans-serif;margin-right:8px}

/* ── SCROLLBAR ── */
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(0,229,255,0.15);border-radius:3px}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  .sidebar,aside.sidebar{display:none!important}
  .docs-main,main.docs-main{margin-left:0!important;padding:80px 24px 60px!important}
  h1{font-size:2.2rem!important}
  h2{font-size:1.4rem!important}
}