:root{
  --ink:#14171A;
  --ground:#F2F3F0;
  --paper:#FFFFFF;
  --grey:#555B62;
  --hair:#C4C8C6;
  --shade:#E3E5E1;
  --yellow:#FFC800;
  --blue:#1F5FA9;
  --green:#5E7348;
  --violet:#74508C;
  --tone:var(--yellow);
  --on-tone:var(--ink);
  --tint:#FFF3BF;
  --slab:"Rokkitt","Rockwell","Roboto Slab",Georgia,serif;
  --sans:"Atkinson Hyperlegible","Segoe UI",Helvetica,Arial,sans-serif;
  --wrap:1320px;
  --gutter:32px;
  --rule:2px;
  --sw:1.6;
  --measure:47ch;
  --move:cubic-bezier(.3,0,.1,1);
  --t-snap:.14s;
  --t-move:.24s;
  --t-seat:.45s;
}
.tone-spiel{--tone:var(--yellow);--on-tone:var(--ink);--tint:#FFF3BF}
.tone-recht{--tone:var(--blue);--on-tone:#fff;--tint:#DEE9F5}
.tone-wissen{--tone:var(--green);--on-tone:#fff;--tint:#E3EADB}
.tone-schutz{--tone:var(--violet);--on-tone:#fff;--tint:#EBE2F1}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:18px;line-height:1.58;overflow-x:hidden}
img,svg{max-width:100%}
h1,h2,h3,p,ol,ul,dl,dd,figure{margin:0}
ol,ul{padding:0;list-style:none}
a{color:inherit}
button,input{font:inherit;color:inherit}
small{font-size:inherit}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:10px 16px;font-family:var(--slab);font-size:18px;z-index:90}
.skip:focus{left:8px}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.ln{fill:#fff;stroke:var(--ink);stroke-width:var(--sw);stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.ln-open{fill:none;stroke:var(--ink);stroke-width:var(--sw);stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.th{fill:none;stroke:var(--ink);stroke-width:1;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.wh{fill:#fff;stroke:var(--ink);stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.hat{fill:url(#hatch);stroke:var(--ink);stroke-width:var(--sw);stroke-linejoin:round;vector-effect:non-scaling-stroke}
.spt{fill:var(--tone);stroke:var(--ink);stroke-width:var(--sw);stroke-linejoin:round;vector-effect:non-scaling-stroke}
.solid{fill:var(--ink)}
.axis{fill:none;stroke:var(--grey);stroke-width:1;stroke-dasharray:9 3 1.5 3;vector-effect:non-scaling-stroke}
.face{fill:var(--shade);stroke:var(--ink);stroke-width:var(--sw);stroke-linejoin:round;vector-effect:non-scaling-stroke}
.wheel-digit{font-family:var(--slab);font-weight:700;font-size:21px;fill:var(--ink);text-anchor:middle}

.pos{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;flex:none;background:var(--tone);color:var(--on-tone);border:var(--rule) solid var(--ink);font-family:var(--slab);font-weight:800;font-size:20px;line-height:1;padding:3px 5px 0;font-variant-numeric:tabular-nums;transition:background-color .2s,color .2s}
.caps{font-family:var(--slab);font-weight:700;font-size:15.5px;letter-spacing:.09em;text-transform:uppercase;line-height:1.2}
.fine{font-size:15px;color:var(--grey);line-height:1.45}
.swatch{display:inline-block;width:22px;height:12px;background:var(--tone);border:1.5px solid var(--ink);flex:none}




.opening{padding:16px 0 64px;background:
  linear-gradient(rgba(20,23,26,.055) 1px,transparent 1px) 0 0/100% 28px,
  linear-gradient(90deg,rgba(20,23,26,.055) 1px,transparent 1px) 0 0/28px 100%,
  var(--ground)}
.opening-head{display:grid;grid-template-columns:minmax(0,1fr) 388px;gap:48px;align-items:end;margin-bottom:12px}
h1{font-family:var(--slab);font-weight:800;line-height:1;letter-spacing:-.018em}
.h1-key{display:block;font-size:min(6.6vw,62px);line-height:.95}
.h1-key em{font-style:normal;background:linear-gradient(var(--yellow),var(--yellow)) left 88%/100% .26em no-repeat}
.h1-rest{display:block;margin-top:4px;font-size:clamp(20px,2.4vw,34px);line-height:1.08;letter-spacing:-.01em;text-wrap:balance}
.lede{font-size:16.5px;line-height:1.45}
.colour-code{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:8px;font-size:14px;line-height:1.25}
.colour-code li{display:flex;align-items:center;gap:7px}

.bench{display:grid;grid-template-columns:minmax(0,1fr) 480px minmax(0,1fr);align-items:stretch;isolation:isolate;position:relative}
.bench-key{grid-column:1/-1;display:flex;align-items:center;gap:10px;height:22px;margin-bottom:14px;font-size:15px;line-height:1.2}
.bench-key strong{font-family:var(--slab);font-weight:700;font-size:15.5px;letter-spacing:.09em;text-transform:uppercase;padding-top:2px}
.bench-key::after{content:"";flex:1;align-self:stretch;min-width:20px;margin-left:6px;border-bottom:1px solid var(--ink);background:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 12px) left bottom/100% 7px no-repeat,repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 60px) left bottom/100% 13px no-repeat}
.bench-side{grid-row:2;display:grid;grid-template-rows:repeat(5,minmax(0,1fr));min-height:510px}
.bench-side-left{grid-column:1}
.bench-side-right{grid-column:3}
.part{position:relative;display:grid;align-items:center;column-gap:10px;align-self:center;min-width:0;text-decoration:none}
.bench-side-left .part{grid-template-columns:minmax(0,1fr) 132px;margin-right:calc(34px + var(--lead))}
.bench-side-right .part{grid-template-columns:132px minmax(0,1fr);margin-left:var(--lead)}
.bench-side-left .part:nth-child(odd){--lead:18px}
.bench-side-left .part:nth-child(even){--lead:34px}
.bench-side-right .part:nth-child(odd){--lead:66px}
.bench-side-right .part:nth-child(even){--lead:40px}
.part::after{content:"";position:absolute;top:50%;height:1.5px;margin-top:-1px;width:var(--lead);background:repeating-linear-gradient(90deg,var(--grey) 0 9px,transparent 9px 12px,var(--grey) 12px 14px,transparent 14px 17px);animation:leader-in .16s linear both;animation-delay:1s}
.bench-side-left .part::after{left:100%}
.bench-side-right .part::after{right:100%}
.part-fly{display:block;animation:fly-out .42s var(--move) both;animation-delay:calc(var(--i) * 45ms + 180ms)}
.part-body{display:block;transition:transform var(--t-snap) var(--move),filter var(--t-snap) linear}
.part-art{display:block;width:132px;height:99px;overflow:visible;--sw:2}
.part-tag{display:flex;align-items:center;gap:8px;width:176px;max-width:100%;min-width:0}
.bench-side-left .part-tag{order:-1;justify-self:start}
.bench-side-right .part-tag{justify-self:end}
.part-name{font-family:var(--slab);font-weight:700;font-size:18px;line-height:1;padding-top:3px;min-width:0;overflow-wrap:normal;hyphens:manual}
.part-name small{display:block;font-family:var(--sans);font-weight:400;font-size:13.5px;color:var(--grey);line-height:1.2;margin-top:2px}
.part-short{display:none}
.part:hover .part-body,.part:focus-visible .part-body,.part.is-called .part-body{transform:translateY(-6px) rotate(-2deg);filter:drop-shadow(5px 8px 0 rgba(20,23,26,.16))}
.part:hover .pos,.part:focus-visible .pos,.part.is-called .pos{background:var(--ink);color:#fff}
.part:focus-visible{outline-offset:4px}
@keyframes fly-out{from{transform:translate(var(--fx),var(--fy)) scale(.3);opacity:0}}
@keyframes rise{from{transform:translateY(-30px) scale(.6);opacity:0}}
@keyframes leader-in{from{opacity:0}}
@keyframes door-open{from{transform:scaleX(.04)}}

.cabinet{grid-column:2;grid-row:2;position:relative;z-index:2;align-self:start;background:var(--paper);border:3px solid var(--ink)}
.cabinet::before,.cabinet::after{content:"";position:absolute;bottom:-17px;width:64px;height:14px;border:3px solid var(--ink);border-top:0;background:var(--shade)}
.cabinet::before{left:34px}
.cabinet::after{right:34px}
.cabinet-door{position:absolute;right:100%;top:-10px;width:30px;height:calc(100% + 20px);margin-right:3px;transform-origin:right center;animation:door-open .4s var(--move) both;overflow:visible}
.cabinet-head{display:flex;justify-content:space-between;align-items:center;gap:14px;background:var(--ink);color:#fff;padding:10px 14px 7px;font-family:var(--slab);font-weight:600;font-size:14px;letter-spacing:.07em;text-transform:uppercase;line-height:1.1}
.cabinet-head > span:first-child{flex:none}
.readout{color:var(--yellow);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.cabinet-wiring{height:10px;background:linear-gradient(90deg,var(--yellow) 0 25%,var(--blue) 25% 50%,var(--green) 50% 75%,var(--violet) 75%);border-bottom:var(--rule) solid var(--ink)}
.finder-form{padding:10px 22px 14px;border-bottom:1px solid var(--hair)}
.finder-ask{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.finder-ask label{font-family:var(--slab);font-weight:800;font-size:26px;line-height:1;padding-top:3px}
.finder-field{display:flex}
.finder-field input{flex:1;min-width:0;height:46px;border:var(--rule) solid var(--ink);border-right:0;padding:0 14px;font-size:18px;background:#fff;border-radius:0}
.finder-field input::placeholder{color:var(--grey)}
.finder-field .btn{height:46px;padding:3px 16px 0}
.finder-result{padding:12px 22px 14px;position:relative}
.pin-toggle{position:absolute;opacity:0;width:1px;height:1px}
.result-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.result-head h2,.result-name{margin:0;font-family:var(--slab);font-weight:800;font-size:32px;line-height:1;min-width:0}
.pin-switch{display:inline-flex;align-items:center;gap:10px;flex:none;font-size:16px;font-weight:700;line-height:1.5;cursor:pointer;user-select:none}
.pin-track{width:44px;height:24px;flex:none;border:var(--rule) solid var(--ink);position:relative;background:#fff;transition:background-color .2s}
.pin-track::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--ink);transition:transform .2s var(--move)}
.pin-toggle:checked ~ .result-head .pin-track{background:var(--blue)}
.pin-toggle:checked ~ .result-head .pin-track::after{transform:translateX(20px);background:#fff}
.result-facts{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;padding-top:8px}
.result-facts div{display:flex;align-items:baseline;gap:8px;padding:3px 0}
.result-facts dt{color:var(--grey);font-size:15px;line-height:1.2;flex:none}
.result-facts div::before{content:"";order:1;flex:1;border-bottom:1.5px dotted var(--grey);transform:translateY(-4px)}
.result-facts dd{order:2;font-family:var(--slab);font-weight:700;font-size:19px;line-height:1.1}

.scale-cap{padding-top:10px;font-size:13px;color:var(--grey)}
.scale{position:relative;height:86px;margin:4px 30px 0;transition:height .3s}
.scale-rule{position:absolute;left:-14px;right:-14px;top:28px;height:26px;border:var(--rule) solid var(--ink);background:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 7.1428%) 14px 0/calc(100% - 28px) 8px no-repeat,var(--tint)}
.scale-marks li{position:absolute;left:var(--at);top:0;height:100%}
.scale-marks li::before{content:"";position:absolute;left:-1.5px;top:21px;width:3px;height:40px;background:var(--ink)}
.scale-marks li::after{content:"";position:absolute;left:-7px;top:34px;width:14px;height:14px;background:var(--yellow);border:var(--rule) solid var(--ink)}
.mark-value{position:absolute;left:0;transform:translateX(-50%);white-space:nowrap;font-family:var(--slab);font-weight:700;font-size:18.5px;line-height:1;font-variant-numeric:tabular-nums}
.mark-up .mark-value{top:0}
.mark-down .mark-value{top:67px}
.pinned-plates{position:absolute;top:86px;left:0;transform:translateX(-62%);display:none;flex-direction:column;gap:5px;align-items:center;padding-top:14px}
.pinned-plates::before{content:"";position:absolute;left:62%;top:0;width:2px;height:14px;background:var(--ink)}
.pin-toggle:checked ~ .scale-box .scale{height:172px}
.pin-toggle:checked ~ .scale-box .pinned-plates{display:flex}
.pin-toggle:checked ~ .scale-box .is-pinned::after{background:var(--blue)}
.state-with{display:none}
.pin-toggle:checked ~ .state-with{display:block}
.pin-toggle:checked ~ .state-plain{display:none}
.result-note{margin-top:10px;font-size:15px;line-height:1.45}
.plate{display:inline-block;position:relative;border:var(--rule) solid var(--ink);background:#fff;font-family:var(--slab);font-weight:700;font-size:18.5px;line-height:1;padding:8px 20px 6px;white-space:nowrap}
.plate::before,.plate::after{content:"";position:absolute;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:var(--ink)}
.plate::before{left:7px}
.plate::after{right:7px}
.bench-caption{margin-top:34px;display:flex;gap:12px;align-items:baseline;border-top:1px solid var(--ink);padding-top:10px}
.bench-caption strong{font-family:var(--slab);font-weight:700;font-size:18px;white-space:nowrap}


.stock{padding:56px 0 76px;background:var(--paper)}
.stock-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:start}
.stock h2{font-family:var(--slab);font-weight:800;font-size:clamp(32px,3.3vw,48px);line-height:.98;letter-spacing:-.012em}

.slot-figure{background:var(--paper);border:var(--rule) solid var(--ink)}
.slot-fill{display:block;aspect-ratio:var(--ratio,16/9);background:
  linear-gradient(to top right,transparent calc(50% - .5px),rgba(20,23,26,.22) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)),
  linear-gradient(to bottom right,transparent calc(50% - .5px),rgba(20,23,26,.22) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)),
  var(--shade)}
.slot-figure figcaption{display:flex;gap:10px;align-items:baseline;justify-content:space-between;flex-wrap:wrap;border-top:var(--rule) solid var(--ink);padding:8px 12px 6px;font-size:15px;line-height:1.35}
.slot-figure figcaption strong{font-family:var(--slab);font-weight:700;font-size:17px}
.slot-figure figcaption span{color:var(--grey)}

.sheet{border-top:16px solid var(--tone);padding:54px 0 84px;position:relative}
.sheet:nth-of-type(odd){background:var(--paper)}
.sheet-head{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:56px;align-items:end}
.sheet:nth-of-type(even) .sheet-head{grid-template-columns:minmax(0,1fr) minmax(0,420px)}
.sheet:nth-of-type(even) .mat{order:2}
.mat{position:relative;aspect-ratio:4/3;border:var(--rule) solid var(--ink);background:
  linear-gradient(rgba(20,23,26,.11) 1px,transparent 1px) 0 0/100% 24px,
  linear-gradient(90deg,rgba(20,23,26,.11) 1px,transparent 1px) 0 0/24px 100%,
  var(--tint)}
.mat-no{position:absolute;left:-2px;top:-2px;display:flex;align-items:center;justify-content:center;width:92px;height:92px;background:var(--tone);color:var(--on-tone);border:var(--rule) solid var(--ink);font-family:var(--slab);font-weight:800;font-size:72px;line-height:1;padding-top:10px;z-index:1}
.mat-art{position:absolute;left:12%;top:11%;width:80%;height:80%;overflow:visible;--sw:3}
.js .mat-art{opacity:0;transform:translateX(-56px) rotate(-5deg) scale(.9);transition:opacity .2s linear,transform var(--t-seat) var(--move)}
.js .sheet:nth-of-type(even) .mat-art{transform:translateX(56px) rotate(5deg) scale(.9)}
.js .sheet.is-seated .mat-art{opacity:1;transform:none}
.mat-plate{position:absolute;right:10px;bottom:10px;background:var(--paper);border:var(--rule) solid var(--ink);padding:5px 10px 2px;font-family:var(--slab);font-weight:700;font-size:16px;line-height:1.1}
.group-mark{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.sheet h2{font-family:var(--slab);font-weight:800;font-size:clamp(34px,3.7vw,56px);line-height:.96;letter-spacing:-.015em;max-width:15em}
.sheet-body,.more-body{display:grid;grid-template-columns:minmax(0,var(--measure)) minmax(260px,1fr);gap:30px 64px;align-items:start}
.sheet-body{margin-top:40px}
.wide{grid-column:1/-1;min-width:0}
.prose p + p{margin-top:16px}
.prose h3{font-family:var(--slab);font-weight:700;font-size:26px;line-height:1.05;margin:26px 0 8px}
.side{display:flex;flex-direction:column;gap:18px;min-width:0}
.sheet-body > .side,.more-body > .side{align-self:stretch}
.side > .detail,.side > .readings,.side > .marks,.side > .points-note,.side > .slot-figure{flex:1 0 auto}
.side > .slot-figure{display:flex;flex-direction:column}
.side > .slot-figure .slot-fill{flex:1 0 auto}
.actions{display:flex;flex-wrap:wrap;gap:12px}

.note{position:relative;background:var(--paper);border:var(--rule) solid var(--ink);padding:40px 18px 16px;clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%,0 22px);font-size:16.5px;line-height:1.5}
.note::before{content:"";position:absolute;top:10px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;border:var(--rule) solid var(--ink);background:var(--ground)}
.note::after{content:"";position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(135deg,var(--ink) 0 17px,transparent 17px) 0 0/30px 30px no-repeat,
  linear-gradient(225deg,var(--ink) 0 17px,transparent 17px) 100% 0/30px 30px no-repeat}
.note-label{display:flex;align-items:center;gap:9px;margin-bottom:6px}

.panel{background:var(--paper);border:var(--rule) solid var(--ink);padding:6px 22px 8px}
.spec{width:100%;border-collapse:collapse}
.spec th{font-family:var(--slab);font-weight:700;font-size:15.5px;letter-spacing:.08em;text-transform:uppercase;text-align:left;padding:13px 14px 8px 0;border-bottom:var(--rule) solid var(--ink);vertical-align:bottom;line-height:1.15}
.spec td{padding:13px 14px 11px 0;border-bottom:1px solid var(--hair);vertical-align:middle}
.spec tbody th{letter-spacing:0;text-transform:none;padding:13px 14px 9px 0;border-bottom:1px solid var(--hair);vertical-align:middle}
.spec tr:last-child td,.spec tbody tr:last-child th{border-bottom:0}
.spec .figure{font-family:var(--slab);font-weight:700;font-size:23px;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}
.unknown{color:var(--grey)}
.proven{display:inline-flex;align-items:center;gap:8px;font-weight:700}
.proven::before{content:"";width:13px;height:13px;background:var(--tone);border:var(--rule) solid var(--ink);flex:none}
.chip{display:inline-flex;align-items:center;border:var(--rule) solid var(--ink);font-family:var(--slab);font-weight:800;font-size:18px;line-height:1;padding:9px 13px 7px;text-decoration:none;background:#fff;transition:background-color .2s,color .2s}
a.chip:hover,a.chip:focus-visible{background:var(--tone);color:var(--on-tone)}
.version-bar{display:block;height:14px;border:var(--rule) solid var(--ink);background:linear-gradient(var(--tone),var(--tone)) left/var(--fill) 100% no-repeat,#fff;min-width:120px}

.settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:var(--rule) solid var(--ink);background:var(--paper)}
.settings li{padding:20px 22px 20px;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);position:relative}
.settings li:nth-child(3n){border-right:0}
.settings li:nth-last-child(-n+3){border-bottom:0}
.settings li::before{content:"";position:absolute;left:22px;top:-2px;width:46px;height:8px;background:var(--tone)}
.setting-name{display:block;margin-bottom:6px;color:var(--grey)}
.setting-value{display:block;font-family:var(--slab);font-weight:800;font-size:29px;line-height:1;margin-bottom:8px}
.settings p{font-size:16.5px;line-height:1.5}

.lesson-formats{display:flex;flex-wrap:wrap;gap:6px 8px}
.format{display:inline-block;border:1.5px solid var(--ink);background:var(--paper);font-size:14.5px;font-weight:700;line-height:1;padding:6px 8px 5px;white-space:nowrap}

.points-note{display:flex;align-items:center;gap:14px;background:var(--paper);border:var(--rule) solid var(--ink);padding:14px 16px 12px}
.points-note svg{width:96px;height:72px;flex:none;overflow:visible}
.points-note strong{font-family:var(--slab);font-weight:700;font-size:21px;line-height:1.1;display:block}
.points-note .fine{display:block;margin-bottom:4px}

.fuses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:var(--rule) solid var(--ink);background:var(--paper)}
.fuses li{padding:20px 20px 20px;border-right:1px solid var(--hair);display:flex;flex-direction:column;gap:8px}
.fuses li:last-child{border-right:0}
.fuse-id{display:inline-flex;align-self:flex-start;background:var(--tone);color:var(--on-tone);border:var(--rule) solid var(--ink);font-family:var(--slab);font-weight:800;font-size:17px;line-height:1;padding:6px 9px 3px;letter-spacing:.06em}
.fuses h3{font-family:var(--slab);font-weight:700;font-size:27px;line-height:1.02}
.fuses p{font-size:16.5px;line-height:1.5;flex:1}
.fuses .ref{align-self:flex-start}

.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:var(--rule) solid var(--ink);counter-reset:step}
.steps li{padding:18px 24px 0 0;counter-increment:step;font-size:16.5px;line-height:1.5}
.steps li + li{padding-left:24px;border-left:1px solid var(--hair)}
.steps h3{font-family:var(--slab);font-weight:700;font-size:25px;line-height:1.05;margin-bottom:6px}
.steps h3::before{content:counter(step) ". ";color:var(--tone)}




.job-tag-row{padding:8px 22px 0}
.job-tag{display:inline-flex;align-items:center;gap:8px;max-width:100%;position:relative;text-decoration:none;background:var(--tint);border:var(--rule) solid var(--ink);padding:4px 10px 2px 28px;transform:rotate(-1deg);transform-origin:left center;transition:transform .25s var(--move),background-color .2s,color .2s}
.job-tag::before{content:"";position:absolute;left:8px;top:50%;width:11px;height:11px;margin-top:-6px;border-radius:50%;border:var(--rule) solid var(--ink);background:var(--paper)}
.job-tag::after{content:"";width:9px;height:13px;flex:none;background:linear-gradient(currentColor,currentColor) center top/2px calc(100% - 2px) no-repeat;border-bottom:2px solid currentColor;transition:height .25s var(--move)}
.job-tag .caps{font-size:13px;letter-spacing:.07em;padding-top:2px}
.job-tag-game{font-family:var(--slab);font-weight:800;font-size:17px;line-height:1;padding-top:3px;white-space:nowrap}
.job-tag:hover,.job-tag:focus-visible,.job-tag.is-called{transform:rotate(0);background:var(--tone);color:var(--on-tone)}
.job-tag:hover::after,.job-tag:focus-visible::after{height:18px}

.weekly{border-top:16px solid var(--tone);padding:54px 0 80px;background:linear-gradient(rgba(20,23,26,.08) 1px,transparent 1px) 0 0/100% 24px,linear-gradient(90deg,rgba(20,23,26,.08) 1px,transparent 1px) 0 0/24px 100%,var(--tint)}
.weekly-no{display:flex;align-items:center;justify-content:center;width:92px;height:92px;background:var(--tone);color:var(--on-tone);border:var(--rule) solid var(--ink);font-family:var(--slab);font-weight:800;font-size:72px;line-height:1;padding-top:10px}
.weekly h2{font-family:var(--slab);font-weight:800;font-size:clamp(34px,3.7vw,56px);line-height:.96;letter-spacing:-.015em}
.weekly-parts{display:flex;flex-wrap:wrap;gap:6px 8px;margin-top:10px}
.weekly-parts a{display:inline-block;border:1.5px solid var(--ink);background:var(--paper);font-size:14.5px;font-weight:700;line-height:1;padding:6px 8px 5px;text-decoration:none;transition:background-color .2s,color .2s}
.weekly-parts a:hover,.weekly-parts a:focus-visible{background:var(--ink);color:#fff}

.job-card{background:var(--paper);border:3px solid var(--ink);box-shadow:10px 10px 0 rgba(20,23,26,.16)}
.job-card-head{display:flex;align-items:center;gap:14px;background:var(--tone);color:var(--on-tone);border-bottom:var(--rule) solid var(--ink);padding:10px 20px 7px}
.job-card-head::before{content:"";width:18px;height:18px;flex:none;border-radius:50%;border:var(--rule) solid var(--ink);background:#E3EADB;transform:translateY(-2px)}
.job-card-stand{margin-left:auto;font-size:15px;white-space:nowrap}
.job-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);border-bottom:var(--rule) solid var(--ink)}
.job-info{padding:24px 26px 24px;min-width:0}
.job-info h3{font-family:var(--slab);font-weight:800;font-size:clamp(40px,4.6vw,68px);line-height:.92;letter-spacing:-.018em;margin:8px 0 12px}
.job-blurb{font-size:17px;line-height:1.5;max-width:47ch;margin-top:12px}
.facts-list{max-width:420px}
.facts-list div{display:flex;align-items:baseline;gap:8px;padding:5px 0}
.facts-list dt{color:var(--grey);font-size:15.5px;flex:0 1 auto}
.facts-list div::before{content:"";order:1;flex:1;min-width:14px;border-bottom:1.5px dotted var(--grey);transform:translateY(-4px)}
.facts-list dd{order:2;font-family:var(--slab);font-weight:700;font-size:19px;line-height:1.1;text-align:right}
.job-top .slot-figure{border:0;border-left:var(--rule) solid var(--ink);display:flex;flex-direction:column;min-width:0}
.job-top .slot-fill{flex:1;aspect-ratio:auto;min-height:250px}
.job-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.job-steps li{padding:20px 22px 22px;border-right:1px solid var(--hair);min-width:0}
.job-steps li:last-child{border-right:0}
.step-mat{position:relative;height:150px;border:var(--rule) solid var(--ink);background:linear-gradient(rgba(20,23,26,.08) 1px,transparent 1px) 0 0/100% 24px,linear-gradient(90deg,rgba(20,23,26,.08) 1px,transparent 1px) 0 0/24px 100%,var(--tint);display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.step-mat svg{width:168px;height:126px;overflow:visible;--sw:2.4;transition:transform var(--t-snap) var(--move)}
.job-steps li:hover .step-mat svg{transform:translateY(-6px) rotate(-2deg)}
.step-mat .pos{position:absolute;left:-2px;top:-2px}
.job-steps h4{font-family:var(--slab);font-weight:700;font-size:24px;line-height:1.05;margin:5px 0 6px}
.job-steps p{font-size:16.5px;line-height:1.5}
.job-steps .caps{font-size:15.5px;line-height:1.2;color:var(--grey)}
.job-foot{display:flex;align-items:center;justify-content:space-between;gap:14px 24px;flex-wrap:wrap;border-top:2px dashed var(--ink);padding:16px 22px 16px}
.job-foot p{font-size:16px;line-height:1.4;max-width:47ch}


.weekly .prose{background:var(--paper);border:var(--rule) solid var(--ink);padding:20px 18px 20px}
.weekly .prose h3{margin-top:0}

.stamp-book{position:relative;background:var(--paper);border:3px solid var(--ink);border-left-width:22px;padding:18px 20px 16px;box-shadow:8px 8px 0 rgba(20,23,26,.16)}
.stamp-book::before,.stamp-book::after{content:"";position:absolute;left:-15px;width:8px;height:26px;background:var(--paper);border:1.5px solid var(--ink)}
.stamp-book::before{top:22%}
.stamp-book::after{bottom:22%}
.stamp-cover{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;align-items:flex-end;border-bottom:var(--rule) solid var(--ink);padding-bottom:12px}
.stamp-cover h3{font-family:var(--slab);font-weight:800;font-size:44px;line-height:.9;padding-top:6px}
.stamp-owner{font-size:15px;line-height:1.2;border:1.5px solid var(--ink);padding:6px 9px 5px;background:var(--tint)}
.stamp-cover .fine{flex-basis:100%}
.stamp-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:16px 10px;padding:18px 0 14px}
.stamp-fields li{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;min-width:0}
.stamp-ring{display:flex;align-items:center;justify-content:center;width:78px;height:78px;border-radius:50%;border:2px dashed var(--grey);background:linear-gradient(rgba(20,23,26,.08) 1px,transparent 1px) 0 0/100% 24px,linear-gradient(90deg,rgba(20,23,26,.08) 1px,transparent 1px) 0 0/24px 100%,#fff;font-family:var(--slab);font-weight:800;font-size:34px;line-height:1;color:var(--hair);padding-top:5px}
.stamp-name{font-family:var(--slab);font-weight:700;font-size:17px;line-height:1.1;max-width:100%;overflow-wrap:anywhere;hyphens:auto}
.stamp-name small{display:block;font-family:var(--sans);font-weight:400;font-size:14px;color:var(--grey);line-height:1.25;margin-top:2px}
.stamp-foot{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;justify-content:space-between;border-top:1px solid var(--hair);padding-top:10px}

.shelf{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:20px 40px;align-items:end;margin-top:40px}
.shelf-head h3{font-family:var(--slab);font-weight:800;font-size:40px;line-height:.95}
.shelf-head .fine{margin:8px 0 12px}
.shelf-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0 18px;border-bottom:10px solid var(--ink);position:relative}
.shelf-row::before,.shelf-row::after{content:"";position:absolute;top:100%;margin-top:10px;width:16px;height:22px;background:var(--ink);clip-path:polygon(0 0,100% 0,100% 100%)}
.shelf-row::before{left:40px}
.shelf-row::after{right:40px;transform:scaleX(-1)}
.shelf-row .slot-fill{background:
  linear-gradient(to top right,transparent calc(50% - .5px),rgba(20,23,26,.2) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)),
  linear-gradient(to bottom right,transparent calc(50% - .5px),rgba(20,23,26,.2) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)),
  var(--tone)}

