/* Docs styling (shared across pages) */
.hero{ background:#000; color:#fff; border-radius:16px; }
.hero a{ color:#dbeafe; text-decoration:underline; }

.badge-soft{ background:#eef2ff; color:#3949ab; border:1px solid #dfe4ff; padding:.4rem .6rem; border-radius:10px; }
.small-muted{ color:#6c757d; }

.crumb{ font-size:.9rem; margin-bottom:1rem; }
.crumb a{ color:#0d6efd; }

.callout{ border:1px solid #e9ecef; border-left:4px solid #0d6efd; background:#fff; padding:1rem; border-radius:12px; }
.callout.warn{ border-left-color:#ffc107; }
.callout.danger{ border-left-color:#dc3545; }
.callout.success{ border-left-color:#198754; }

.codebox{ position:relative; border-radius:12px; overflow:hidden; }
.codebox pre{ margin:0; padding:1rem; background:#0b1020; color:#fff; border-radius:12px; overflow:auto; }
.codebox code{ color:inherit; }

.copy-btn{ position:absolute; right:.75rem; top:.5rem; z-index:3; }

.kbd{ display:inline-block; padding:.2rem .45rem; font-size:.85em; color:#fff; background:#212529; border-radius:.35rem; }

.sidebar{ background:#fff; border-right:1px solid #e9ecef; min-height:100vh; }
.sidebar .nav-link{ color:#212529; }
.sidebar .nav-link.active{ font-weight:600; color:#0d6efd; }
.sidebar-title{ font-size:.75rem; letter-spacing:.08em; text-transform:uppercase; color:#6c757d; margin-top:1rem; margin-bottom:.5rem; }

.table thead th{ background:#f1f3f5; }
.table code{ color:#0b7285; }

hr.soft{ border:0; border-top:1px solid #e9ecef; opacity:1; }