/* NewsDesk Studio manual — Black Sheep livery.
   Extends assets/site.css; the six status colours are functional and kept
   distinguishable rather than folded into the brand palette. */
:root{
  --blood-bright:#E3434B;
  --confirmed:#5FC38C;
  --corroborated:#6FC2D6;
  --rumor:#E0B457;
  --single:#C6A0DA;
  --unverified:#8E96A8;
  --denied:#E8776C;
  --sidebar-w:302px;
  --measure:64ch;
}
body.manual{display:block;}
.shell{display:flex;min-height:100%;align-items:flex-start;}

#sidebar{
  width:var(--sidebar-w);flex:0 0 var(--sidebar-w);
  position:sticky;top:env(safe-area-inset-top,0px);max-height:100vh;overflow-y:auto;
  background:var(--char);border-right:1px solid var(--hair);padding:22px 0 40px;
}
.manual-brand{padding:0 20px 16px;border-bottom:1px solid var(--hair);margin-bottom:10px;}
.manual-brand .word{font-family:var(--display);font-size:19px;letter-spacing:-.015em;line-height:1.1;}
.manual-brand .word span{color:var(--blood);}
.manual-brand .sub{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ash-dim);margin-top:7px;}
.navfilter{padding:0 16px 12px;}
.navfilter input{
  width:100%;padding:7px 10px;border-radius:4px;border:1px solid var(--hair);
  background:var(--pitch);color:var(--bone);font-family:var(--mono);font-size:12px;
}
.navfilter input:focus-visible{outline:2px solid var(--blood);outline-offset:1px;}

#tree{list-style:none;margin:0;padding:0;}
.chapter > .row{
  display:flex;align-items:baseline;gap:8px;width:100%;
  padding:7px 16px 7px 14px;background:none;border:0;border-left:3px solid transparent;
  font-family:var(--display);font-size:13px;color:var(--ash);text-align:left;cursor:pointer;line-height:1.35;
}
.chapter > .row:hover{background:var(--char-2);color:var(--bone);}
.chapter > .row .num{font-family:var(--mono);font-size:10.5px;color:var(--ash-dim);min-width:16px;}
.chapter > .row .caret{margin-left:auto;font-size:9px;color:var(--ash-dim);transition:transform .15s ease;}
.chapter.open > .row .caret{transform:rotate(90deg);}
.chapter.current > .row{border-left-color:var(--blood);color:var(--bone);background:var(--char-2);}
.chapter.current > .row .num{color:var(--blood);}
.subs{display:none;padding:2px 0 8px;}
.chapter.open .subs{display:block;}
.subs button{
  display:block;width:100%;text-align:left;background:none;border:0;cursor:pointer;
  padding:4px 16px 4px 47px;font-family:var(--body);font-size:14.5px;color:var(--ash-dim);line-height:1.4;
}
.subs button:hover{color:var(--blood-bright);background:var(--char-2);}
.subs button.active{color:var(--bone);}
.subs button.active::before{content:"";position:absolute;margin-left:-14px;margin-top:9px;width:5px;height:5px;border-radius:50%;background:var(--blood);}
nav button:focus-visible{outline:2px solid var(--blood);outline-offset:-2px;}
.sidefoot{
  margin-top:20px;padding:14px 20px 0;border-top:1px solid var(--hair);
  font-family:var(--mono);font-size:10.5px;color:var(--ash-dim);line-height:1.8;
}
.sidefoot a{color:var(--ash);}

.manual-main{flex:1 1 auto;min-width:0;padding:0 0 80px;}
.manual-main .wrap{max-width:820px;margin:0;padding-inline:40px;padding-block:44px 0;}

.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--blood);margin-bottom:12px;}
.manual-main h1{font-size:clamp(28px,4.2vw,40px);}
.standfirst{font-size:19px;color:var(--ash);margin:16px 0 0;max-width:var(--measure);line-height:1.55;}
.manual-main h2{font-size:22px;margin:44px 0 0;padding-top:22px;border-top:1px solid var(--hair);scroll-margin-top:24px;}
.manual-main h2:first-of-type{border-top:0;padding-top:0;}
.manual-main h3{font-size:16px;margin:28px 0 0;}
.manual-main p{margin:14px 0 0;max-width:var(--measure);color:var(--ash);}
.manual-main .standfirst{color:var(--bone);}
.manual-main strong{color:var(--bone);font-weight:600;}
.manual-main ul,.manual-main ol.body{margin:14px 0 0;padding-left:20px;max-width:var(--measure);color:var(--ash);}
.manual-main li{margin-top:7px;}
.manual-main li::marker{color:var(--ash-dim);}
.manual-main a{color:var(--blood-bright);}
code{background:var(--char-2);padding:1.5px 5px;border-radius:3px;font-family:var(--mono);font-size:13px;color:var(--bone);}
kbd{background:var(--char);border:1px solid var(--hair);border-bottom-width:2px;border-radius:4px;padding:1px 6px;font-family:var(--mono);font-size:12.5px;color:var(--bone);}