.detail{display:flex;flex-direction:column;gap:var(--rule);background:var(--ink);border:var(--rule) solid var(--ink)}
.detail-mat{display:flex;align-items:center;justify-content:center;padding:16px;min-height:176px;background:linear-gradient(rgba(20,23,26,.08) 1px,transparent 1px) 0 0/100% 24px,linear-gradient(90deg,rgba(20,23,26,.08) 1px,transparent 1px) 0 0/24px 100%,var(--tint)}
.detail-mat svg{width:100%;max-width:176px;height:auto;aspect-ratio:4/3;overflow:visible;--sw:2.4}
.readings{background:var(--paper);border:var(--rule) solid var(--ink);padding:14px 18px 10px}
.readings .caps{display:flex;align-items:center;gap:9px;margin-bottom:4px}
.readings .facts-list{max-width:none}
.marks{background:var(--paper);border:var(--rule) solid var(--ink);padding:16px 18px 14px;display:grid;gap:12px}


@media (max-width:1000px){
  .opening-head{grid-template-columns:minmax(0,1fr);gap:10px;margin-bottom:16px}
  .bench{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:8px;width:100%;max-width:640px;margin-inline:auto}
  .bench-side,.cabinet,.finder-result{display:contents}
  .cabinet-door{display:none}
  .cabinet-head,.cabinet-wiring,.finder-form,.result-head,.result-facts,.scale-box{grid-column:1/-1;border-inline:3px solid var(--ink)}
  .finder-form,.result-head,.result-facts,.scale-box{background:var(--paper)}
  .cabinet-head{order:1;border-top:3px solid var(--ink)}
  .cabinet-wiring{order:2}
  .finder-form{order:3}
  .result-head{order:4;padding:12px 22px 0}
  .result-facts{order:5;padding:8px 22px 0}
  .scale-box{order:6;position:relative;padding:0 22px 14px;border-bottom:3px solid var(--ink)}
  .scale-box::before,.scale-box::after{content:"";position:absolute;top:100%;margin-top:3px;width:56px;height:12px;border:3px solid var(--ink);border-top:0;background:var(--shade)}
  .scale-box::before{left:28px}
  .scale-box::after{right:28px}
  .bench-key{order:7;height:auto;margin:28px 0 8px}
  .bench .part{order:8;display:flex;flex-direction:column;align-items:center;gap:3px;align-self:stretch;margin:0 0 8px;padding:12px 3px 6px;background:var(--paper);border:1.5px solid var(--ink)}
  .bench .part::after{display:none}
  .bench .part-fly{animation-name:rise;width:100%;max-width:96px}
  .bench .part-art{width:100%;height:auto;aspect-ratio:4/3}
  .bench .part-tag{order:0;justify-self:auto;width:auto;display:block;text-align:center}
  .bench .part .pos{position:absolute;left:-1.5px;top:-1.5px;min-width:22px;height:22px;border-width:1.5px;font-size:15px;padding:2px 3px 0}
  .bench .part-name{display:none}
  .bench .part-short{display:block;font-size:14px;font-weight:700;line-height:1.2}
  .result-note{order:9;grid-column:1/-1;margin-top:10px;background:var(--paper);border:var(--rule) solid var(--ink);padding:12px 14px 12px}
  .job-tag-row{order:10;grid-column:1/-1;padding:14px 0 0}
}
@media (max-width:1020px){
  .stock-grid{grid-template-columns:minmax(0,1fr);gap:36px}
  .sheet-head,.sheet:nth-of-type(even) .sheet-head{grid-template-columns:minmax(0,1fr);gap:26px}
  .sheet:nth-of-type(even) .mat{order:0}
  .mat{aspect-ratio:16/9;max-width:560px}
  .mat-art{left:20%;top:8%;width:68%;height:84%}
  .sheet-body,.more-body{grid-template-columns:minmax(0,1fr)}
  .settings{grid-template-columns:1fr 1fr}
  .settings li:nth-child(3n){border-right:1px solid var(--hair)}
  .settings li:nth-child(even){border-right:0}
  .settings li:nth-last-child(-n+3){border-bottom:1px solid var(--hair)}
  .settings li:nth-last-child(-n+2){border-bottom:0}
  .fuses{grid-template-columns:1fr 1fr}
  .fuses li:nth-child(even){border-right:0}
  .fuses li:nth-child(-n+2){border-bottom:1px solid var(--hair)}
}
@media (max-width:760px){
  :root{--gutter:16px}
  body{font-size:17px}
  .opening{padding:10px 0 44px}
  .opening > .wrap{display:flex;flex-direction:column}
  .opening-head{display:contents}
  h1{margin-bottom:10px}
  .bench{order:1;column-gap:6px}
  .opening-aside{order:2;margin-top:24px}
  .bench-caption{order:3;flex-direction:column;gap:2px;margin-top:24px}
  .lede{font-size:16px}
  .cabinet-head{font-size:13px;padding:8px 12px 5px}
  .readout{display:none}
  .finder-form{padding:10px 14px 10px}
  .finder-ask{margin-bottom:6px;gap:8px}
  .finder-ask .pos{min-width:30px;height:30px;font-size:18px}
  .finder-ask label{font-size:22px}
  .finder-field input{font-size:17px;padding-inline:10px}
  .result-head{padding:8px 14px 0;align-items:center;gap:10px}
  .result-head h2,.result-name{font-size:24px}
  .pin-switch{min-height:44px;gap:8px;font-size:15px}
  .result-facts{padding:2px 14px 0;column-gap:16px}
  .result-facts div{display:block;padding:3px 0}
  .result-facts div::before{display:none}
  .result-facts dt{display:block;font-size:13px}
  .result-facts dd{font-size:17px}
  .scale-box{padding:0 14px 12px}
  .scale-box::before,.scale-box::after{width:44px}
  .scale-cap{padding-top:8px;font-size:12.5px}
  .scale{margin:2px 36px 0}
  .mark-value{font-size:16px}
  .bench-key{margin:24px 0 6px;gap:6px;font-size:13.5px}
  .bench-key strong{font-size:15px;letter-spacing:0;text-transform:none;padding-top:1px}
  .bench-key::after{display:none}
  .bench .part{padding:12px 2px 4px;gap:2px}
  .bench .part .pos{min-width:20px;height:20px;font-size:14px}
  .bench .part-short{font-size:12.5px}
  .job-tag{min-height:44px}
  .stock{padding:38px 0 50px}
  .sheet{padding:34px 0 56px;border-top-width:12px}
  .mat-no{width:68px;height:68px;font-size:52px}
  .sheet-body{margin-top:28px;gap:28px}
  .panel{padding:2px 14px 4px}
  .settings{grid-template-columns:1fr}
  .settings li,.settings li:nth-child(3n){border-right:0;border-bottom:1px solid var(--hair)}
  .settings li:nth-last-child(-n+2){border-bottom:1px solid var(--hair)}
  .settings li:last-child{border-bottom:0}
  .fuses{grid-template-columns:1fr}
  .fuses li{border-right:0;border-bottom:1px solid var(--hair)}
  .fuses li:last-child{border-bottom:0}
  .steps{grid-template-columns:1fr}
  .steps li + li{padding-left:0;border-left:0}
}
@media (max-width:1020px){
  .job-top{grid-template-columns:minmax(0,1fr)}
  .job-top .slot-figure{border-left:0;border-top:var(--rule) solid var(--ink)}
  .shelf{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .weekly{padding:34px 0 54px;border-top-width:12px}
  .weekly-no{width:68px;height:68px;font-size:52px}
  .job-card{box-shadow:5px 5px 0 rgba(20,23,26,.16)}
  .job-card-head{padding-inline:14px;flex-wrap:wrap;gap:4px 12px}
  .job-info{padding:18px 14px 18px}
  .job-steps{grid-template-columns:minmax(0,1fr)}
  .job-steps li{border-right:0;border-bottom:1px solid var(--hair);padding:16px 14px 18px}
  .job-steps li:last-child{border-bottom:0}
  .step-mat{height:124px}
  .step-mat svg{width:136px;height:102px}
  .job-foot{flex-direction:column;align-items:stretch;padding:14px}
  .job-foot .btn{justify-content:center}
  .weekly .prose{padding:16px 14px}
  .stamp-book{border-left-width:16px;padding:14px 14px 12px;box-shadow:5px 5px 0 rgba(20,23,26,.16)}
  .stamp-book::before,.stamp-book::after{left:-12px;width:6px}
  .stamp-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shelf{margin-top:30px}
  .shelf-head h3{font-size:32px}
  .shelf-row{gap:8px;padding:0 6px;border-bottom-width:8px}
  .detail-mat{min-height:140px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .mat-art,.js .sheet:nth-of-type(even) .mat-art{opacity:1;transform:none}
}
:root{--head-h:0px;--mast-h:72px;--consent-h:0px}
html{scroll-padding-bottom:var(--consent-h,0px)}
[id]{scroll-margin-top:76px}
.page-top{position:absolute;left:0;top:0;width:1px;height:1px}
main:focus{outline:0}
.label-short{display:none}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;border:var(--rule) solid var(--ink);background:var(--ink);color:#fff;font-family:var(--slab);font-weight:700;font-size:20px;line-height:1;padding:11px 18px 8px;text-decoration:none;cursor:pointer;transition:background-color var(--t-snap) linear,color var(--t-snap) linear,transform var(--t-snap) var(--move)}
.btn::after{content:"";width:16px;height:9px;flex:none;background:linear-gradient(currentColor,currentColor) left center/calc(100% - 2px) 2px no-repeat;border-right:2px solid currentColor;transition:width var(--t-move) var(--move)}
.btn:hover,.btn:focus-visible{background:var(--tone);color:var(--on-tone)}
.btn:hover::after,.btn:focus-visible::after{width:30px}
.btn:active{transform:translateY(2px);box-shadow:inset 0 3px 0 rgba(20,23,26,.3)}
.btn-line{background:var(--paper);color:var(--ink)}
.btn-quiet{border-color:transparent;background:linear-gradient(var(--tone),var(--tone)) left calc(100% - 7px)/100% 4px no-repeat;color:var(--ink);padding-inline:2px}
.btn-quiet:hover,.btn-quiet:focus-visible{background:linear-gradient(var(--tone),var(--tone)) left calc(100% - 7px)/100% calc(100% - 14px) no-repeat;color:var(--on-tone)}
.btn-quiet:active{box-shadow:none}
.btn-flat::after{display:none}
.btn-up::after{transform:rotate(-90deg)}
.ref,.prose a{font-weight:700;text-decoration:none;background:linear-gradient(var(--tone),var(--tone)) left bottom/100% 4px no-repeat;box-shadow:0 1px 0 var(--ink);padding-bottom:1px;transition:background-size var(--t-move) var(--move),color var(--t-snap) linear}
.ref:hover,.ref:focus-visible,.prose a:hover,.prose a:focus-visible{background-size:100% 100%;color:var(--on-tone)}
.ref:active,.prose a:active{background-size:100% 100%;color:var(--on-tone);box-shadow:0 3px 0 var(--ink)}

.flap{position:relative;display:inline-block;width:24px;height:16px;flex:none;border:var(--rule) solid var(--ink);background:var(--paper)}
.flap::after{content:"";position:absolute;inset:1px;background:var(--tone);border:1.5px solid var(--ink);transform-origin:left center;transition:transform var(--t-move) var(--move)}
details[open] > summary .flap::after{transform:scaleX(.24)}
.stamp{display:inline-block;border:var(--rule) solid var(--violet);box-shadow:0 0 0 2px var(--paper),0 0 0 3px var(--violet);color:var(--violet);background:var(--paper);font-family:var(--slab);font-weight:700;font-size:15px;letter-spacing:.08em;text-transform:uppercase;line-height:1;padding:6px 10px 3px;white-space:nowrap;transform:rotate(-2.5deg)}

.masthead{position:relative;z-index:45;background:var(--paper);border-bottom:3px solid var(--ink)}
.js .masthead{position:sticky;top:0;transition:top var(--t-move) var(--move)}
.js .masthead.is-away{top:calc(-8px - var(--mast-h,72px))}
.js .masthead.is-compact{margin-bottom:14px}
.masthead-row{display:flex;align-items:center;gap:18px;min-height:66px}
.js .masthead.is-compact .masthead-row{min-height:52px}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;flex:none;min-width:0}
.brand svg{width:44px;height:44px;flex:none}
.brand-word{font-family:var(--slab);font-weight:800;font-size:31px;letter-spacing:-.01em;line-height:1;padding-top:4px;white-space:nowrap}
.brand-word span{font-weight:500;color:var(--grey)}
.js .masthead.is-compact .brand svg{width:34px;height:34px}
.js .masthead.is-compact .brand-word{font-size:25px}
.site-nav{margin-left:auto;min-width:0}
.site-nav ul{display:flex;gap:2px}
.site-nav a{display:block;padding:11px 9px 9px;font-family:var(--slab);font-weight:600;font-size:19px;line-height:1;text-decoration:none;white-space:nowrap;background:linear-gradient(var(--tone),var(--tone)) left bottom/0 5px no-repeat;transition:background-size var(--t-move) var(--move)}
.site-nav a:hover,.site-nav a:focus-visible{background-size:100% 5px}
.menu-head,.menu-profile,.menu-button{display:none}
.disclosure{flex:none}
.disclosure summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer;list-style:none}
.disclosure summary::-webkit-details-marker{display:none}
.disclosure-short{display:none}
.age-mark{font-family:var(--slab);font-weight:800;font-size:15px;border:var(--rule) solid var(--ink);padding:4px 7px 1px;line-height:1}
.disclosure-panel{position:absolute;left:0;right:0;top:100%;margin-top:3px;max-height:calc(100vh - 90px);overflow:auto;background:var(--paper);border-bottom:3px solid var(--ink);box-shadow:0 8px 0 rgba(20,23,26,.14);padding:16px max(var(--gutter),calc(50% - var(--wrap) / 2 + var(--gutter))) 20px}
.disclosure-text{max-width:100ch;columns:2;column-gap:48px;column-rule:1px solid var(--hair);font-size:15.5px;line-height:1.5}
.profile-chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;font-size:15px;text-decoration:none;border:1px solid var(--hair);padding:6px 11px;flex:none;transition:border-color var(--t-snap) linear}
.profile-chip::before{content:"";width:9px;height:9px;border:1.5px solid var(--ink);background:var(--yellow)}
.profile-chip:hover,.profile-chip:focus-visible{border-color:var(--ink)}
.menu-button,.menu-close{align-items:center;justify-content:center;min-width:44px;min-height:44px;border:var(--rule) solid var(--ink);background:var(--paper);font-family:var(--slab);font-weight:700;font-size:18px;line-height:1;padding:3px 12px 0;cursor:pointer;flex:none;transition:background-color var(--t-snap) linear}
.menu-close{display:inline-flex}
.menu-button:hover,.menu-close:hover{background:var(--yellow)}
.menu-button:active,.menu-close:active{transform:translateY(2px)}
body.menu-open .masthead{z-index:90}

