/* bd35.info — Cold box: BD35F DC-compressor service manual for a solar cold-chain workshop */
:root{
  --enamel:#EDF1EF;--paper:#FAFBFA;--frost:#DDEFF2;--frost-2:#EEF7F8;
  --ink:#141A1C;--ink-2:#3B4648;--line:#C7D1CF;--line-2:#DDE4E2;
  --gr:#1C2326;--gr-2:#262F33;--gr-3:#36424A;--gr-line:#3E4A50;
  --cu:#B4612F;--cu-2:#C9773F;--cu-ink:#8C441B;--cu-deep:#6B3212;
  --cold:#1D6B7B;--cold-b:#6CCBDB;--red:#C23A2E;--led:#2E9F57;--led-b:#58E08C;--amb:#E3A63A;
  --f-disp:"Archivo","Hind Siliguri",system-ui,sans-serif;
  --f-body:"Archivo","Noto Sans Bengali",system-ui,sans-serif;
  --f-mono:"Ubuntu Sans Mono","Noto Sans Bengali",ui-monospace,monospace;
  --emoji:"Noto Color Emoji";
  --r:6px;--gut:16px;
  /* tokens read by the game runtime */
  --primary:var(--gr);--primary-contrast:#fff;--accent:var(--cu);--surface:var(--paper);--surface-2:var(--frost-2);
  --text:var(--ink);--heading:var(--ink);--muted:var(--ink-2);--border:var(--line);
  --font-head:var(--f-disp);--font-body:var(--f-body);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--enamel);color:var(--ink);font:400 17px/1.65 var(--f-body);overflow-x:hidden;text-rendering:optimizeLegibility}
:lang(bn) body,body:lang(bn){line-height:1.8}
img,svg{max-width:100%}
a{color:var(--cu-ink);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--cu-deep)}
:focus-visible{outline:3px solid var(--cold);outline-offset:2px;border-radius:3px}
.wrap{width:100%;max-width:1240px;margin-inline:auto;padding-inline:var(--gut)}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--paper);color:var(--ink);padding:12px 16px;border-radius:var(--r);font-weight:700;border:2px solid var(--cu)}
.skip:focus{top:12px}
h1,h2,h3{font-family:var(--f-disp);color:var(--ink);margin:0}
:lang(en) h1,:lang(en) h2{font-stretch:106%}

