/* Docs portal layout and typography */
:root{
  --docs-sidebar-w: 260px;
}

.docs-layout{
  display:grid;
  grid-template-columns: var(--docs-sidebar-w) 1fr;
  gap: 20px;
}
.docs-sidebar{
  position: sticky;
  top: 72px;
  height: calc(100vh - 88px);
  border:1px solid var(--border);
  background: var(--card);
  border-radius: 14px;
  padding: 14px;
  overflow: auto;
}
.docs-brand{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.docs-version{color:var(--muted);font-size:12px;margin-left:auto}

.docs-nav{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.docs-nav .group{margin-top:10px}
.docs-nav .group-title{font-size:12px;color:#bdbdbd;text-transform:uppercase;letter-spacing:.6px;margin:8px 0 6px}
.docs-nav a{display:block;color:#eaeaea;text-decoration:none;padding:8px 10px;border-radius:10px}
.docs-nav a:hover{background:rgba(255,255,255,.04);color:#fff}
.docs-nav a.active{background:rgba(255,46,46,.11);border:1px solid var(--border);color:#fff}

.docs-content{
  min-width:0;
}
.docs-content .article{
  border:1px solid var(--border);
  background: var(--card);
  border-radius:16px;
  padding:20px;
}

/* Prose */
.prose h1{margin:0 0 10px;font-size: clamp(22px, 3.2vw, 32px)}
.prose h2{margin:18px 0 8px;font-size: clamp(18px, 2.5vw, 24px)}
.prose h3{margin:12px 0 6px;font-size: 18px}
.prose p{margin:8px 0;color:#e6e6e6}
.prose ul{margin:8px 0 8px 18px;color:#dcdcdc}
.prose li{margin:6px 0}
.prose code{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; background: rgba(255,255,255,.06); padding: 2px 6px; border-radius: 6px;}
.prose pre{background: #0f0f0f;border:1px solid var(--border);padding:12px;border-radius:12px;overflow:auto}
.prose table{width:100%;border-collapse: collapse;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.prose th,.prose td{border-bottom:1px solid var(--border);padding:10px;text-align:left}

/* Page header */
.breadcrumbs{color:var(--muted);font-size:14px;margin:0 0 8px}
.docs-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:12px;flex-wrap:wrap}
.docs-actions{display:flex;gap:8px;align-items:center}

/* Search */
.docs-search{position:relative;min-width:260px;flex:1 1 320px;max-width:520px}
.docs-search input{width:100%;border:1px solid var(--border);background: var(--card);color:var(--text);padding:10px 12px;border-radius:12px;outline:none}
.docs-search input:focus{border-color: var(--primary)}
.search-results{position:absolute;z-index:40;top:calc(100% + 8px);left:0;right:0;border:1px solid var(--border);background: var(--card);border-radius:12px;box-shadow: var(--shadow);max-height:360px;overflow:auto;display:none}
.search-results.open{display:block}
.search-results .result{padding:10px 12px;border-bottom:1px solid var(--border)}
.search-results .result:last-child{border-bottom:0}
.search-results .result a{color:#fff;text-decoration:none;font-weight:600}
.search-results .result p{margin:4px 0 0;color:#cfcfcf;font-size:14px}

/* Version selector */
.version-select{border:1px solid var(--border);background: var(--card);color:var(--text);padding:8px 10px;border-radius:10px}

/* Mobile */
.docs-sidebar-toggle{display:none}
@media(max-width: 980px){
  .docs-layout{grid-template-columns: 1fr}
  .docs-sidebar{position:relative;top:0;height:auto}
  .docs-sidebar-toggle{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border);background: var(--card);border-radius:12px;padding:10px;margin-bottom:10px}
  .docs-sidebar.collapsed{display:none}
}