/* Project build sheets — compact engineering layout (Lisa: density, minimal
   scrolling, no decorative animation). Dark graphite, blue for data. */
html{color-scheme:light only;background:#151A22;-webkit-text-size-adjust:100%}
:root{color-scheme:light only;
  --paper:#151A22; --ink:#E8EAEF; --steel:#98A0AC; --hair:#2A303A;
  --blue:#6FB1F0; --blue-deep:#3D7FC4; --data:#7FB8F2;
  --night:#171B21; --cream:#E8EAEF;
  --disp:'Inter',system-ui,sans-serif; --body:'Inter',system-ui,sans-serif; --mono:'Space Mono',monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
@media (forced-colors:active){body{forced-color-adjust:none}}
html{overflow-x:clip}
body{font-family:var(--body);color:#C6CDD6;background-color:var(--paper) !important;
  font-size:14.5px;line-height:1.6;overflow-x:clip}
::selection{background:#6FB1F040}
a{color:var(--blue)}

/* ---------- nav (thin, static) ---------- */
nav{position:sticky;top:0;z-index:40;display:flex;justify-content:space-between;align-items:center;
  padding:9px 18px;font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;
  background:#11161DF2;border-bottom:1px solid var(--hair)}
nav .navleft{display:flex;align-items:center;gap:12px;min-width:0}
nav .back{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--steel);
  text-decoration:none;border:1px solid rgba(255,255,255,.16);padding:4px 9px;border-radius:999px;white-space:nowrap}
nav .back:hover{color:#E8EAEF;border-color:rgba(255,255,255,.34)}
nav .wm{font-weight:700;color:#E8EAEF;text-decoration:none;white-space:nowrap;font-family:var(--mono)}
@media(max-width:520px){nav .wm .lng{display:none}}
nav .wm i{font-style:normal}
nav .links{display:flex;gap:14px}
nav .links a{color:var(--steel);text-decoration:none}
nav .links a:hover{color:var(--ink)}
@media(max-width:860px){nav .links{display:none}}

/* ---------- header (compact, no hero theater) ---------- */
.hero{padding:34px 0 8px}
.hero .bwrap{padding-bottom:0}
.eyebrow{font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#868D99}
.hero .word{font-family:var(--disp);font-weight:800;font-size:clamp(26px,2.8vw,36px);line-height:1.12;
  letter-spacing:-.015em;margin:10px 0 10px;color:#F3F5F8;max-width:none}
.hero .word i{font-style:normal}
.hero .sub{font-size:14px;line-height:1.6;color:#9AA1AC;max-width:88ch}
.hero .sub b{color:var(--ink);font-weight:600}
.verdictrow{display:flex;gap:32px;margin-top:16px;flex-wrap:wrap;border:1px solid var(--hair);
  border-radius:10px;padding:14px 20px;background:#151920}
.verdictrow>div{display:flex;align-items:baseline;gap:8px}
.verdictrow b{font-family:var(--mono);font-weight:700;font-size:19px;line-height:1;color:#F3F5F8}
.verdictrow .hot b{color:var(--data)}
.verdictrow span{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#868D99;max-width:32ch}
.vline{font-size:12.5px;color:var(--steel);max-width:none;margin-top:8px}
.vline b{color:#C6CDD6;font-weight:600}

/* ---------- reveal engine: disabled — content is always visible ---------- */
html.js [data-rv]{opacity:1 !important;transform:none !important;transition:none !important}

/* ---------- sections (tight) ---------- */
.bwrap{max-width:1240px;margin:0 auto;padding:0 16px 10px}
.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.sec{margin:0 0 34px;border-top:1px solid #1E242D;padding-top:26px}
.sechead{position:relative;margin:0 0 16px}
.sechead::before{display:none}
.secnum{font-family:var(--mono);font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;color:#6E7683}
.sectitle{font-family:var(--disp);font-weight:700;font-size:19px;line-height:1.2;color:#F3F5F8;margin-top:2px;letter-spacing:0}
.sectitle .it{font-style:normal}
.seclede{font-size:13.5px;line-height:1.6;color:#9AA1AC;margin-top:6px;max-width:96ch}
.seclede b{color:var(--ink)}
.seclede+.seclede{margin-top:4px}
@media(max-width:920px){.bento{gap:10px}.sec{margin-bottom:16px;padding-top:12px}}

.cell{background:#151920;border:1px solid var(--hair);border-radius:11px;padding:19px 21px;min-width:0;
  display:flex;flex-direction:column}
.cell.dark{background:#12161D;color:#D7DBE2}
.cell.tint{background:#1A2028;border-color:#333C48;color:#D7DBE2}
.c3{grid-column:span 3}.c4{grid-column:span 4}.c5{grid-column:span 5}.c6{grid-column:span 6}.c7{grid-column:span 7}.c8{grid-column:span 8}.c12{grid-column:span 12}
@media(max-width:920px){.c3,.c4,.c5,.c6,.c7,.c8,.c12{grid-column:span 12}}
.clabel{font-family:var(--mono);font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:#7C93B8;margin-bottom:8px}
.ctitle{font-family:var(--disp);font-weight:700;font-size:15px;line-height:1.3;color:#F3F5F8;margin-bottom:7px}
.cell.tint .ctitle,.cell.dark .ctitle{color:#F3F5F8}
.ctext{font-size:13.5px;line-height:1.6;color:#AEB5C0;max-width:74ch}
.ctext b{color:#E8EAEF}
.ctext+.ctext{margin-top:6px}
.cell.tint .ctext,.cell.dark .ctext{color:#AEB5C0}
.cell.tint .ctext b,.cell.dark .ctext b{color:#E8EAEF}
.cell.tint .clabel{color:#7C93B8}

/* ---------- editorial engineering blocks ---------- */
.reader-map{padding-top:18px}
.reader-card{min-height:128px}
.teen-explain,.capstone-box,.definition-done,.data-package{border:1px solid var(--hair);border-radius:11px;background:#12161D}
.capstone-box{overflow:auto}
.teen-explain{padding:15px 18px}
.teen-explain p{font-size:14px;line-height:1.6;color:#C6CDD6;max-width:96ch}
.status-pill{display:inline-flex;align-items:center;width:max-content;margin-bottom:8px;border:1px solid #36557A;border-radius:999px;
  padding:3px 9px;font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:#BFD9F5;background:#142033}
.glossary,.requirements-table,.risk-table,.judgement-table{overflow:auto}
.glossary table,.requirements-table table,.risk-table table,.judgement-table table{width:100%;min-width:0;table-layout:fixed}
table.requirements-table,table.risk-table,table.judgement-table{width:100%;min-width:0;table-layout:fixed}
.glossary th,.glossary td,.requirements-table th,.requirements-table td,.risk-table th,.risk-table td,.judgement-table th,.judgement-table td{overflow-wrap:anywhere}
.data-package ul,.definition-done ul,.capstone-box ul{display:grid;gap:4px;margin:6px 0 0 17px}
.data-package li,.definition-done li,.capstone-box li{font-size:13px;line-height:1.5;color:#AEB5C0}
.definition-done p,.capstone-box p{font-size:13.5px;line-height:1.6;color:#AEB5C0}

/* ---------- spec grids ---------- */
.spec{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:auto;padding-top:12px}
.spec .s{background:#10141A;border:1px solid #232A34;border-radius:8px;padding:9px 11px}
.spec .k{font-family:var(--mono);font-size:7.5px;letter-spacing:.12em;text-transform:uppercase;color:#868D99}
.spec .v{font-family:var(--mono);font-size:12.5px;font-weight:700;margin-top:2px;color:#F3F5F8}
.spec .v small{font-size:9px;font-weight:400;color:#868D99}
.cell.tint .spec .s,.cell.dark .spec .s{background:#10141A;border-color:#232A34}
.cell.tint .spec .k{color:#868D99}
.cell.tint .spec .v{color:#F3F5F8}
@media(max-width:560px){.spec{grid-template-columns:1fr 1fr}}

/* ---------- disclosures ---------- */
details{border-top:1px solid #232A34;margin-top:8px}
summary{cursor:pointer;list-style:none;padding:6px 2px;font-family:var(--mono);font-size:8.5px;
  letter-spacing:.16em;text-transform:uppercase;color:#868D99;user-select:none}
summary::-webkit-details-marker{display:none}
summary::before{content:'+ ';color:var(--blue)}
details[open] summary::before{content:'− '}
summary:hover{color:#E8EAEF}
.dbody{padding:2px 2px 10px;font-size:12.5px;line-height:1.55;color:#9AA1AC;max-width:none}
.dbody b{color:#E8EAEF}
.cell.tint details,.cell.dark details{border-top-color:#232A34}
.cell.tint summary,.cell.dark summary{color:#868D99}
.cell.tint .dbody,.cell.dark .dbody{color:#9AA1AC}
.eqbox{font-family:var(--mono);font-size:11.5px;background:#0C0F14;color:var(--cream);border:1px solid #232A34;
  border-radius:8px;padding:9px 12px;margin:7px 0;overflow-x:auto;line-height:1.75}
.eqbox .hl{color:#7FB8F2}

/* ---------- architecture drawing (compact) ---------- */
.drawing{background:#B9C0C9;border:1px solid #6E7683;border-radius:9px;padding:7px;margin-top:4px}
.drawing svg{display:block;width:100%;height:auto;max-height:300px;margin:0 auto;background:#F4F6F8;border-radius:4px}
.drawcap{font-family:var(--mono);font-size:9.5px;color:#454E5A;text-align:center;margin-top:5px;letter-spacing:.04em}

/* ---------- explorer (instrument panel) ---------- */
.dash{background:#12161D;border:1px solid #232A34;border-radius:9px;padding:12px;margin-top:8px}
.dash-grid{display:grid;grid-template-columns:240px 1fr;gap:16px;align-items:start}
@media(max-width:820px){.dash-grid{grid-template-columns:1fr}}
.ctl{margin-bottom:10px}
.ctl label{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;color:#8B95A3;margin-bottom:5px}
.ctl label output{color:#EDF1F6;font-weight:700}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:3px;
  background:linear-gradient(90deg,#7FB8F2 var(--fill,50%),rgba(255,255,255,.14) var(--fill,50%));outline:none;cursor:pointer}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;
  background:linear-gradient(180deg,#FFFFFF,#D9DEE4);border:none;box-shadow:0 1px 4px rgba(0,0,0,.5)}
input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#F2F4F6;border:none}
.sitebtns{display:flex;gap:6px;margin-bottom:10px}
.sitebtn{flex:1;font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#8B95A3;white-space:nowrap;
  background:#1A1F27;border:1px solid rgba(255,255,255,.12);border-radius:7px;padding:7px 5px;cursor:pointer}
.sitebtn.on{color:#0F1216;background:#7FB8F2;border-color:#7FB8F2;font-weight:700}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}
@media(max-width:640px){.kpis{grid-template-columns:1fr 1fr}}
.kpi{border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:7px;text-align:center;background:#1A1F27}
.kpi .lab{font-family:var(--mono);font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#8B95A3}
.kpi .val{font-family:var(--mono);font-size:16px;font-weight:700;margin-top:3px;color:#EDF1F6}
.kpi .val small{font-size:10px;color:#8B95A3;font-weight:400}
.kpi .val .blu{color:#7FB8F2}
.dash canvas{display:block;width:100%;height:auto}
.dashnote{font-size:11px;color:#8B95A3;margin-top:7px;line-height:1.5}
.dashnote b{color:#EDF1F6}

/* ---------- tables ---------- */
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{text-align:left;padding:6px 9px 6px 2px;border-bottom:1px solid #232A34;vertical-align:top;color:#AEB5C0}
th{font-family:var(--mono);font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#868D99;font-weight:400}
td.r,th.r{text-align:right;white-space:nowrap;font-family:var(--mono)}
tr.total td{border-bottom:none;border-top:2px solid #4A5462;font-weight:700;color:#F3F5F8;font-family:var(--mono)}

/* ---------- build steps ---------- */
.steps{counter-reset:st;margin-top:2px}
.step{counter-increment:st;display:flex;gap:11px;padding:7px 0;border-bottom:1px solid #1E242D}
.step:last-child{border-bottom:none}
.step::before{content:counter(st,decimal-leading-zero);font-family:var(--mono);font-weight:700;
  font-size:11px;color:var(--data);min-width:22px;line-height:1.6}
.step p{font-size:13px;color:#AEB5C0;line-height:1.5}
.step b{color:#E8EAEF}

/* ---------- gates ---------- */
.gates{display:grid;gap:4px;margin-top:2px}
.gate{display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:var(--mono);font-size:10px;
  border-bottom:1px solid #1E242D;padding:7px 2px}
.gate:last-child{border-bottom:none}
.gate .gid{color:#8FB4DE;font-weight:700;min-width:46px}
.gate .gw{color:#AEB5C0;flex:1;font-family:var(--body);font-size:12.5px;line-height:1.5}
.gate .st{font-weight:700;font-size:8px;letter-spacing:.08em;padding:2px 7px;border-radius:99px;background:rgba(255,255,255,.09);color:#B9C2CE;white-space:nowrap}

/* ---------- finale: removed ---------- */
.colophon{display:none}
footer{padding:12px 18px 16px;color:#6E7683;font-size:10px;font-family:var(--mono);text-align:center;letter-spacing:.04em;border-top:1px solid #1E242D;margin-top:8px}

/* ---------- mobile ---------- */
@media(max-width:640px){
  .bwrap{padding:0 14px 10px}
  .hero .word{font-size:21px}
  .verdictrow{gap:14px;padding:9px 12px}
  .cell{padding:11px 12px}
}

/* ---------- schematic linework (silver-mat drawings) ---------- */
.drawing svg .sheet,.thumb svg .sheet{fill:#F4F6F8;stroke:none}
.drawing svg text,.thumb svg text{font-family:'Space Mono',monospace;fill:#454E5A}
.drawing svg .label{font-size:15px;letter-spacing:.04em}
.drawing svg .small{font-size:12px}
.drawing svg line,.thumb svg line,.drawing svg path,.thumb svg path{fill:none;stroke:#5A6472;stroke-width:2.5;stroke-linecap:round}
.drawing svg polyline,.thumb svg polyline{fill:none}
.drawing svg .datum,.thumb svg .datum{stroke:#9AA3AF;stroke-dasharray:7 6;stroke-width:2}
.drawing svg .measure,.thumb svg .measure,.drawing svg .tick,.thumb svg .tick{stroke:#3D7FC4;stroke-width:2}
.drawing svg .arc,.thumb svg .arc,.drawing svg .wave,.thumb svg .wave,.drawing svg .beam,.thumb svg .beam,.drawing svg .wireless,.thumb svg .wireless,.drawing svg .chart,.thumb svg .chart,.drawing svg .load,.thumb svg .load{stroke:#3D7FC4;stroke-width:3}
.drawing svg .load-fill,.thumb svg .load-fill{fill:#3D7FC4}
.drawing svg .member,.thumb svg .member,.drawing svg .upright,.thumb svg .upright{stroke:#455061;stroke-width:5}
.drawing svg .member.thin,.thumb svg .member.thin{stroke-width:3}
.drawing svg .point circle,.thumb svg .point circle{fill:#3D7FC4;stroke:#F4F6F8;stroke-width:2.5}
.drawing svg .point text,.thumb svg .point text{fill:#16202E;font-weight:700;font-size:13px}
.drawing svg .wheel,.thumb svg .wheel{fill:none;stroke:#455061;stroke-width:4}
.drawing svg .hub,.thumb svg .hub{fill:#C7CED7;stroke:#455061;stroke-width:2.5}
.drawing svg .steel,.thumb svg .steel,.drawing svg .rail,.thumb svg .rail{fill:#8E98A5;stroke:#455061;stroke-width:2}
.drawing svg .plate,.thumb svg .plate{fill:#B7BFC9;stroke:#455061;stroke-width:2}
.drawing svg .jack,.thumb svg .jack{fill:#C7CED7;stroke:#455061;stroke-width:2}
.drawing svg .phone,.thumb svg .phone,.drawing svg .laptop,.thumb svg .laptop,.drawing svg .adapter,.thumb svg .adapter,.drawing svg .therm,.thumb svg .therm{fill:#DDE3EA;stroke:#455061;stroke-width:2.5}
.drawing svg .vehicle,.thumb svg .vehicle,.drawing svg .port,.thumb svg .port,.drawing svg .base,.thumb svg .base{fill:#B7BFC9;stroke:#455061;stroke-width:2.5}
.drawing svg .grommet,.thumb svg .grommet{fill:#3D7FC4;stroke:#F4F6F8;stroke-width:2}
.drawing svg .rotor,.thumb svg .rotor{fill:#C7CED7;stroke:#455061;stroke-width:3}
.drawing svg .rotor-hole,.thumb svg .rotor-hole{fill:#F4F6F8;stroke:#455061;stroke-width:2.5}
.drawing svg .lug circle,.thumb svg .lug circle{fill:#8E98A5;stroke:#455061;stroke-width:1.5}
.drawing svg .caliper,.thumb svg .caliper{fill:#8E98A5;stroke:#455061;stroke-width:2}
.drawing svg .cable,.thumb svg .cable{stroke:#455061;stroke-width:4}
.drawing svg .pins line,.thumb svg .pins line{stroke:#8E98A5;stroke-width:2.5}
.drawing svg .tool-shapes circle,.thumb svg .tool-shapes circle{fill:none;stroke:#8E98A5;stroke-width:2.5;stroke-dasharray:5 5}
.drawing svg .pockets rect,.thumb svg .pockets rect{fill:#DDE3EA;stroke:#3D7FC4;stroke-width:2}
.drawing svg .pockets text,.thumb svg .pockets text{fill:#16202E;font-weight:700;font-size:13px}
.drawing svg .part-fill,.thumb svg .part-fill{fill:#DDE3EA}
.drawing svg .part-line,.thumb svg .part-line{fill:none;stroke:#455061;stroke-width:2.5}

/* ---------- index: compact rows, one build per line ---------- */
.cards{display:flex;flex-direction:column;gap:14px;margin-top:16px;margin-bottom:20px}
a.bcard{display:grid;grid-template-columns:1fr 260px;grid-template-areas:"num thumb" "title thumb" "line thumb" "facts thumb";
  grid-template-rows:auto auto 1fr auto;column-gap:18px;text-decoration:none;color:inherit;
  background:#151920;border:1px solid var(--hair);border-radius:11px;padding:17px 20px;min-width:0}
a.bcard:hover{border-color:#4A5462;background:#181D25}
.bcard .bnum{grid-area:num}
.bcard h3{grid-area:title}
.bcard .bline{grid-area:line}
.bcard .thumb{grid-area:thumb}
.bcard .bfacts{grid-area:facts}
.bcard .bnum{font-family:var(--mono);font-size:8.5px;letter-spacing:.16em;color:#7C93B8;display:flex;justify-content:space-between;text-transform:uppercase}
.bcard .bnum .btime{color:var(--steel)}
.bcard h3{font-family:var(--disp);font-weight:700;font-size:17px;letter-spacing:0;color:#F3F5F8;margin:6px 0 4px}
.bcard h3 i{font-style:normal}
.bcard .bline{font-size:13px;line-height:1.55;color:#9AA1AC;max-width:74ch}
.bcard .thumb{flex:0 0 250px;background:#B9C0C9;border:1px solid #6E7683;border-radius:8px;padding:5px;margin:0;align-self:center}
.bcard .thumb svg{display:block;width:100%;height:auto;background:#F4F6F8;border-radius:4px}
.bcard .bfacts{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:auto;padding-top:7px}
.bcard .bfacts div{font-family:var(--mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#868D99}
.bcard .bfacts b{display:inline;font-size:12.5px;color:#E8EAEF;margin-right:5px}
@media(max-width:820px){a.bcard{grid-template-columns:1fr;grid-template-areas:"num" "title" "line" "thumb" "facts"}.bcard .thumb{max-width:340px}}

/* ---------- embedded parametric CAD viewer ---------- */
.cad{background:#B9C0C9;border:1px solid #6E7683;border-radius:9px;padding:7px;margin-top:8px}
.cad canvas{display:block;width:100%;height:360px;background:#F4F6F8;border-radius:4px;cursor:grab;touch-action:none}
.cadbar{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:8px;align-items:center}
.cadp{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#454E5A}
.cadp input[type=range]{width:120px;accent-color:#3D7FC4}
.cadp input[type=checkbox]{accent-color:#3D7FC4;width:14px;height:14px}
.cadp b{font-size:11px;color:#10141A;font-weight:700;min-width:52px}
.cadout{font-family:var(--mono);font-size:10.5px;color:#0F1216;background:#DDE3EA;border-radius:6px;padding:4px 10px}
.cadbtn{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;border:1px solid #454E5A;background:transparent;color:#10141A;padding:5px 12px;border-radius:999px;cursor:pointer;margin-left:auto}
.cadbtn:hover{background:#10141A;color:#F4F6F8}

/* ---------- Zoo hand-off buttons ---------- */
.zrow{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 2px}
.zbtn{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  border:1px solid #4A6E96;background:transparent;color:#BFD9F5;padding:11px 20px;border-radius:10px;
  cursor:pointer;text-decoration:none;display:inline-block;line-height:1}
.zbtn:hover{background:#1C2836;color:#E8F2FD;border-color:#6E9AC8}
.zbtn[data-dl]{background:var(--blue-deep);border-color:var(--blue-deep);color:#FFFFFF}
.zbtn[data-dl]:hover{background:#4E90D4;border-color:#4E90D4;color:#FFFFFF}
.zoopanel{margin:12px 0 0;background:#101722;border:1px solid #375578;border-radius:12px;padding:14px;
  box-shadow:0 14px 36px rgba(0,0,0,.24)}
.zoopanel[hidden]{display:none}
.zoohead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:10px}
.zoohead h2{font-family:var(--disp);font-size:18px;letter-spacing:0;margin:0;color:#F5F8FC}
.zoohead p{font-size:12.5px;line-height:1.45;color:#9EA9B8;margin:4px 0 0;max-width:72ch}
.zooactions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.zoocode{max-height:340px;overflow:auto;margin:0;background:#07101A;border:1px solid #253B56;border-radius:9px;
  padding:14px;color:#DDEBFA;font-family:var(--mono);font-size:11px;line-height:1.55;white-space:pre-wrap}
@media(max-width:760px){.zoohead{display:block}.zooactions{justify-content:flex-start;margin-top:10px}.zoocode{max-height:280px}}

/* ---------- interactive gate rows ---------- */
.gate{cursor:pointer;flex-wrap:wrap}
.gate:hover .gid{color:#BAD7F5}
.gate:hover .st{background:rgba(255,255,255,.16);color:#E4EAF2}
.gate .st::before{content:'+ ';color:#8FB4DE}
.gate.open .st::before{content:'− '}
.gate .gproof{display:none;flex-basis:100%;font-family:var(--body);font-size:12px;line-height:1.5;
  color:#8B93A0;padding:2px 0 6px 46px}
.gate.open .gproof{display:block}

/* ---------- paired drawing + model panel ---------- */
.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
@media(max-width:920px){.pair{grid-template-columns:1fr}}
.pair .drawing{margin-top:0}
.pair .drawing svg{max-height:388px}
.pair .cad{margin-top:0}
.cell.fit{align-self:start}
.hero .zrow{margin-top:14px}