:root{
  --bg:#f3f4f6;
  --paper:#ffffff;
  --ink:#111827;
  --muted:#6b7280;
  --accent:#7c3aed;
  --accent2:#06b6d4;
  --rail:#eef2ff;
}

body.theme-a0060{background:radial-gradient(900px 480px at 12% 20%, rgba(124,58,237,.18) 0%, transparent 60%),
                 radial-gradient(800px 420px at 88% 18%, rgba(6,182,212,.14) 0%, transparent 55%),
                 var(--bg);
  color:var(--ink)
}

.top{position:sticky;top:0;z-index:60;background:rgba(243,244,246,.82);backdrop-filter: blur(12px);border-bottom:1px solid rgba(17,24,39,.08)}
.top-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0 .75rem}
.top-title{padding:0 0 1rem}

.logo-link{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink);font-weight:800}
.logo img{height:40px;width:auto;display:block}
.logo .logo-text{display:none}
.logo.logo-fallback .logo-text{display:inline}

.top-ad{padding:0 0 1rem}

.panes{display:grid;grid-template-columns: minmax(0, 1fr) 340px 280px;gap:1rem;align-items:start;padding:1rem 0}

.pane-main{min-width:0}
.paper{background:var(--paper);border:1px solid rgba(17,24,39,.10);border-radius:18px;padding:1.25rem;box-shadow:0 16px 36px rgba(17,24,39,.08)}

.pane-rail{background:linear-gradient(180deg, rgba(238,242,255,.85), rgba(255,255,255,.70));border:1px solid rgba(17,24,39,.10);border-radius:18px}
.rail-inner{padding:1rem;position:sticky;top:84px;max-height:calc(100vh - 110px);overflow:auto}
.rail-block{margin-bottom:1rem}
.rail-title{font-weight:700;margin-bottom:.5rem;color:#312e81}

.menu .menu-item a{text-decoration:none;color:var(--ink)}
.menu .menu-item.active>a{color:var(--accent)}

.toc a{display:block;text-decoration:none;color:var(--muted);padding:.25rem .25rem;border-radius:6px}
.toc a:hover{background:rgba(124,58,237,.10);color:var(--ink)}
.toc a.is-active{background:rgba(6,182,212,.14);color:var(--ink)}

.pane-aux{background:rgba(255,255,255,.65);border:1px solid rgba(17,24,39,.10);border-radius:18px}
.aux-inner{padding:1rem;position:sticky;top:84px;max-height:calc(100vh - 110px);overflow:auto}
.aux-title{font-weight:700;margin-bottom:.5rem;color:#0f766e}
.aux-block{margin-bottom:1rem}

#footer{padding:2rem 0;border-top:1px solid rgba(17,24,39,.10);background:rgba(255,255,255,.55)}
#footer .container{max-width:1200px;margin:0 auto;padding:0 1rem}
#footer .social a{margin-right:.5rem;text-decoration:none}

/* mobile rail */
@media (max-width: 1100px){
  .panes{grid-template-columns: minmax(0, 1fr) 320px}
  .pane-aux{display:none}
}
@media (max-width: 860px){
  .panes{grid-template-columns: minmax(0, 1fr)}
  .pane-rail{position:fixed;top:0;right:0;bottom:0;width:min(360px, 92vw);transform:translateX(100%);transition:transform .2s ease;z-index:80;border-radius:0}
  body.rail-open .pane-rail{transform:translateX(0)}
  .rail-inner{position:static;top:auto;max-height:none;height:100%}
  body.rail-open::before{content:"";position:fixed;inset:0;background:rgba(17,24,39,.40);z-index:70}
}