.manual-main .callout{
  margin:22px 0 0;max-width:var(--measure);background:var(--char);
  border:1px solid var(--hair);border-left:3px solid var(--ember);padding:14px 18px;
  display:block;
}
.manual-main .callout .lbl{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--blood);display:block;margin-bottom:4px;}
.manual-main .callout p{margin:0;font-size:16px;color:var(--ash);}
.manual-main .callout.plain{border-left-color:var(--ash-dim);}
.manual-main .callout.plain .lbl{color:var(--ash-dim);}

.tablewrap{overflow-x:auto;margin:20px 0 0;border:1px solid var(--hair);}
table{border-collapse:collapse;width:100%;font-size:15px;background:var(--char);}
th,td{padding:9px 14px;text-align:left;border-bottom:1px solid var(--hair);vertical-align:top;color:var(--ash);}
th{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ash-dim);background:var(--char-2);white-space:nowrap;}
td strong{color:var(--bone);}
tbody tr:last-child td{border-bottom:0;}
td.mono{font-family:var(--mono);font-size:13px;white-space:nowrap;color:var(--bone);}

.statuslist{list-style:none;padding:0;margin:20px 0 0;max-width:var(--measure);}
.statuslist li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--hair);margin:0;}
.statuslist li:last-child{border-bottom:0;}
.chip{font-family:var(--mono);font-size:11px;letter-spacing:.04em;padding:3px 9px;border-radius:99px;white-space:nowrap;border:1px solid currentColor;}
.chip.c1{color:var(--confirmed);} .chip.c2{color:var(--corroborated);}
.chip.c3{color:var(--rumor);}     .chip.c4{color:var(--single);}
.chip.c5{color:var(--unverified);}.chip.c6{color:var(--denied);}
.statuslist .d{color:var(--ash);font-size:16px;}

.keys{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0;margin:20px 0 0;border:1px solid var(--hair);}
.keys div{padding:12px 14px;background:var(--char);border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);}
.keys b{display:block;font-family:var(--mono);font-size:15px;color:var(--blood-bright);margin-bottom:2px;font-weight:500;}
.keys span{font-size:14.5px;color:var(--ash);}

.steps{counter-reset:s;list-style:none;padding:0;margin:20px 0 0;max-width:var(--measure);}
.steps li{counter-increment:s;position:relative;padding-left:38px;margin-top:16px;}
.steps li::before{
  content:counter(s);position:absolute;left:0;top:1px;width:24px;height:24px;border-radius:50%;
  background:var(--ember);color:var(--bone);font-family:var(--mono);font-size:12px;
  display:flex;align-items:center;justify-content:center;
}
.paths{margin:20px 0 0;max-width:var(--measure);}
.paths dt{font-family:var(--mono);font-size:13px;color:var(--bone);background:var(--char-2);padding:6px 10px;border-radius:3px;display:inline-block;margin-top:14px;word-break:break-all;}
.paths dd{margin:6px 0 0;color:var(--ash);font-size:16px;}

.panes{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair);margin:22px 0 0;}
.panes > div{background:var(--char);padding:14px 16px;}
.panes h4{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ash-dim);font-family:var(--mono);font-weight:400;margin:0 0 6px;}
.panes p{margin:0;font-size:15px;color:var(--ash);}
.panes .pos{font-family:var(--display);font-size:15px;color:var(--bone);display:block;margin-bottom:3px;}

.pager{display:flex;justify-content:space-between;gap:14px;margin-top:56px;padding-top:22px;border-top:1px solid var(--hair);max-width:var(--measure);}
.pager button{background:none;border:1px solid var(--hair);padding:10px 16px;font-family:var(--display);font-size:13px;color:var(--ash);cursor:pointer;text-align:left;max-width:48%;line-height:1.3;}
.pager button:hover:not(:disabled){border-color:var(--blood);color:var(--bone);}
.pager button:disabled{opacity:.3;cursor:default;}
.pager .dir{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ash-dim);margin-bottom:3px;}
.pager .next{text-align:right;margin-left:auto;}
.chapter-pane{display:none;}
.chapter-pane.shown{display:block;}

#menubtn{display:none;}
@media (max-width:860px){
  .shell{display:block;}
  #menubtn{
    display:flex;align-items:center;gap:8px;position:sticky;top:env(safe-area-inset-top,0px);z-index:20;width:100%;
    background:var(--char);border:0;border-bottom:1px solid var(--hair);padding:12px 16px;
    font-family:var(--display);font-size:14px;color:var(--bone);cursor:pointer;
  }
  #menubtn .bars{font-family:var(--mono);color:var(--blood);}
  #sidebar{position:static;width:auto;flex:none;max-height:none;border-right:0;border-bottom:1px solid var(--hair);padding-top:14px;}
  #sidebar[hidden]{display:none;}
  .manual-main .wrap{padding-inline:20px;padding-block:28px 0;}
  .panes{grid-template-columns:1fr;}
}