.rail{position:sticky;top:var(--head-h,0px);z-index:40;background:var(--paper);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);transition:top var(--t-move) var(--move)}
.rail-row{display:flex;align-items:center;gap:16px;min-height:50px}
.rail-title{flex:none}
.rail-stops{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;min-width:0}
.rail-stop{display:inline-flex;align-items:center;text-decoration:none;border:var(--rule) solid var(--ink);background:var(--tone);color:var(--on-tone);font-family:var(--slab);font-weight:800;font-size:18px;line-height:1;height:32px;transition:transform var(--t-snap) var(--move)}
.rail-no{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:3px 4px 0}
.rail-name{display:none;background:var(--paper);color:var(--ink);align-self:stretch;align-items:center;padding:3px 10px 0;border-left:var(--rule) solid var(--ink);font-weight:700;white-space:nowrap}
.rail-stop.is-here .rail-name{display:inline-flex}
.rail-stop:hover,.rail-stop:focus-visible,.rail-stop.is-called{transform:translateY(-4px)}
.rail-ticks{flex:1;align-self:stretch;min-width:20px;background:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 12px) left bottom/100% 9px no-repeat,repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 60px) left bottom/100% 16px no-repeat}
.rail-toggle,.rail-step{display:none}
.rail-top{display:inline-flex;align-items:center;gap:8px;flex:none;height:32px;border:var(--rule) solid var(--ink);background:var(--paper);padding:3px 10px 0;font-family:var(--slab);font-weight:700;font-size:17px;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color var(--t-snap) linear}
.rail-top svg,.rail-step svg{width:13px;height:16px;flex:none;overflow:visible;--sw:2.2;transition:transform var(--t-snap) var(--move)}
.rail-top svg{transform:translateY(-2px)}
.rail-top:hover,.rail-top:focus-visible{background:var(--yellow)}
.rail-top:hover svg,.rail-top:focus-visible svg{transform:translateY(-5px)}
.rail-here{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;flex:none;background:var(--tone);color:var(--on-tone);border:var(--rule) solid var(--ink);font-family:var(--slab);font-weight:800;font-size:19px;line-height:1;padding:3px 4px 0}
.rail-here-name{font-family:var(--slab);font-weight:700;font-size:18px;line-height:1;padding-top:3px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rail-toggle-mark{width:16px;height:12px;flex:none;margin-left:auto;background:repeating-linear-gradient(var(--ink) 0 2px,transparent 2px 5px)}

.answer{max-width:47ch;margin-top:16px;font-size:20px;line-height:1.5}
.answer-mark{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.answer-mark::before{content:"";width:2px;height:14px;flex:none;background:var(--ink)}
.answer-mark::after{content:"";flex:1;height:14px;border-right:2px solid var(--ink);background:linear-gradient(var(--ink),var(--ink)) left center/100% 1.5px no-repeat}
.answer-mark .caps{font-size:14.5px;padding-top:2px}

.more{border-top:var(--rule) solid var(--ink);border-bottom:var(--rule) solid var(--ink)}
.more > summary{display:flex;align-items:center;gap:14px;min-height:58px;padding:4px 0 2px;cursor:pointer;list-style:none}
.more > summary::-webkit-details-marker{display:none}
.more > summary::after{content:"";flex:1;align-self:stretch;min-width:20px;background:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 12px) left bottom/100% 7px no-repeat,repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 60px) left bottom/100% 13px no-repeat}
.more-label{font-family:var(--slab);font-weight:700;font-size:23px;line-height:1;padding-top:4px;background:linear-gradient(var(--tone),var(--tone)) left bottom/0 4px no-repeat;transition:background-size var(--t-move) var(--move)}
.more > summary:hover .more-label,.more > summary:focus-visible .more-label{background-size:100% 4px}
.more-opened,.more[open] .more-closed{display:none}
.more[open] .more-opened{display:inline}
.more-meta{font-size:14px;color:var(--grey);padding-top:3px}
.more-body{padding:26px 0 34px}
.weekly .more{margin-top:40px}

