:root{
  --a0041-bg:#f4f6fb;
  --a0041-surface:#ffffff;
  --a0041-ink:#162234;
  --a0041-muted:#6b7a90;
  --a0041-accent:#206bc4;
  --a0041-border:rgba(16,24,40,.12);
}

html,body{height:100%;}
body.theme-a0041{background:var(--a0041-bg);color:var(--a0041-ink);}

.sitebar{
  position:sticky;top:0;z-index:50;
  background:var(--a0041-surface);
  border-bottom:1px solid var(--a0041-border);
}
.sitebar .container{max-width:1100px;margin:0 auto;padding:12px 16px;}
.sitebar-inner{display:flex;gap:12px;align-items:center;justify-content:space-between;}

#logo a{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;}
#logo img{height:34px;width:auto;display:block;}

.top-actions{display:flex;align-items:center;gap:10px;}
.btn-lite{
  border:1px solid var(--a0041-border);
  background:var(--a0041-surface);
  color:var(--a0041-ink);
  border-radius:10px;
  padding:8px 10px;
  cursor:pointer;
}

.layout-grid{
  max-width:1100px;margin:18px auto;padding:0 16px;
  display:grid;gap:16px;
  grid-template-areas:
    "nav main aside";
  grid-template-columns:260px minmax(0, 1fr) 280px;
}

.rail{grid-area:nav;background:var(--a0041-surface);border:1px solid var(--a0041-border);border-radius:14px;overflow:hidden;}
.rail .rail-head{padding:12px 14px;border-bottom:1px solid var(--a0041-border);color:var(--a0041-muted);font-size:13px;}
.rail ul{list-style:none;margin:0;padding:8px;}
.rail a{display:block;padding:10px 10px;border-radius:10px;text-decoration:none;color:var(--a0041-ink);}
.rail a:hover{background:rgba(32,107,196,.08);} 
.rail .active a{background:rgba(32,107,196,.12);border:1px solid rgba(32,107,196,.25);} 

.content{grid-area:main;background:var(--a0041-surface);border:1px solid var(--a0041-border);border-radius:14px;padding:18px;min-height:50vh;}
.content h1,.content h2,.content h3{scroll-margin-top:88px;}

.sidebar{grid-area:aside;background:var(--a0041-surface);border:1px solid var(--a0041-border);border-radius:14px;padding:14px;}
.tagline{color:var(--a0041-muted);margin-top:6px;}

body[data-nav-collapsed="1"] .layout-grid{grid-template-columns:84px minmax(0, 1fr) 280px;}
body[data-nav-collapsed="1"] .rail a{padding:10px 8px;text-align:center;}
body[data-nav-collapsed="1"] .rail a span{display:none;}

@media (max-width: 980px){
  .layout-grid{grid-template-areas:"main" "aside";grid-template-columns:1fr;}
  .rail{display:none;}
}

/* footer skeleton styling */
#footer{margin-top:20px;}
#footer .container{max-width:1100px;margin:0 auto;padding:18px 16px;color:var(--a0041-muted);}
#footer .social a{margin-right:10px;text-decoration:none;}
.sr-only{position:absolute;left:-9999px;}