:root{
  --bg:#ffffff;
  --ink:#111827;
  --muted:#6b7280;
  --line:rgba(17,24,39,.12);
  --accent:#f97316;
  --accent2:#22c55e;
}

body.theme-b0005{background:var(--bg); color:var(--ink);} 

.wrap{
  display:grid;
  grid-template-columns: minmax(0,1fr) 320px;
  gap:1.25rem;
  align-items:start;
}

.toc{
  position:sticky;
  top:1rem;
  border:1px solid var(--line);
  border-radius:14px;
  padding:1rem;
  background:rgba(255,255,255,.92);
}

.toc a{
  display:block;
  padding:.35rem .5rem;
  border-radius:10px;
  color:var(--ink);
  text-decoration:none;
}
.toc a:hover{background:rgba(249,115,22,.10);} 
.toc a.is-active{background:rgba(34,197,94,.12); font-weight:700;}

.brandbar{
  border-bottom:1px solid var(--line);
  background:linear-gradient(90deg, rgba(249,115,22,.10), rgba(34,197,94,.08));
}

#logo img{height:40px; width:auto; display:block;}

.content{
  border:1px solid var(--line);
  border-radius:16px;
  padding:1.1rem;
  background:#fff;
}

#footer{margin-top:2rem; padding:1.75rem 0; border-top:1px solid var(--line);} 

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

@media (max-width: 980px){
  .wrap{grid-template-columns:1fr;}
  .toc{position:relative; top:auto; order:-1;}
}