.stock-grid > div > .answer{margin-top:14px}
.index-rows{margin-top:26px;border-top:var(--rule) solid var(--ink);border-bottom:var(--rule) solid var(--ink)}
.index-rows li + li{border-top:1px solid var(--hair)}
.index-row{display:grid;grid-template-columns:34px 168px minmax(0,1fr) 14px;grid-template-areas:"pos part ask go" "pos part answer go";gap:1px 14px;align-items:start;padding:11px 10px 10px 0;text-decoration:none;background:linear-gradient(var(--tone),var(--tone)) left bottom/0 100% no-repeat;transition:background-size var(--t-move) var(--move),color var(--t-snap) linear,padding var(--t-move) var(--move)}
.index-row .pos{grid-area:pos;margin-top:1px}
.index-part{grid-area:part;font-family:var(--slab);font-weight:700;font-size:21px;line-height:1.1;padding-top:6px;min-width:0}
.index-part small{display:block;font-family:var(--sans);font-weight:400;font-size:14px;color:var(--grey);line-height:1.25;margin-top:3px}
.index-ask{grid-area:ask;font-weight:700;font-size:17.5px;line-height:1.3;padding-top:3px}
.index-answer{grid-area:answer;font-size:16px;line-height:1.4}
.index-go{grid-area:go;align-self:center;justify-self:end;width:9px;height:14px;background:linear-gradient(currentColor,currentColor) center top/2px calc(100% - 2px) no-repeat;border-bottom:2px solid currentColor;transition:height var(--t-move) var(--move)}
.index-row:hover,.index-row:focus-visible,.index-row.is-called{background-size:100% 100%;color:var(--on-tone);padding-left:10px;padding-right:0}
.index-row:hover .pos,.index-row:focus-visible .pos,.index-row.is-called .pos{background:var(--ink);color:#fff}
.index-row:hover small,.index-row:focus-visible small,.index-row.is-called small{color:inherit}
.index-row:hover .index-go,.index-row:focus-visible .index-go{height:22px}

.weekly-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px 32px;align-items:start;margin-bottom:34px}
.weekly-head .weekly-parts{margin-top:14px}
.weekly-pair{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:30px 44px;align-items:start;margin-top:38px}
.past .caps{margin-bottom:10px}
.past .actions{margin-top:10px}

