:root{
  color-scheme:dark;
  --ground:#101411;--surface:#171f19;--rail:#121a15;--line:#314438;
  --ink:#edf5ee;--dim:#bac9be;--bright:#a6f7bc;--deep:#162a1d;--hush:#91aa97;
  font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
  scroll-padding-top:1.1rem;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);line-height:1.65}
a{color:var(--bright);text-decoration-thickness:.08em;text-underline-offset:.22em}
a:hover{text-decoration-thickness:.14em}
a:focus-visible{outline:2px solid #c0ffd2;outline-offset:4px}
.skip{position:absolute;top:8px;left:12px;z-index:5;padding:.5rem .8rem;background:#122c1c;transform:translateY(-150%)}
.skip:focus{transform:none}
.wrap{width:min(1260px,calc(100% - 72px));margin-inline:auto}
.mast{border-bottom:1px solid var(--line);background:#141c17}
.mast .wrap{height:66px;display:flex;gap:1rem;align-items:center}
.logotype{font-size:1.25rem;font-weight:720;letter-spacing:-.025em;color:var(--ink);display:inline-flex;align-items:center;gap:.55rem;text-decoration:none}
.logotype svg{color:var(--bright)}
.mast-label{font-size:.78rem;color:var(--hush);border-left:1px solid var(--line);padding-left:1rem}
.mast-task{margin-left:auto;color:var(--bright);font-size:.85rem;font-weight:650;text-decoration:none;border-bottom:1px solid #639575}
.console{display:grid;grid-template-columns:168px minmax(0,1fr);border-inline:1px solid var(--line)}
.side{background:var(--rail);border-right:1px solid var(--line);padding:1.5rem 0 2.1rem}
.side nav{display:grid;gap:.28rem}
.side nav a{color:var(--dim);text-decoration:none;padding:.58rem .78rem .58rem .95rem;display:flex;align-items:center;gap:.65rem;border-left:2px solid transparent;font-size:.86rem}
.side nav a[aria-current],.side nav a:hover{color:var(--bright);border-left-color:var(--bright);background:var(--deep)}
.nav-no,.console-id,.section-label,.caption,figcaption,time{font:600 .72rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em}
.nav-no{color:var(--hush)}
.side-caption{color:var(--dim);border-top:1px solid var(--line);margin:1.55rem .9rem 0;padding-top:.9rem;font-size:.76rem}
.side-caption span{color:var(--hush);font-size:.69rem}
.desk{min-width:0}
.front{padding:clamp(26px,4vw,57px) clamp(22px,5vw,70px) clamp(25px,3vw,38px);background:radial-gradient(ellipse at 85% -5%,#203727,transparent 60%),linear-gradient(170deg,#17211a,#101411 85%);border-bottom:1px solid var(--line)}
.console-id{display:flex;gap:.65rem;align-items:center;color:var(--hush)}
.locator{width:.58rem;height:.58rem;flex:0 0 .58rem;border:1px solid var(--bright);box-shadow:inset 0 0 0 2px var(--deep);background:#79cc90}
.rule{width:2.4rem;height:1px;background:#52715b}
h1,h2,h3,p,figure,dl{margin:0}
.front h1{font-weight:760;letter-spacing:-.055em;font-size:clamp(2.7rem,6.6vw,5.7rem);line-height:.98;margin-top:.2em}
.front h1 span{display:block;font-size:clamp(1.48rem,3vw,2.48rem);letter-spacing:.02em;line-height:1.2;margin-top:.32em;color:var(--bright)}
.lede{max-width:56ch;color:var(--dim);margin-top:1rem;font-size:clamp(.91rem,1.5vw,1.05rem)}
.source-line{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.25rem .8rem;margin-top:1rem;padding:.5rem .7rem;background:#101d15;border:1px solid #3b6047;max-width:100%}
.caption{color:var(--hush);white-space:nowrap}
code{color:var(--bright);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.source-line code{font-size:.87rem}
.actions{display:flex;flex-wrap:wrap;gap:.62rem;margin-top:1rem}
.actions a{font-size:.89rem;padding:.52rem .8rem;min-height:44px;display:inline-flex;align-items:center;text-decoration:none;font-weight:650;border:1px solid var(--bright)}
.actions .solid{background:var(--bright);color:#102418}
.actions .outline{border-color:#597761;color:var(--ink)}
.actions a:hover{box-shadow:0 0 0 2px #608d6a}
.backplane{position:relative;background:#18251c;border-bottom:1px solid var(--line)}
.backplane img{display:block;width:100%;height:clamp(220px,32vw,394px);object-fit:cover;object-position:57% 46%}
.backplane figcaption{position:absolute;bottom:.75rem;right:.75rem;max-width:90%;padding:.35rem .55rem;background:#101b14eb;color:var(--dim);font-size:.66rem}
.board{display:grid;grid-template-columns:minmax(86px,18%) minmax(0,1fr);padding:clamp(22px,3.3vw,43px) clamp(18px,4.5vw,66px);gap:.7rem 1.1rem;border-bottom:1px solid var(--line)}
.board:nth-of-type(even){background:#151c17}
.section-label{color:var(--hush);padding-top:.42rem;white-space:nowrap}
h2{font-size:clamp(1.14rem,2.25vw,1.55rem);line-height:1.35;letter-spacing:.01em}
.setup-list{margin:.86rem 0 0;padding:0;list-style:none;counter-reset:checks}
.setup-list li{counter-increment:checks;display:grid;grid-template-columns:2rem minmax(5rem,auto) minmax(0,1fr);gap:.55rem;align-items:baseline;padding:.6rem 0;border-top:1px solid var(--line)}
.setup-list li::before{content:"0" counter(checks);color:var(--bright);font:600 .73rem/1.5 ui-monospace,monospace}
.setup-list strong,.role-list dt{font-size:.92rem;font-weight:680}
.setup-list span,.role-list dd,.note-row p{color:var(--dim);font-size:.9rem}
.further{margin-top:.75rem;font-size:.89rem}
.role-list{margin-top:.9rem}
.role-list>div{display:grid;grid-template-columns:minmax(11ch,32%) 1fr;gap:.2rem .65rem;padding:.64rem 0;border-top:1px solid var(--line)}
.role-list small{display:block;color:var(--hush);font-size:.74rem;font-weight:540}
.role-list dd{margin:0}
.support-list{display:grid;gap:.52rem;margin-top:.9rem}
.note-row{padding:.67rem .8rem;background:var(--surface);border-left:2px solid #528161}
.note-row h3{font-size:.99rem;margin-bottom:.24rem}
.document{padding:clamp(21px,4.2vw,59px);min-width:0;max-width:920px}
.trail{display:flex;align-items:baseline;flex-wrap:wrap;gap:.6rem;color:var(--hush);font-size:.8rem;margin-bottom:.9rem}
.document h1{font-size:clamp(1.85rem,4vw,3.1rem);letter-spacing:-.025em;line-height:1.23;margin-bottom:.65rem}
.reading,.note-body{max-width:68ch;color:var(--dim)}
.reading p,.note-body p{margin:.68rem 0 0}
.reading h2,.note-body h2{color:var(--ink);margin:1.3rem 0 .45rem}
.brief{padding:.75rem .9rem;border-left:3px solid var(--bright);background:var(--deep);color:var(--ink);font-weight:630}
.address-box,.edge{padding:.1rem 1rem .9rem;background:var(--surface);border:1px solid var(--line);margin:1.15rem 0 0}
.address-box h2,.edge h2{margin-top:.66rem}
.note-body section+section{margin-top:1.2rem}
.note-body .role-list{margin-block:1rem}
.operation-note header .section-label{margin-bottom:.48rem}
time{display:block;color:var(--hush);margin:0 0 1.15rem}
.inline-nav{display:flex;flex-wrap:wrap;gap:.45rem 1rem;font-size:.88rem;margin-top:1.3rem;border-top:1px solid var(--line);padding-top:.7rem}
.footer{background:#131b15;border-top:1px solid var(--line)}
.footer .wrap{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem 2rem;padding:1.35rem 0 1.6rem}
.footer strong{font-size:.93rem}
.footer p,.footer nav{font-size:.81rem;color:var(--dim)}
.footer nav{display:flex;gap:.85rem;flex-wrap:wrap}
@media(max-width:880px){.wrap{width:calc(100% - 40px)}.console{grid-template-columns:132px minmax(0,1fr)}.side nav a{padding-left:.62rem;gap:.42rem}}
@media(max-width:640px){
  .wrap{width:calc(100% - 26px)}.mast .wrap{height:52px}.mast-label{display:none}.logotype{font-size:1.08rem}
  .console{display:block;width:100%;border:0}.side{border-right:0;border-bottom:1px solid var(--line);padding:.35rem .7rem}
  .side nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.13rem}
  .side nav a{border-left:0;border-bottom:2px solid transparent;justify-content:center;text-align:center;padding:.45rem .1rem;min-height:42px;font-size:clamp(.68rem,3.2vw,.85rem)}
  .side nav a[aria-current],.side nav a:hover{border-bottom-color:var(--bright)}
  .nav-no,.side-caption{display:none}.front{padding:1.42rem 1rem 1.35rem}
  .front h1{font-size:clamp(2.45rem,10vw,3.8rem)}
  .backplane img{height:clamp(160px,50vw,260px);object-position:59% 42%}
  .board{display:block;padding:1.05rem 1rem 1.28rem}
  .section-label{display:block;margin-bottom:.38rem;padding:0}
  .setup-list li{grid-template-columns:1.45rem 1fr;gap:.11rem .35rem}
  .setup-list span{grid-column:2}.role-list>div{grid-template-columns:7em 1fr}
  .document{padding:1.2rem 1rem 1.9rem}.footer .wrap{display:block}.footer nav{margin-top:.65rem}
}
