:root {
  --navy:#172a52;
  --navy2:#243d69;
  --ink:#17213a;
  --muted:#657187;
  --line:#d8dee8;
  --panel:#eef2f7;
  --white:#fff;
  --link:#3d6f9d;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#f7f8fa}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
.topbar{height:70px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:24px}
.topbar a{color:#fff;text-decoration:none}
.brand{font-size:22px;font-weight:700}
.scheme-link{font-size:15px}
.layout{display:grid;grid-template-columns:minmax(310px,390px) minmax(0,1fr);gap:22px;max-width:1500px;margin:0 auto;padding:28px}
.sidebar{background:#fff;border:1px solid var(--line);min-height:calc(100vh - 126px);position:sticky;top:14px;align-self:start}
.search-label{display:block;font-weight:700;padding:18px 18px 8px}
.search{display:block;width:calc(100% - 36px);margin:0 18px 16px;padding:11px 12px;border:1px solid #aeb8c8;border-radius:4px;font-size:15px}
.tabs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.tab{border:0;background:#f3f5f8;padding:12px;font-weight:700;color:var(--ink);cursor:pointer}
.tab.active{background:var(--navy);color:white}
.sidebar-content{padding:12px 14px;max-height:calc(100vh - 260px);overflow:auto}
.tree,.tree ul,.az-list{list-style:none;margin:0;padding-left:0}
.tree ul{padding-left:18px;border-left:1px dotted #8794a8}
.tree li{margin:5px 0}
.tree-row{display:flex;gap:6px;align-items:flex-start}
.tree-toggle{border:0;background:none;padding:0;cursor:pointer;width:16px;color:#56657b}
.tree-label{line-height:1.3}
.tree-id{font-weight:700;color:#263c5f}
.tree-children.collapsed{display:none}
.az-list li{padding:6px 2px;border-bottom:1px solid #eef1f5}
.search-results .result{padding:8px 2px;border-bottom:1px solid #eef1f5}
.search-match{font-size:12px;color:var(--muted);margin-top:3px}
.content{background:#fff;border:1px solid var(--line);padding:38px 46px;min-height:650px}
.eyebrow{font-size:14px;color:var(--muted);margin-bottom:12px}
h1{font-family:Georgia,'Times New Roman',serif;font-size:38px;line-height:1.15;margin:0 0 26px;color:var(--navy)}
h2{font-family:Georgia,'Times New Roman',serif;color:var(--navy);margin-top:34px}
.lead{font-size:18px;line-height:1.6;max-width:900px}
.meta-table,.lang-table{width:100%;border-collapse:collapse;margin-top:18px}
.meta-table th,.meta-table td,.lang-table th,.lang-table td{padding:12px 10px;border-top:1px solid var(--line);vertical-align:top;text-align:left}
.meta-table th,.lang-table th{width:220px;font-weight:700}
.lang-code{font-size:12px;color:var(--muted);text-transform:uppercase}
.concept-title .notation{font-weight:400;color:var(--muted);font-size:.7em;margin-right:8px}
.links-list{margin:0;padding-left:18px}
.downloads{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.downloads a{display:inline-block;padding:9px 12px;border:1px solid #b8c2d1;border-radius:4px;background:#f7f9fb}
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:26px 0}
.stat{background:var(--panel);padding:18px;border-radius:4px}
.stat strong{display:block;font-size:26px;color:var(--navy)}
.badge{display:inline-block;background:var(--panel);padding:4px 7px;border-radius:3px;margin:2px 4px 2px 0;font-size:13px}
@media(max-width:900px){
 .layout{grid-template-columns:1fr;padding:14px}
 .sidebar{position:relative;top:auto;min-height:0}
 .sidebar-content{max-height:460px}
 .content{padding:26px 22px}
 .topbar{height:auto;padding:16px 18px;align-items:flex-start;flex-direction:column;gap:5px}
}
html.embedded .topbar {
  display: none;
}

html.embedded .layout {
  padding-top: 16px;
}