.teaser{display:flex;flex-direction:column;height:100%;min-width:0;position:relative;background:var(--paper);border:var(--rule) solid var(--ink);text-decoration:none;transition:transform var(--t-snap) var(--move),box-shadow var(--t-snap) var(--move)}
.teaser:hover{transform:translateY(-6px) rotate(-1.2deg);box-shadow:6px 9px 0 rgba(20,23,26,.16)}
.teaser:focus-visible{transform:translateY(-6px) rotate(-1.2deg)}
.teaser-shot{display:block;position:relative;flex:none;border-bottom:var(--rule) solid var(--ink);background:var(--tone)}
.teaser-shot .slot-fill{background-color:var(--tone)}
.slot-note{position:absolute;left:6px;bottom:6px;background:var(--paper);border:1.5px solid var(--ink);color:var(--ink);font-size:12.5px;line-height:1;padding:4px 6px 3px}
.teaser-text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;padding:12px 14px 12px}
.teaser-kicker{font-family:var(--slab);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;color:var(--grey)}
.teaser-title{font-family:var(--slab);font-weight:700;font-size:24px;line-height:1.06}
.teaser-line{font-size:16px;line-height:1.4}
.teaser-title::after{content:"";display:inline-block;width:14px;height:9px;margin-left:10px;background:linear-gradient(currentColor,currentColor) left center/calc(100% - 2px) 2px no-repeat;border-right:2px solid currentColor;transition:width var(--t-move) var(--move)}
.teaser:hover .teaser-title::after,.teaser:focus-visible .teaser-title::after{width:28px}
.teaser-l .teaser-title{font-size:34px;line-height:1}
.teaser-l .teaser-text{padding:16px 18px 16px;gap:6px}
.teaser-l .teaser-line{font-size:17px}
.teaser-s{flex-direction:row}
.teaser-s .teaser-shot{width:112px;border-bottom:0;border-right:var(--rule) solid var(--ink)}
.teaser-s .slot-fill{height:100%;min-height:86px;aspect-ratio:auto}
.teaser-s .teaser-title{font-size:21px}
.teaser-s .teaser-text{padding:9px 12px 8px;gap:2px}
.teaser-s .teaser-line{font-size:15.5px}
.teaser-list{display:grid;gap:10px}
.lesson-board{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 44px;align-items:start}
.play-board{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px 44px;align-items:start}
.board-lead{display:grid;gap:18px;min-width:0}
.board-lead .teaser,.play-board > .teaser{height:auto}
.shelf-row .teaser{border-bottom:0}

