:root{
  --bg:#f6f7fb;
  --panel:#ffffff;
  --ink:#0f172a;
  --muted:#5b6676;
  --brand:#4f46e5;
  --line:rgba(15,23,42,.12);
}

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

.shell{
  display:grid;
  grid-template-areas:
    "header header"
    "main   right"
    "footer footer";
  grid-template-columns: minmax(0,1fr) 320px;
  gap:1.25rem;
}

.hdr{grid-area:header; background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:1rem;}
.main{grid-area:main; background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:1rem; min-width:0;}
.right{grid-area:right; position:sticky; top:1rem; align-self:start; background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:1rem;}

#logo a{font-weight:900; text-decoration:none; color:var(--ink); letter-spacing:.2px;}

.right a{display:flex; align-items:center; gap:.5rem; padding:.45rem .6rem; border-radius:10px; color:var(--ink); text-decoration:none;}
.right a:hover{background:rgba(79,70,229,.08);} 
.right a.is-active{background:rgba(79,70,229,.12); font-weight:700;}

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

#footer{margin-top:0; 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){
  .shell{
    grid-template-areas:
      "header"
      "right"
      "main"
      "footer";
    grid-template-columns:1fr;
  }
  .right{position:relative; top:auto;}
}