/* scroll progress: warm copper cooling to frost as you read */
@supports (animation-timeline:scroll()){
  body::before{content:"";position:fixed;inset:0 0 auto 0;height:3px;z-index:60;background:linear-gradient(90deg,var(--cu),var(--amb) 30%,var(--cold-b) 70%,var(--frost));transform-origin:0 50%;transform:scaleX(0);animation:prog linear both;animation-timeline:scroll(root)}
  @keyframes prog{to{transform:scaleX(1)}}
}
@media (prefers-reduced-motion:reduce){body::before{display:none}}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:var(--r);font:700 16px/1.2 var(--f-disp);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .12s,box-shadow .12s,background .15s,color .15s}
.btn-cu{background:linear-gradient(180deg,var(--cu-2),var(--cu));color:#fff;box-shadow:0 3px 0 var(--cu-deep),inset 0 1px 0 rgba(255,255,255,.25);text-shadow:0 1px 0 rgba(0,0,0,.25)}
.btn-cu:hover{color:#fff;background:linear-gradient(180deg,#D3824A,var(--cu-2))}
.btn-cu:active{transform:translateY(2px);box-shadow:0 1px 0 var(--cu-deep)}
.btn-line{border-color:var(--ink);color:var(--ink);background:transparent}
.btn-line:hover{background:var(--ink);color:var(--paper)}
.btn-sm{min-height:44px;padding:10px 16px;font-size:15px}

/* ---------- header: unit label + terminal strip ---------- */
.hd{position:sticky;top:0;z-index:50;background:var(--gr);color:#E6ECEA;box-shadow:0 1px 0 #000,0 6px 18px rgba(20,26,28,.18)}
.hd-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px}
.plate{display:inline-flex;align-items:center;gap:10px;padding:6px 12px 6px 10px;min-height:44px;background:#F4F6F3;color:var(--ink);border-radius:4px;text-decoration:none;box-shadow:inset 0 0 0 1px #B8C2BF,0 2px 0 rgba(0,0,0,.35);position:relative}
.plate::after{content:"";position:absolute;left:10px;right:10px;bottom:5px;height:2px;background:var(--cu);border-radius:2px}
.plate:hover{color:var(--ink)}
.plate-name{font:800 22px/1 var(--f-disp);font-stretch:125%;letter-spacing:.02em}
.plate-tag{font:600 13px/1 var(--f-mono);color:var(--ink-2);padding-left:10px;border-left:1px solid var(--line)}
.led{width:10px;height:10px;border-radius:50%;background:var(--led-b);box-shadow:0 0 0 2px #1F3A28,0 0 10px var(--led-b);flex:none}
@media (prefers-reduced-motion:no-preference){.hd .led{animation:blink 3.2s ease-in-out infinite}}
@keyframes blink{0%,86%,100%{opacity:1}90%{opacity:.35}}
.hd-tools{display:flex;align-items:center;gap:10px}
.lsw{display:inline-flex;padding:3px;background:#12181A;border-radius:6px;box-shadow:inset 0 1px 3px rgba(0,0,0,.6)}
.lsw a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:44px;padding:6px 12px;border-radius:4px;color:#B9C6C3;text-decoration:none;font:600 14px/1 var(--f-body)}
.lsw a[aria-current]{background:linear-gradient(180deg,#4A575D,#333E43);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 1px 2px #000}
.lsw a:hover{color:#fff}
.ls-c{display:none;font-family:var(--f-mono)}
.hd-cta{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:5px;background:var(--cu);color:#fff;text-decoration:none;font:700 15px/1.2 var(--f-disp);box-shadow:0 2px 0 var(--cu-deep)}
.hd-cta:hover{color:#fff;background:var(--cu-2)}
/* rocker switch = menu toggle */
.rocker{display:none;align-items:center;gap:8px;min-height:44px;min-width:48px;padding:4px 10px 4px 4px;background:#12181A;border:0;border-radius:8px;color:#D8E0DE;font:600 14px/1 var(--f-body);cursor:pointer}
.rk{position:relative;display:grid;grid-template-rows:1fr 1fr;width:30px;height:38px;border-radius:5px;background:#0B0F10;padding:3px;box-shadow:inset 0 0 0 1px #3A464B}
.rk i{display:grid;place-items:center;font:700 11px/1 var(--f-mono);font-style:normal;color:#8A9794;border-radius:3px}
.rk i:first-child{background:linear-gradient(180deg,#2B3438,#20282B)}
.rk i:last-child{background:linear-gradient(180deg,#46535A,#39454B);color:#fff;box-shadow:0 2px 0 #000}
.rocker[aria-expanded=true] .rk i:first-child{background:linear-gradient(180deg,#2F8F52,#23703F);color:#fff;box-shadow:0 -2px 0 #000}
.rocker[aria-expanded=true] .rk i:last-child{background:linear-gradient(180deg,#20282B,#2B3438);color:#8A9794;box-shadow:none}
/* terminal strip */
.strip{background:linear-gradient(180deg,#2B3539,#232B2F);border-top:1px solid #0E1213;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.strip-in{display:flex;gap:6px;padding-top:8px;padding-bottom:0;overflow:visible}
.strip a{position:relative;display:flex;align-items:center;gap:9px;min-height:44px;padding:8px 14px 16px 10px;color:#DCE4E2;text-decoration:none;font:600 15px/1.3 var(--f-body);background:linear-gradient(180deg,#39454B,#2E383C);border-radius:5px 5px 0 0;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 #11171A}
.strip a::after{content:"";position:absolute;left:14px;bottom:0;width:4px;height:9px;border-radius:2px 2px 0 0;background:var(--wire,#999)}
.strip a:hover{background:linear-gradient(180deg,#45535A,#374348);color:#fff}
.strip a[aria-current]{background:linear-gradient(180deg,#F4F6F3,#DDE3E1);color:var(--ink)}
.scr{flex:none;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#E7ECEB,#8C9794 60%,#5A6461);box-shadow:0 1px 1px #000;position:relative}
.scr::before{content:"";position:absolute;left:3px;right:3px;top:6px;height:2px;background:#3C4548;transform:rotate(-35deg)}
.strip a[aria-current] .scr{background:radial-gradient(circle at 40% 35%,#B8F5CC,var(--led) 65%,#1A5E33);box-shadow:0 0 8px var(--led-b)}
.strip a[aria-current] .scr::before{display:none}
.w-red{--wire:var(--red)}.w-blk{--wire:#5E6B70}.w-cu{--wire:var(--cu-2)}.w-cold{--wire:var(--cold-b)}.w-led{--wire:var(--led-b)}.w-amb{--wire:var(--amb)}
@media (min-width:980px){.strip a::after{height:10px}}
@media (max-width:979px){
  .rocker{display:inline-flex}
  .strip{display:none;position:absolute;left:0;right:0;top:100%;max-height:calc(100vh - 64px);overflow:auto;border-bottom:3px solid var(--cu)}
  .hd.open .strip{display:block}
  .strip-in{flex-direction:column;gap:6px;padding-top:12px;padding-bottom:16px}
  .strip a{border-radius:5px;padding:10px 14px 10px 30px;min-height:48px}
  .strip a::after{left:0;top:50%;bottom:auto;width:20px;height:4px;margin-top:-2px;border-radius:0 2px 2px 0}
}
@media (max-width:620px){.hd-cta{display:none}}
@media (max-width:440px){
  .plate-tag{display:none}
  .ls-l{display:none}.ls-c{display:inline}
  .plate-name{font-size:20px}
}

@media (max-width:359px){.rk-t{display:none}.rocker{padding:4px}}
/* ---------- home hero ---------- */
.hero{position:relative;padding:40px 0 56px;background:
  linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 60%),
  repeating-linear-gradient(90deg,transparent 0 119px,rgba(29,107,123,.06) 119px 120px),var(--enamel);border-bottom:1px solid var(--line)}
.hero-g{display:grid;gap:36px;align-items:start}
@media (min-width:980px){.hero-g{grid-template-columns:minmax(0,1fr) minmax(420px,560px);gap:56px}.hero{padding:56px 0 72px}}
.hero-copy{position:relative;min-width:0;padding-top:4px}
/* spec table + figure */
.hero-copy{container-type:inline-size}
.spec-row{display:grid;gap:18px;margin-top:30px}
@container (min-width:520px){.spec-row{grid-template-columns:minmax(0,1fr) 190px;align-items:end}}
.spec-fig{display:none;padding:14px 10px 6px;border:1px solid var(--line);background:linear-gradient(var(--line-2) 1px,transparent 1px) 0 0/16px 16px,linear-gradient(90deg,var(--line-2) 1px,transparent 1px) 0 0/16px 16px,var(--paper);color:var(--ink)}
@container (min-width:520px){.spec-fig{display:block}}
.sticker{display:inline-block;margin:0 0 18px;padding:7px 12px;background:#FFF8E6;border:1px solid #E4C98B;border-radius:3px;font:600 14px/1.4 var(--f-mono);color:#6A4A10;box-shadow:2px 2px 0 rgba(20,26,28,.12);transform:rotate(-1deg)}
.hero h1{font-size:clamp(32px,4.4vw,56px);line-height:1.12;font-weight:800;letter-spacing:-.01em;max-width:18ch}
:lang(bn) .hero h1,.hero h1:lang(bn){letter-spacing:0;line-height:1.4;font-weight:700;max-width:20ch}
.lead{margin-top:18px;font-size:clamp(17px,1.5vw,19px);color:var(--ink-2);max-width:60ch}
.lead p{margin:0}
.acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.spec{list-style:none;margin:0;padding:0;display:grid;border-top:2px solid var(--ink);max-width:620px}
.spec li{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font:500 15.5px/1.5 var(--f-body)}
.spec .k{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:2px solid var(--ink);font:700 13px/1 var(--f-mono);background:var(--paper)}

/* cold box around the game */
.coldbox{position:relative;min-width:0;width:100%;max-width:640px;background:linear-gradient(180deg,#FDFEFD,#E9EEEC);border-radius:18px;padding:0 12px 14px;box-shadow:0 1px 0 #fff inset,0 0 0 1px #BCC7C4,0 18px 40px -18px rgba(20,26,28,.45),0 2px 0 #A9B5B2;container-type:inline-size;scroll-margin-top:90px}
.lid{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 6px}
.lid-t{font:700 16px/1.3 var(--f-disp);flex:1;min-width:0}
.dial{flex:none;width:30px;height:30px;border-radius:50%;background:conic-gradient(from 200deg,var(--cold-b),var(--cold) 40%,transparent 41% 100%),radial-gradient(circle,#fff 45%,#C9D2D0 47%);box-shadow:inset 0 0 0 2px #fff,0 0 0 1px #AAB6B3,0 2px 3px rgba(0,0,0,.2);position:relative}
.dial::after{content:"";position:absolute;left:50%;top:5px;width:2px;height:11px;margin-left:-1px;background:var(--ink);border-radius:2px;transform-origin:50% 10px;transform:rotate(38deg)}
.lid-led{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--gr);color:#E6ECEA;font:600 13px/1.3 var(--f-mono)}
.lid-led::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--led-b);box-shadow:0 0 8px var(--led-b)}
.gasket{border-radius:12px;padding:6px;background:#262E31;box-shadow:inset 0 2px 4px #000,0 0 0 1px #0E1213}
.feet{display:flex;justify-content:space-between;padding:0 30px;height:0}
.feet i{display:block;width:46px;height:8px;margin-top:14px;background:#2A3235;border-radius:0 0 4px 4px}
@media (max-width:420px){.coldbox{padding:0 6px 10px;border-radius:14px;margin-inline:-6px}.gasket{padding:4px}}

/* ---------- inner title block (drawing sheet) ---------- */
.tblock{padding:26px 0 34px;background:var(--enamel);border-bottom:1px solid var(--line)}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font:500 14px/1.5 var(--f-body);color:var(--ink-2);margin-bottom:18px}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink-2)}
.crumbs .sep{width:18px;height:2px;background:var(--cu);border-radius:2px}
.crumbs [aria-current]{color:var(--ink);font-weight:600}
.tb-g{display:grid;border:2px solid var(--ink);background:var(--paper);container-type:inline-size}
.tb-main{padding:22px 20px 26px;min-width:0}
.tb-code{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 14px;font:500 13.5px/1.4 var(--f-mono);color:var(--ink-2)}
.tb-code b{padding:3px 9px;border:1.5px solid var(--ink);color:var(--ink);font-weight:600}
.tblock h1{font-size:clamp(28px,3.6vw,46px);line-height:1.15;font-weight:800;max-width:24ch}
:lang(bn) .tblock h1,.tblock h1:lang(bn){line-height:1.4;font-weight:700;letter-spacing:0}
.tb-fig{display:none}
@media (min-width:760px){
  .tb-g{grid-template-columns:minmax(0,1fr) 260px}
  .tb-main{padding:30px 32px 34px}
  .tb-fig{display:grid;place-items:center;padding:20px;border-left:2px solid var(--ink);background:
    linear-gradient(var(--line-2) 1px,transparent 1px) 0 0/20px 20px,linear-gradient(90deg,var(--line-2) 1px,transparent 1px) 0 0/20px 20px,var(--frost-2);color:var(--ink)}
  .tb-fig .comp{width:100%;max-width:220px}
}
.comp .cu-t{stroke:var(--cu);stroke-width:4}
.comp .eu{fill:rgba(255,255,255,.5)}
.comp .term circle{fill:#9AA5A2;stroke:currentColor;stroke-width:1.5}
.comp .w-r,.comp .w-b,.comp .w-c{fill:none;stroke-width:3;stroke-linecap:round}
.comp .w-r{stroke:var(--red)}.comp .w-b{stroke:var(--ink)}.comp .w-c{stroke:var(--cold)}
.comp .lamp{fill:var(--led)}

/* ---------- body grid ---------- */
.body{display:grid;gap:28px;padding-top:36px;padding-bottom:56px;grid-template-areas:"toc" "sheet" "demo"}
.toc{grid-area:toc}.sheet{grid-area:sheet;min-width:0}.demo{grid-area:demo}
@media (min-width:1060px){
  .body{grid-template-columns:270px minmax(0,1fr);grid-template-areas:"toc sheet" "demo sheet";grid-template-rows:auto 1fr;column-gap:48px;align-items:start}
  .body.no-toc{grid-template-areas:"demo sheet"}
  .toc{position:sticky;top:130px;max-height:calc(100vh - 150px);overflow:auto}
}
/* schematic TOC: copper trace with nodes */
.toc{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:16px 14px 12px}
.toc-t{margin:0 0 8px;font:600 13px/1.4 var(--f-mono);color:var(--ink-2)}
.toc ol{list-style:none;margin:0;padding:0;position:relative}
.toc ol::before{content:"";position:absolute;left:8px;top:14px;bottom:14px;width:3px;background:var(--cu);border-radius:3px}
.toc a{position:relative;display:flex;gap:12px;align-items:flex-start;min-height:44px;padding:9px 6px 9px 0;color:var(--ink);text-decoration:none;font:500 15px/1.45 var(--f-body)}
.toc a:hover .tl{text-decoration:underline;text-decoration-color:var(--cu)}
.node{flex:none;width:19px;height:19px;margin-top:2px;border-radius:50%;background:var(--paper);border:3px solid var(--cu);position:relative;z-index:1}
.toc a[aria-current] .node{background:var(--led);border-color:#1E6B3A;box-shadow:0 0 0 3px rgba(46,159,87,.2)}
.toc a[aria-current]{font-weight:700}
@media (max-width:1059px){.toc ol{columns:1}}
.demo{align-self:start;background:var(--gr);color:#DCE4E2;border-radius:10px;padding:20px 18px;box-shadow:inset 0 0 0 1px var(--gr-line)}
.demo-fig{display:block;height:10px;margin:-20px -18px 16px;border-radius:10px 10px 0 0;background:repeating-linear-gradient(90deg,var(--frost) 0 14px,var(--cold-b) 14px 16px)}
.demo-t{margin:0 0 6px;font:700 17px/1.4 var(--f-disp);color:#fff}
.demo p{margin:0 0 14px;font-size:15.5px}

/* ---------- article sheet ---------- */
.sheet{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:26px 20px 30px;box-shadow:0 1px 0 #fff inset;counter-reset:sec}
@media (min-width:700px){.sheet{padding:40px 48px 46px}}
.sheet>*:first-child{margin-top:0}
.sheet p,.sheet li{max-width:70ch}
.sheet p{margin:0 0 1em}
.intro-rest{font-size:18px;color:var(--ink-2)}
.sec{margin-top:40px;counter-increment:sec}
.sec:first-child{margin-top:0}
.sec h2,.faq>h2,.parts h2{position:relative;font-size:clamp(23px,2.4vw,30px);line-height:1.25;font-weight:800;padding-bottom:22px;margin-bottom:20px;scroll-margin-top:130px}
:lang(bn) .sec h2,:lang(bn) .faq>h2,:lang(bn) .parts h2{line-height:1.45;font-weight:700}
.sec h2::before{content:counter(sec,decimal-leading-zero);display:inline-grid;place-items:center;min-width:44px;height:30px;margin:0 12px 6px 0;padding:0 8px;vertical-align:middle;border-radius:4px;background:var(--gr);color:var(--cold-b);font:600 15px/1 var(--f-mono);box-shadow:inset 0 0 0 1px var(--gr-line)}
:lang(bn) .sec h2::before{content:counter(sec,bengali)}
/* serpentine evaporator coil rule */
.sec h2::after,.faq>h2::after,.parts h2::after{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M0 6V3a3 3 0 0 1 6 0v6a3 3 0 0 0 6 0V6' fill='none' stroke='%23B4612F' stroke-width='2'/%3E%3C/svg%3E") 0 0/12px 12px repeat-x;opacity:.9}
.sheet ul,.sheet ol{padding-left:0;margin:0 0 1.2em;list-style:none}
.sheet ul li,.sheet ol li{position:relative;padding-left:30px;margin:0 0 .55em}
.sheet ul li::before{content:"";position:absolute;left:4px;top:.62em;width:12px;height:12px;border-radius:50%;border:3px solid var(--cu);background:var(--paper)}
.sheet ol{counter-reset:li}
.sheet ol li{counter-increment:li}
.sheet ol li::before{content:counter(li);position:absolute;left:0;top:.2em;width:22px;height:22px;display:grid;place-items:center;border-radius:3px;background:var(--frost);color:var(--cold);font:700 12.5px/1 var(--f-mono)}
:lang(bn) .sheet ol li::before{content:counter(li,bengali)}
.sheet strong{color:var(--ink);font-weight:700}
.sheet h3{font-size:20px;margin:1.4em 0 .5em}
.sheet table{width:100%;border-collapse:collapse;margin:0 0 1.4em;font-size:15.5px;display:block;overflow-x:auto}
.sheet th,.sheet td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}
.sheet th{background:var(--frost-2);font-weight:700}
.sheet blockquote{margin:0 0 1.2em;padding:12px 16px;border-left:4px solid var(--cold);background:var(--frost-2)}

/* FAQ = troubleshooting table with LED codes */
.faq{margin-top:48px}
.faq-list{border-top:2px solid var(--ink)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{display:grid;grid-template-columns:auto 1fr 28px;gap:14px;align-items:center;min-height:56px;padding:12px 2px;cursor:pointer;list-style:none;font:600 17px/1.5 var(--f-disp)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover .q{color:var(--cu-ink)}
.code{display:inline-grid;place-items:center;min-width:42px;height:28px;padding:0 6px;border-radius:4px;background:#0F1517;color:#7A8784;font:600 14px/1 var(--f-mono);box-shadow:inset 0 0 0 1px #2A3437}
.faq details[open] .code{color:var(--led-b);text-shadow:0 0 6px rgba(88,224,140,.6)}
.pm{position:relative;width:28px;height:28px;border-radius:50%;border:2px solid var(--ink)}
.pm::before,.pm::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:var(--ink);transition:transform .2s}
.pm::after{transform:rotate(90deg)}
.faq details[open] .pm::after{transform:rotate(0)}
.faq .a{padding:4px 2px 18px 56px;color:var(--ink-2)}
.faq .a>*:last-child{margin-bottom:0}
@media (max-width:520px){.faq .a{padding-left:2px}.faq summary{gap:10px;font-size:16px}}

/* inner CTA = power switch panel */
.switch{display:grid;grid-template-columns:auto 1fr;gap:14px 16px;align-items:center;margin-top:44px;padding:22px;background:var(--gr);color:#E1E8E6;border-radius:10px;border-left:6px solid var(--cu)}
.switch p{margin:0;font:600 17px/1.55 var(--f-disp);color:#fff}
.switch .btn{grid-column:1/-1;justify-self:start}
.sw-led{width:14px;height:14px;border-radius:50%;background:var(--led-b);box-shadow:0 0 12px var(--led-b)}

/* ---------- related = spare-parts labels ---------- */
.parts{padding:52px 0 60px;background:var(--frost-2);border-top:1px solid var(--line)}
.parts-g{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-top:6px}
.part{position:relative;display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:18px 18px 18px;min-height:44px;background:#fff;border:1px solid var(--line);border-radius:4px;text-decoration:none;color:var(--ink);box-shadow:0 2px 0 var(--line-2);transition:transform .15s,box-shadow .15s,border-color .15s}
.part:hover{color:var(--ink);transform:translateY(-2px);border-color:var(--cu);box-shadow:0 6px 0 -2px var(--cu)}
.bar{grid-column:1;height:20px;width:120px;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 4px,var(--ink) 4px 5px,transparent 5px 8px,var(--ink) 8px 11px,transparent 11px 12px);opacity:.85}
.pn{grid-column:2;grid-row:1;font:600 14px/20px var(--f-mono);color:var(--ink-2)}
.part strong{grid-column:1/-1;font:700 18px/1.4 var(--f-disp)}
.pd{grid-column:1/-1;font-size:15px;line-height:1.55;color:var(--ink-2)}
.arr{grid-column:2;grid-row:4;justify-self:end;width:28px;height:12px;background:linear-gradient(var(--cu),var(--cu)) 0 50%/22px 2px no-repeat;position:relative}
.arr::after{content:"";position:absolute;right:1px;top:1px;width:9px;height:9px;border:2px solid var(--cu);border-width:2px 2px 0 0;transform:rotate(45deg)}
.notice{margin:26px 0 0;font-size:14.5px;color:var(--ink-2);max-width:80ch}

/* ---------- footer: compressor base plate ---------- */
.ft{position:relative;background:var(--gr);color:#C7D1CE;padding:44px 0 26px;border-top:4px solid var(--cu)}
.ft::before,.ft::after{content:"";position:absolute;top:16px;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle,#0B0F10 40%,#3A464B 44% 58%,#12181A 62%)}
.ft::before{left:14px}.ft::after{right:14px}
.ft-g{display:grid;gap:30px}
@media (min-width:360px) and (max-width:819px){.ft-g{grid-template-columns:1fr 1fr;gap:24px 20px}.ft-a{grid-column:1/-1}}
@media (min-width:820px){.ft-g{grid-template-columns:1.4fr 1fr 1fr;gap:44px}}
.ft-a p{margin:16px 0 0;font-size:15px;max-width:52ch}
.ft-h{margin:0 0 8px;font:600 13px/1.4 var(--f-mono);color:var(--cold-b)}
.ft ul{list-style:none;margin:0;padding:0}
.ft li a{display:inline-flex;align-items:center;min-height:44px;color:#E6ECEA;text-decoration:none;font-size:15.5px}
.ft li a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--cu-2)}
.ft-b{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:30px;padding-top:18px;border-top:1px solid var(--gr-line);font:500 14px/1.4 var(--f-mono)}
.age{display:inline-grid;place-items:center;min-width:44px;height:44px;border-radius:50%;border:2px solid var(--amb);color:var(--amb);font:700 15px/1 var(--f-mono)}

/* 404 */
.nf{padding:70px var(--gut) 90px;max-width:760px}
.nf-code{margin:0;font:800 96px/1 var(--f-mono);color:var(--cold)}
.nf h1{font-size:34px;margin:10px 0 12px}

/* Latin-only letter-spacing */
:lang(en) .tb-code,:lang(en) .toc-t,:lang(en) .ft-h{letter-spacing:.06em;text-transform:uppercase}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}