.note-foot{margin-top:12px}
.note-method{padding-bottom:18px}
.note-rows div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:2px 16px;padding:8px 0 7px;border-top:1px solid var(--hair)}
.note-rows div:first-child{border-top:var(--rule) solid var(--ink)}
.note-rows dt{font-family:var(--slab);font-weight:700;font-size:17px;line-height:1.25;padding-top:2px}
.marks-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.helpline{font-family:var(--slab);font-weight:700;font-size:21px;line-height:1.2}
.marks .helpline{font-size:30px;line-height:1}

.proof-marks{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.proof-marks li{display:flex}
.mark-age{display:block;width:44px;height:44px}
.mark-plate{display:flex;align-items:center;justify-content:center;min-height:52px;padding:6px 12px;background:#fff;border:var(--rule) solid var(--ink);transition:background-color var(--t-snap) linear}
.mark-plate img{display:block;width:auto;height:36px}
.mark-plate:hover{background:var(--tint)}
.proof-marks .chip{min-height:52px;font-size:20px;padding:9px 16px 6px}

.operator{display:grid;grid-template-columns:52px minmax(0,290px) minmax(0,1fr) auto;gap:12px 24px;align-items:center;padding:20px 0 16px;border-bottom:var(--rule) solid var(--ink)}
.operator:last-child{border-bottom:0}
.operator-rank{font-family:var(--slab);font-weight:800;font-size:34px;line-height:1;padding-top:5px}
.operator-id{display:flex;align-items:center;gap:14px;min-width:0}
.logo-plate{position:relative;display:flex;align-items:center;justify-content:center;width:108px;height:50px;flex:none;border:var(--rule) solid var(--ink);background:
  linear-gradient(to top right,transparent calc(50% - .5px),rgba(20,23,26,.2) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)),
  linear-gradient(to bottom right,transparent calc(50% - .5px),rgba(20,23,26,.2) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)),
  #fff}
.logo-plate::before,.logo-plate::after{content:"";position:absolute;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:var(--ink)}
.logo-plate::before{left:5px}
.logo-plate::after{right:5px}
.logo-plate span{background:#fff;font-size:12.5px;line-height:1;padding:3px 5px 2px;color:var(--grey)}
.operator-name{font-family:var(--slab);font-weight:700;font-size:25px;line-height:1.05;padding-top:3px;min-width:0}
.operator-keys{display:flex;flex-wrap:wrap;gap:4px 24px;min-width:0}
.operator-keys div{display:flex;align-items:baseline;gap:8px}
.operator-keys dt,.bonus-fields dt{color:var(--grey);font-size:14.5px;line-height:1.25}
.operator-keys dd,.bonus-fields dd{font-family:var(--slab);font-weight:700;font-size:18px;line-height:1.15}
.operator-keys dd.unknown,.bonus-fields dd.unknown{font-family:var(--sans);font-weight:400;font-size:16px}
.operator-go{justify-self:end;white-space:nowrap}
.bonus{grid-column:2/-1;display:grid;grid-template-columns:auto minmax(0,1fr);border:1.5px solid var(--ink);background:var(--paper)}
.bonus-label{display:flex;align-items:center;background:var(--tone);color:var(--on-tone);border-right:1.5px solid var(--ink);padding:3px 12px 0;font-size:14.5px}
.bonus-fields{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.bonus-fields div{padding:7px 10px 5px;min-width:0}
.bonus-fields div + div{border-left:1px solid var(--hair)}
.bonus-fields dt{hyphens:manual}
.operator-terms{grid-column:2/-1;display:flex;flex-wrap:wrap;gap:2px 26px;font-size:15px;color:var(--grey);line-height:1.45}

.compare{width:100%}
.spec .name-col{letter-spacing:0;text-transform:none;font-size:17px}
.fold-cell{display:none}
.fold-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;border:var(--rule) solid var(--ink);background:var(--paper);font-family:var(--slab);font-weight:700;font-size:17px;line-height:1;padding:3px 12px 0;cursor:pointer;white-space:nowrap;transition:background-color var(--t-snap) linear}
.fold-toggle::before{content:"";width:16px;height:10px;flex:none;border:var(--rule) solid var(--ink);background:linear-gradient(var(--tone),var(--tone)) left/100% 100% no-repeat,var(--paper);transition:background-size var(--t-move) var(--move)}
.fold-toggle[aria-expanded="true"]::before{background-size:24% 100%,auto}
.fold-toggle:hover{background:var(--tint)}
.table-note{margin-top:10px}

.fn{font-size:inherit;line-height:0;vertical-align:baseline}
.fn a{display:inline-block;min-width:1.45em;margin-left:3px;border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);font-family:var(--slab);font-weight:700;font-size:.72em;line-height:1.25;text-align:center;text-decoration:none;padding:2px 3px 0;box-shadow:none;vertical-align:.5em;transition:background-color var(--t-snap) linear,color var(--t-snap) linear}
.fn a:hover,.fn a:focus-visible{background:var(--ink);color:#fff}
.fn a:target{background:var(--yellow);color:var(--ink)}
.sources{background:var(--paper);border:var(--rule) solid var(--ink)}
.sources-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;padding:14px 22px 11px;border-bottom:var(--rule) solid var(--ink)}
.sources-head h3{font-family:var(--slab);font-weight:800;font-size:30px;line-height:1;padding-top:4px}
.sources-head .fine{flex:1;min-width:16ch}
.source-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.source-group{padding:16px 22px 8px;min-width:0}
.source-group + .source-group{border-left:1px solid var(--hair)}
.source-group h4{margin:0 0 8px;display:inline-block;background:var(--tone);color:var(--on-tone);border:var(--rule) solid var(--ink);padding:5px 10px 2px;font-size:14.5px}
.source{display:grid;grid-template-columns:30px minmax(0,1fr);gap:2px 10px;padding:10px 0 10px;border-top:1px solid var(--hair);font-size:16px;line-height:1.35}
.source-no{grid-row:1/span 3;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1.5px solid var(--ink);font-family:var(--slab);font-weight:700;font-size:17px;line-height:1;padding-top:3px}
.source-title{font-weight:700}
.source-meta{font-size:15px;color:var(--grey)}
.source-back{justify-self:start;display:inline-flex;align-items:center;gap:7px;min-height:32px;font-size:15px;font-weight:700;text-decoration:none}
.source-back::before{content:"";width:9px;height:12px;flex:none;background:linear-gradient(currentColor,currentColor) center bottom/2px calc(100% - 2px) no-repeat;border-top:2px solid currentColor}
.source-back:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.source:target{background:var(--tint);box-shadow:-10px 0 0 var(--tint),10px 0 0 var(--tint)}
.source:target .source-no{background:var(--tone);color:var(--on-tone)}

.faults{border-top:var(--rule) solid var(--ink);border-bottom:var(--rule) solid var(--ink)}
.faults details + details{border-top:1px solid var(--hair)}
.faults summary{display:flex;align-items:center;gap:16px;min-height:58px;padding:14px 4px 11px 0;cursor:pointer;list-style:none}
.faults summary::-webkit-details-marker{display:none}
.faults summary::before{content:"";width:16px;height:16px;flex:none;border-radius:50%;border:var(--rule) solid var(--ink);background:var(--paper);transition:background-color var(--t-snap) linear,box-shadow var(--t-snap) linear}
.faults details[open] summary::before{background:var(--tone);box-shadow:0 0 0 4px var(--tint)}
.faults h3{font-family:var(--slab);font-weight:700;font-size:25px;line-height:1.1;margin:0;padding-top:2px;background:linear-gradient(var(--tone),var(--tone)) left bottom/0 4px no-repeat;transition:background-size var(--t-move) var(--move)}
.faults summary:hover h3,.faults summary:focus-visible h3{background-size:100% 4px}
.fault-switch{position:relative;margin-left:auto;width:42px;height:22px;flex:none;border:var(--rule) solid var(--ink);background:var(--paper);transition:background-color var(--t-snap) linear}
.fault-switch::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--ink);transition:transform var(--t-snap) var(--move)}
.faults details[open] .fault-switch{background:var(--tone)}
.faults details[open] .fault-switch::after{transform:translateX(20px);background:var(--on-tone)}
.fault-answer{padding:0 0 22px 32px;max-width:calc(47ch + 32px)}

