/* Арканатсал - раскладка: приборная панель слева, содержание справа */

.shell{display:grid;grid-template-columns:var(--aside-w) minmax(0,1fr);min-height:100vh}

/* ── приборная панель ─────────────────────────────────── */
.panel{
  border-right:1px solid var(--line);
  padding:var(--s-6) var(--s-5) var(--s-10);
  font-family:var(--mono);font-size:var(--fs-data);
  letter-spacing:var(--ls-data);color:var(--muted);
  position:sticky;top:0;align-self:start;max-height:100vh;overflow-y:auto;
  scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;
}
.panel::-webkit-scrollbar{width:6px}
.panel::-webkit-scrollbar-thumb{background:var(--line-2)}
.panel section{margin-top:var(--s-8)}
.panel section:first-of-type{margin-top:var(--s-6)}
.panel .rubric{display:block;margin-bottom:var(--s-3)}

/* ── содержание ───────────────────────────────────────── */
.content{min-width:0;display:flex;flex-direction:column}

.topbar{
  display:flex;justify-content:space-between;align-items:center;gap:var(--s-4);
  padding:var(--s-5) var(--s-10);border-bottom:1px solid var(--line);
}
.topbar nav{display:flex;gap:var(--s-6)}
.topbar nav a{color:var(--muted);border:none;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em}
.topbar nav a:hover{color:var(--text)}

.hero{padding:var(--s-12) var(--s-10) var(--s-8)}
.work{padding:0 var(--s-10) var(--s-12);flex:1}
.section{padding:var(--s-12) var(--s-10);border-top:1px solid var(--line)}
.page-footer{padding:var(--s-8) var(--s-10) var(--s-12);border-top:1px solid var(--line)}

@media (max-width:1100px){
  :root{--aside-w:300px}
  .hero,.work,.section,.page-footer,.topbar{padding-left:var(--s-6);padding-right:var(--s-6)}
}
@media (max-width:900px){
  .shell{grid-template-columns:1fr}
  .panel{position:static;max-height:none;border-right:none;border-bottom:1px solid var(--line)}
  .hero{padding-top:var(--s-8)}
}