:root{
  --bg: #f5f1e6;
  --panel: #ffffff;
  --accent: #4f46e5;
}

body{background:var(--bg);}
.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;}

.shell{min-height:100vh; display:grid; grid-template-rows:auto 1fr auto;}
.shell__header{border-bottom:1px solid rgba(0,0,0,.06); background:rgba(255,255,255,.7); backdrop-filter: blur(10px);}

.shell__main{max-width:1200px; margin:0 auto; display:grid; grid-template-columns: 280px minmax(0, 1fr) 320px; gap:1rem; padding:1rem;}
.shell__aside{align-self:start;}
.shell__content{min-width:0;}
.shell__panel{align-self:start;}

#logo a{font-weight:800; letter-spacing:.02em; color:var(--accent); text-decoration:none;}

@media (max-width: 1200px){
  .shell__main{grid-template-columns: 260px minmax(0,1fr);}
  .shell__panel{display:none;}
}
@media (max-width: 960px){
  .shell__main{grid-template-columns: 1fr;}
  .shell__aside{display:none;}
}

#footer{background:#fff; border-top:1px solid rgba(0,0,0,.06);}
#footer .container{max-width:1200px; margin:0 auto; padding:1.2rem;}