.colophon{border-top:6px solid var(--ink);background:var(--paper);font-size:16px;padding-bottom:calc(26px + var(--consent-h,0px))}
.colophon-wiring{height:10px;background:linear-gradient(90deg,var(--yellow) 0 25%,var(--blue) 25% 50%,var(--green) 50% 75%,var(--violet) 75%);border-bottom:var(--rule) solid var(--ink);margin-bottom:40px}
.colophon-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 32px;padding-bottom:28px;border-bottom:var(--rule) solid var(--ink)}
.colophon-promise{margin-top:12px;max-width:47ch}
.map-area,.legal-text,.legal-help{min-width:0}
.site-map{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:28px 22px;padding:26px 0 40px}
.map-title{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-family:var(--slab);font-weight:700;font-size:19px;line-height:1.1}
.map-title .swatch{width:14px;transform:translateY(-2px)}
.map-trust .swatch{background:var(--ink)}
.map-title a,.site-map li a,.legal-links a{text-decoration:none;background:linear-gradient(var(--tone),var(--tone)) left bottom/0 4px no-repeat;transition:background-size var(--t-move) var(--move)}
.map-title a:hover,.map-title a:focus-visible,.site-map li a:hover,.site-map li a:focus-visible,.legal-links a:hover,.legal-links a:focus-visible{background-size:100% 4px}
.site-map li a{display:inline-block;padding:5px 0 4px;font-size:15.5px;line-height:1.3}
.legal-band{background:var(--ground);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);padding:30px 0 30px}
.legal-grid{display:grid;grid-template-columns:auto minmax(0,47ch) minmax(0,1fr);gap:26px 48px;align-items:start}
.legal-grid .proof-marks{flex-direction:column;align-items:flex-start}
.legal-band .caps{margin-bottom:8px}
.legal-band p + p{margin-top:10px}
.legal-links{display:flex;flex-wrap:wrap;gap:4px 24px;padding-top:18px}
.legal-links a{display:inline-flex;align-items:center;min-height:36px}

