:root{
  --bg:#ffffff;
  --ink:#0f172a;
  --muted:#475569;
  --line:rgba(15,23,42,.12);
  --accent:#0ea5e9;
}

body.theme-b0008{background:linear-gradient(180deg, rgba(14,165,233,.06), transparent 40%), var(--bg); color:var(--ink);} 

#logo a{font-weight:900; text-decoration:none; color:var(--ink);} 

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

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

.toc a{display:block; padding:.35rem .5rem; border-radius:10px; color:var(--ink); text-decoration:none;}
.toc a:hover{background:rgba(14,165,233,.08);} 

.meta{color:var(--muted);} 

#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: 1024px){
  .mag{grid-template-columns: 1fr;}
}