.consent{position:fixed;left:12px;right:12px;bottom:10px;z-index:60;max-width:1180px;margin-inline:auto;background:var(--paper);border:3px solid var(--ink);box-shadow:7px 7px 0 rgba(20,23,26,.3);font-size:15.5px;line-height:1.4}
html:not(.js) .consent,.consent-done .consent{display:none}
.consent-row{display:flex;align-items:center;gap:18px;padding:4px 6px 4px 16px}
.consent-title{font-family:var(--slab);font-weight:800;font-size:20px;line-height:1;padding-top:3px;flex:none}
.consent-text{flex:1;min-width:0}
.consent-actions{display:flex;align-items:center;gap:8px;flex:none}
.consent .btn{min-height:40px;font-size:17px;padding:8px 13px 5px}
.consent .btn-quiet{padding-inline:4px;margin-inline:6px}
.consent-settings{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;border-top:2px dashed var(--ink);padding:10px 16px 10px}
.consent-settings[hidden]{display:none}
.consent-choice{display:inline-flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}
.consent-choice input{position:absolute;opacity:0;width:1px;height:1px}
.consent-choice strong{font-family:var(--slab);font-size:18px;margin-right:6px}
.consent-choice input:checked + .pin-track{background:var(--blue)}
.consent-choice input:checked + .pin-track::after{transform:translateX(20px);background:#fff}
.consent-choice input:disabled + .pin-track{opacity:.55}
.consent-choice input:focus-visible + .pin-track{outline:3px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 2px #fff,0 0 0 9px var(--yellow)}
.consent-settings .btn{margin-left:auto}

a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 2px #fff,0 0 0 9px var(--yellow)}
.pin-toggle:focus-visible ~ .result-head .pin-switch{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 3px #fff,0 0 0 10px var(--yellow)}
[id="oben"]:focus-visible,main[id]:focus-visible{outline:0;box-shadow:none}
.consent[id]:focus-visible{outline:0;box-shadow:7px 7px 0 rgba(20,23,26,.3)}

@media (pointer:coarse),(max-width:760px){
  .rail-stop,.rail-top{height:44px}
  .rail-no{min-width:34px}
  .rail-row{min-height:60px}
  .profile-chip{min-height:44px}
  .site-map li{padding-block:8px}
  .marks{gap:16px}
  .site-map li a,.map-title a,.fuses .ref,.marks .ref,.shelf-head .ref,.stamp-foot .ref,.points-note .ref,.note-rows .ref,.source-title .ref{position:relative}
  .site-map li a::after,.map-title a::after,.fuses .ref::after,.marks .ref::after,.shelf-head .ref::after,.stamp-foot .ref::after,.points-note .ref::after,.note-rows .ref::after,.source-title .ref::after{content:"";position:absolute;left:0;right:0;top:-8px;bottom:-8px}
  .legal-links a,.source-back{min-height:44px}
  .consent .btn{min-height:44px}
  .weekly-parts a{padding:15px 12px 13px}
}
@media (min-width:1281px) and (max-width:1340px){
  .part-art{width:118px;height:88.5px}
  .bench-side-left .part{grid-template-columns:minmax(0,1fr) 118px}
  .bench-side-right .part{grid-template-columns:118px minmax(0,1fr)}
  .part-name{font-size:17px}
}
@media (max-width:1320px){
  .masthead-row{gap:16px}
  .brand svg{width:40px;height:40px}
  .brand-word{font-size:27px}
  .site-nav a{font-size:18px}
}
@media (max-width:1280px){
  .compare,.compare tbody{display:block;width:100%}
  .compare thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .compare tr{display:grid;grid-template-columns:120px minmax(120px,1fr) minmax(0,1.3fr) auto;grid-template-areas:"version scale proof fold";column-gap:22px;align-items:center;padding:12px 0 10px;border-bottom:1px solid var(--hair)}
  .compare tr:last-child{border-bottom:0}
  .compare tbody th,.compare td{display:block;border-bottom:0;padding:0}
  .compare tbody th{grid-area:version}
  .compare .bar-cell{grid-area:scale}
  .compare .proof-cell{grid-area:proof}
  .compare .proof-cell::before{content:attr(data-label);display:block;color:var(--grey);font-size:14.5px;line-height:1.3}
  .js .compare .fold-cell{display:block;grid-area:fold;justify-self:end}
  .compare .version-bar{min-width:0;width:100%}
  .compare .detail-cell{grid-column:1/-1;display:flex;align-items:baseline;gap:10px;padding:7px 0 5px;border-top:1px dotted var(--grey)}
  .compare .fold-cell + .detail-cell{margin-top:10px}
  .compare .detail-cell::before{content:attr(data-label);margin-right:auto;font-family:var(--slab);font-weight:700;font-size:18px;line-height:1.2}
  .compare tr.is-folded .detail-cell{visibility:hidden;height:0;margin:0;padding:0;border:0;overflow:hidden}
}
@media (max-width:1250px){
  .masthead-row{gap:14px}
  .site-nav a{font-size:17px;padding-inline:7px}
  .disclosure .age-mark{display:none}
}
@media (max-width:1040px){
  .profile-chip{display:none}
  .disclosure{margin-left:auto}
  .disclosure .age-mark{display:inline-block}
  .js .menu-button{display:inline-flex}
  .js .site-nav{position:fixed;top:0;right:0;bottom:0;z-index:80;width:min(420px,100%);margin:0;padding:0 var(--gutter) 28px calc(var(--gutter) + 18px);overflow:auto;visibility:hidden;transform:translateX(100%);background:linear-gradient(var(--paper),var(--paper)) 6px 50%/6px 72px no-repeat,linear-gradient(90deg,var(--ink) 0 18px,var(--paper) 18px);transition:transform var(--t-move) var(--move),visibility 0s linear var(--t-move)}
  .js .site-nav.is-open{visibility:visible;transform:none;box-shadow:0 0 0 100vmax rgba(20,23,26,.5);transition:transform var(--t-move) var(--move)}
  .js .menu-head{display:flex;align-items:center;justify-content:space-between;min-height:66px;border-bottom:3px solid var(--ink)}
  .js .site-nav ul{flex-direction:column;gap:0}
  .js .site-nav li{border-bottom:1px solid var(--hair)}
  .js .site-nav li a{display:flex;align-items:center;gap:14px;min-height:60px;padding:6px 0 2px;font-size:28px;white-space:normal;background-position:left bottom}
  .js .site-nav li a::before{content:"";width:16px;height:16px;flex:none;background:var(--tone);border:var(--rule) solid var(--ink);transform:translateY(-3px)}
  .js .site-nav li a::after{content:"";margin-left:auto;width:16px;height:9px;flex:none;background:linear-gradient(currentColor,currentColor) left center/calc(100% - 2px) 2px no-repeat;border-right:2px solid currentColor;transform:translateY(-3px)}
  .js .menu-profile{display:block;margin-top:22px}
  .menu-profile a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:17px;text-decoration:none;border:1px solid var(--hair);padding:9px 13px}
  .menu-profile a::before{content:"";width:9px;height:9px;border:1.5px solid var(--ink);background:var(--yellow)}
  html:not(.js) .masthead-row{flex-wrap:wrap}
  html:not(.js) .site-nav{order:9;flex-basis:100%;margin:0 0 6px}
  html:not(.js) .site-nav ul{flex-wrap:wrap}
}
@media (max-width:1180px){
  .operator{grid-template-columns:44px minmax(0,1fr) auto;gap:10px 18px}
  .operator-keys{grid-column:2/-1}
  .operator-go{grid-row:1;grid-column:3}
  .site-map{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:1020px){
  .weekly-pair,.lesson-board,.play-board{grid-template-columns:minmax(0,1fr)}
  .source-groups{grid-template-columns:minmax(0,1fr)}
  .source-group + .source-group{border-left:0;border-top:1px solid var(--hair)}
  .legal-grid{grid-template-columns:minmax(0,1fr)}
  .legal-grid .proof-marks{flex-direction:row;align-items:center}
  .disclosure-text{columns:1;max-width:47ch}
  .rail-title{display:none}
  .consent-row{flex-wrap:wrap;gap:4px 14px;padding:6px 8px 6px 12px}
  .consent-text{flex-basis:60%}
}
@media (max-width:760px){
  .label-long{display:none}
  .label-short{display:inline}
  .js .masthead.is-compact{margin-bottom:0}
  .masthead-row,.js .masthead.is-compact .masthead-row{min-height:52px;gap:8px}
  .brand{gap:7px;flex:0 1 auto;overflow:hidden}
  .brand svg,.js .masthead.is-compact .brand svg{width:34px;height:34px}
  .brand-word,.js .masthead.is-compact .brand-word{font-size:20px}
  .brand-word span{display:none}
  .disclosure summary{font-size:13.5px;gap:5px}
  .disclosure .age-mark,.disclosure-long{display:none}
  .disclosure-short{display:inline}
  .disclosure .flap{width:17px;height:13px}
  .disclosure-panel{padding:12px var(--gutter) 16px;max-height:calc(100vh - 60px)}
  .disclosure-text{font-size:15px}
  .menu-button{padding-inline:9px}
  .rail-row{min-height:50px;gap:6px;flex-wrap:wrap}
  .rail-ticks{display:none}
  .rail-stops{flex-wrap:wrap;gap:6px;width:100%;padding:6px 0}
  .rail-stop{height:44px;font-size:17px}
  .rail-no{min-width:34px}
  .rail-stop .rail-name,.rail-stop.is-here .rail-name{display:inline-flex}
  .rail-top{width:44px;height:44px;justify-content:center;padding:0;margin-left:auto}
  .rail-top span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .rail-top svg{transform:none}
  html:not(.js) .rail{position:static}
  .js .rail-toggle{display:flex;align-items:center;gap:10px;flex:1;min-width:0;height:44px;border:0;background:none;padding:0 6px 0 0;text-align:left;cursor:pointer}
  .js .rail-step{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border:var(--rule) solid var(--ink);background:var(--paper)}
  .js .rail-step.is-end{opacity:.35}
  .js .rail-top{margin-left:0}
  .js .rail-stops{display:none;order:9;padding:2px 0 10px}
  .js .rail.is-listed .rail-stops{display:flex}
  .js .rail.is-listed .rail-toggle-mark{background:var(--ink)}
  .answer{font-size:18px}
  .more-label{font-size:21px}
  .more-meta{display:none}
  .more-body{padding:20px 0 26px;gap:22px}
  .index-row{grid-template-columns:34px minmax(0,1fr) 14px;grid-template-areas:"pos part go" "ask ask ask" "answer answer answer";gap:4px 12px;padding:12px 6px 11px 0}
  .index-part{font-size:20px}
  .index-part small{display:inline;margin:0 0 0 8px}
  .index-go{align-self:start;margin-top:10px}
  .weekly-head{gap:14px 16px;margin-bottom:24px}
  .weekly-pair{margin-top:28px}
  .teaser-title{font-size:21px}
  .teaser-l .teaser-title{font-size:27px}
  .teaser-s .teaser-shot{width:88px}
  .teaser-s .teaser-title{font-size:19px}
  .shelf-row .teaser-text{padding:8px 6px 8px}
  .shelf-row .teaser-title{font-size:16px;overflow-wrap:anywhere}
  .shelf-row .teaser-title::after,.shelf-row .teaser-line,.shelf-row .slot-note{display:none}
  .shelf-row .teaser-kicker{font-size:11.5px;letter-spacing:.04em}
  .note-rows div{grid-template-columns:minmax(0,1fr)}
  .panel:has(.operators){padding:0;border:0;background:none}
  .operator{grid-template-columns:auto minmax(0,1fr);gap:10px 12px;padding:14px 12px 12px;margin-bottom:14px;background:var(--paper);border:var(--rule) solid var(--ink)}
  .operator:last-child{border-bottom:var(--rule) solid var(--ink);margin-bottom:0}
  .operator-rank{font-size:28px}
  .logo-plate{width:84px;height:42px}
  .operator-name{font-size:22px}
  .operator-keys,.bonus,.operator-terms,.operator-go{grid-column:1/-1}
  .operator-keys{display:block}
  .operator-keys div{justify-content:space-between;padding:4px 0;border-top:1px solid var(--hair)}
  .operator-keys dd{text-align:right}
  .operator-go{grid-row:auto;justify-self:stretch}
  .bonus{grid-template-columns:minmax(0,1fr)}
  .bonus-label{border-right:0;border-bottom:1.5px solid var(--ink);padding:6px 10px 3px}
  .bonus-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bonus-fields div{border-top:1px solid var(--hair)}
  .bonus-fields div:nth-child(-n+2){border-top:0}
  .bonus-fields div + div{border-left:0}
  .bonus-fields div:nth-child(even){border-left:1px solid var(--hair)}
  .operator-terms{display:block}
  .operator-terms span{display:block}
  .compare tr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"version fold" "scale scale" "proof proof";row-gap:6px}
  .sources-head{padding:12px 14px 9px}
  .source-group{padding:14px 14px 6px}
  .faults h3{font-size:21px}
  .fault-answer{padding:0 0 18px 32px}
  .colophon-wiring{margin-bottom:28px}
  .site-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;padding:20px 0 28px}
  .legal-band{padding:22px 0}
  .consent{left:6px;right:6px;bottom:6px;border-width:2px;box-shadow:5px 5px 0 rgba(20,23,26,.3)}
  .consent[id]:focus-visible{box-shadow:5px 5px 0 rgba(20,23,26,.3)}
  .consent-row{gap:4px 8px;padding:5px 6px 5px}
  .consent-title{display:none}
  .consent-text{flex-basis:100%;font-size:13.5px;line-height:1.26;padding-inline:2px}
  .consent-actions{width:100%;gap:6px}
  .consent .btn{flex:1 1 auto;min-height:44px;font-size:15px;padding:3px 6px 0}
  .consent .btn-quiet{flex:0 1 auto;margin-inline:2px}
  .consent-settings{padding:8px 10px;gap:4px 18px}
  .consent-settings .btn{margin-left:0;width:100%}
}
@media (max-width:380px){
  .brand{gap:6px}
  .brand svg,.js .masthead.is-compact .brand svg{width:30px;height:30px}
  .brand-word,.js .masthead.is-compact .brand-word{font-size:18px}
  .masthead-row,.js .masthead.is-compact .masthead-row{gap:6px}
  .menu-button{padding-inline:7px}
}
@media (prefers-reduced-motion:reduce){
  .js .masthead,.rail{transition:none}
}

.part-img{object-fit:contain;display:block}
img.part-art{width:100%;height:auto;aspect-ratio:4/3}
.step-mat img{width:min(168px,100%);height:auto;aspect-ratio:4/3}.detail-mat img{width:100%;max-width:176px;height:auto;aspect-ratio:4/3}.side img.part-img:not(.mat-art){width:100%;max-width:176px;height:auto;aspect-ratio:4/3}img.mat-art{max-width:80%}
.brand svg.brand-full{width:auto;height:44px}.brand svg.brand-short{display:none;width:auto;height:40px}
.js .masthead.is-compact .brand svg.brand-full{width:auto;height:36px}
@media (max-width:760px){.brand svg.brand-full{display:none}.brand svg.brand-short{display:block}}
.opening-head{align-items:start}
.opening-head h1{grid-column:1}.lede-under{grid-column:1;max-width:46ch;margin-top:10px}
.opening-aside{display:grid;grid-template-columns:minmax(0,236px) minmax(0,1fr);gap:14px;align-items:start;grid-row:1 / span 2;grid-column:2}
.plate-one{margin:0}.plate-one img{display:block;width:100%;height:auto}
.plate-one figcaption{font-size:13px;line-height:1.3;margin-top:2px}.plate-one figcaption strong{font-family:var(--slab);font-weight:800;margin-right:4px}
.opening-aside .colour-code{flex-direction:column;gap:6px;margin-top:6px}
@media (max-width:1000px){.opening-aside{grid-row:auto;grid-column:auto;grid-template-columns:minmax(0,200px) minmax(0,1fr)}}
.points-note img.part-img{width:96px;height:72px;flex:none;max-width:none}
.disclosure-panel{overflow-x:hidden;overflow-y:auto;overflow-wrap:anywhere}


@media (min-width:1001px) and (max-width:1280px){
  .opening-head{grid-template-columns:minmax(0,1fr) minmax(0,330px);gap:28px}
  .h1-key{font-size:min(5.1vw,58px)}
  .opening-aside{grid-template-columns:minmax(0,170px) minmax(0,1fr);gap:12px}
  .opening-aside .colour-code{font-size:13px}
  .bench{grid-template-columns:minmax(0,1fr) clamp(390px,38vw,460px) minmax(0,1fr)}
  .bench{--art:clamp(84px,8.2vw,112px)}
  .part-art,img.part-art{width:var(--art);height:auto;aspect-ratio:4/3}
  .bench-side-left .part{grid-template-columns:minmax(0,1fr) var(--art);margin-right:calc(18px + var(--lead))}
  .bench-side-right .part{grid-template-columns:var(--art) minmax(0,1fr)}
  .bench-side-left .part:nth-child(odd){--lead:12px}
  .bench-side-left .part:nth-child(even){--lead:22px}
  .bench-side-right .part:nth-child(odd){--lead:34px}
  .bench-side-right .part:nth-child(even){--lead:22px}
  .part-tag{width:auto}
  .part-name{font-size:16px}
  .part-topic{font-size:12.5px}
}
@media (min-width:1041px) and (max-width:1180px){
  .profile-chip{display:none}
  .masthead-row{gap:12px}
  .site-nav a{font-size:16px;padding-inline:6px}
  .brand svg.brand-full{height:38px}
  .disclosure .age-mark{display:none}
}
@media (min-width:1001px) and (max-width:1120px){
  .result-facts{grid-template-columns:minmax(0,1fr)}
  .result-head h2,.result-head h3,.result-name{font-size:26px}
}
@media (min-width:761px) and (max-width:1000px){
  .opening-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,230px);gap:8px 22px;align-items:start}
  .opening-head h1,.lede-under{grid-column:1}
  .opening-aside{grid-row:1 / span 2;grid-column:2;grid-template-columns:minmax(0,1fr);gap:6px}
  .h1-key{font-size:min(5.9vw,56px)}
  .opening-aside .colour-code{font-size:13px;gap:4px}
}
@media (min-width:761px){.opening-head{grid-template-rows:auto 1fr}.lede-under{align-self:start}}
svg.foot-logo{display:block;width:auto;height:44px}
.brand svg.foot-logo{width:auto;height:44px}
.detail-mat{flex:0 0 auto}
.side > .detail{flex:0 0 auto}
.detail-caption{padding:9px 16px 7px;background:var(--paper)}
.detail-mat img{max-width:220px}
.slot-fill.has-img{position:relative}
[data-slot] .slot-fill.has-img{background-image:none !important}
.slot-fill.has-img img{position:absolute;inset:7%;width:86%;height:86%;object-fit:contain}