/* The Boathouse 1893 · Elco R&D portal v2
   Palette strictly from the Elco branding sheet: Elco Green (Pantone 3537 C), Engine Orange (1505 C),
   Bronze/Copper, Champagne (7501 C), Graphite (426 C), Silver – plus tints/shades of those six. */
:root{
  --g900:#051c16; --g800:#0a2b21; --g700:#0f3d2e; --g600:#175a43; --g100:#e5ede9; --g050:#f1f5f3;
  --orange:#f55201; --orange-d:#c94300; --orange-t:#fdeadf; --orange-txt:#a33800;
  --bronze:#af7145; --bronze-d:#7d4c2a; --bronze-t:#f5ebe1;
  --champ:#dfbf9c; --champ-t:#f7efe5;
  --graphite:#292c2c; --graphite-2:#4a4e4e; --muted:#555a5a;
  --silver:#a09f9d; --silver-l:#d6d5d2; --silver-t:#eeedeb;
  --bg:#f3f2ef; --card:#ffffff; --line:#d9d7d2; --line-2:#e8e6e2;
  /* metal */
  --brushed:repeating-linear-gradient(0deg,rgba(255,255,255,.0) 0 1px,rgba(255,255,255,.16) 1px 2px,rgba(0,0,0,.01) 2px 3px),linear-gradient(180deg,#fbfbfa 0%,#e4e3e0 46%,#d3d2ce 54%,#ecebe8 100%);
  --brushed-d:repeating-linear-gradient(0deg,rgba(255,255,255,.0) 0 1px,rgba(255,255,255,.025) 1px 2px),linear-gradient(180deg,#0f3d2e 0%,#0a2b21 55%,#051c16 100%);
  --bronze-pol:linear-gradient(180deg,#ecc9a3 0%,#c58c5e 38%,#8a552f 52%,#b77a4d 68%,#e7c098 100%);
  --bronze-line:linear-gradient(90deg,rgba(175,113,69,.15),#af7145 18%,#e7c098 50%,#af7145 82%,rgba(175,113,69,.15));
  --silver-line:linear-gradient(90deg,rgba(160,159,157,.1),#c9c8c5 20%,#ffffff 50%,#c9c8c5 80%,rgba(160,159,157,.1));
  --disp:"Big Shoulders Display","Arial Narrow",sans-serif; --sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; --mono:ui-monospace,SFMono-Regular,Menlo,monospace;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px;
  --r:6px; --r-s:3px; --hdr:68px;
  --sh:0 1px 2px rgba(5,28,22,.06),0 4px 14px rgba(5,28,22,.05);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:var(--sans);color:var(--graphite);background:var(--bg);font-size:14.5px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%}
a{color:var(--g600);text-decoration-thickness:1px;text-underline-offset:2px} a:hover{color:var(--orange-d)}
:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 12px;z-index:200} .skip:focus{left:8px}
h1,h2,h3,h4{font-family:var(--disp);font-weight:700;color:var(--g800);margin:0 0 var(--s2);line-height:1.08}
h1{font-size:clamp(36px,4.6vw,60px);text-transform:uppercase;letter-spacing:.02em}
h2{font-size:clamp(26px,2.6vw,34px);text-transform:uppercase;letter-spacing:.03em}
h3{font-size:22px;letter-spacing:.02em}
h4{font-size:18px}
h5{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze-d);margin:0 0 var(--s2)}
p{margin:0 0 var(--s3)}
.small{font-size:12.5px;color:var(--muted)} .muted{color:var(--muted)}
code{font-family:var(--mono);font-size:12px}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze-d);margin-bottom:var(--s2);display:flex;align-items:center;gap:8px}
.eyebrow::before{content:"";width:10px;height:12px;flex:0 0 auto;background:url(assets/brand/bolt_glyph.svg) no-repeat center/contain}
.rule{height:1px;width:72px;background:var(--bronze-line);margin:var(--s2) 0 var(--s4)}
/* ---------- header ---------- */
.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:var(--s5);padding:0 var(--s5);height:var(--hdr);background:var(--brushed-d);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.topbar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--bronze-line)}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;flex:0 0 auto;height:100%;background:none}
.brand img{display:block;background:none}
.brand .bh-mark{height:50px;width:auto}
.brand-div{width:1px;height:34px;background:linear-gradient(180deg,transparent,rgba(223,191,156,.7),transparent)}
.endorse{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.endorse-t{font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--champ);font-weight:600;line-height:1}
.brand .elco-mark{height:30px;width:auto}
.nav{display:flex;align-items:center;gap:2px;margin-left:auto;flex-wrap:nowrap}
.nav a{color:#e4e8e5;text-decoration:none;font-size:13px;font-weight:500;padding:7px 10px;border-radius:var(--r-s);white-space:nowrap;border:1px solid transparent}
.nav a:hover{color:#fff;border-color:rgba(223,191,156,.35)}
.nav a.active{color:var(--g900);background:var(--brushed);border-color:#fff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.12)}
.nav a.nav-cta{background:var(--orange-d);color:#fff;font-weight:600;margin-left:6px;border-color:#e0621f;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.nav a.nav-cta:hover{background:#b23b00} .nav a.nav-cta.active{background:#fff;color:var(--orange-txt);border-color:var(--orange)}
.navgroup{display:flex;align-items:center;gap:2px;padding:2px;border:1px solid rgba(223,191,156,.35);border-radius:var(--r);margin:0 4px}
.navlabel{display:none;color:var(--champ);font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:600;margin:0 6px 0 8px}
.burger{display:none;margin-left:auto;background:none;border:1px solid rgba(223,191,156,.4);border-radius:var(--r-s);padding:9px 10px;cursor:pointer}
.burger span{display:block;width:22px;height:2px;background:var(--champ);margin:4px 0}
main{min-height:70vh}
.wrap{max-width:1320px;margin:0 auto;padding:var(--s6) var(--s5)}
.loading{padding:96px 24px;text-align:center;color:var(--muted);display:flex;gap:12px;justify-content:center;align-items:center}
.spin{width:16px;height:16px;border:2px solid var(--silver-l);border-top-color:var(--orange);border-radius:50%;animation:sp 0.8s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
/* ---------- page head (brushed plate) ---------- */
.phead{position:relative;background:var(--brushed);border-bottom:1px solid #c9c8c5}
.phead::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:#fff}
.phead::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--silver-line);opacity:.9}
.phead .wrap{padding-top:var(--s6);padding-bottom:var(--s5);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s5);align-items:end}
.phead h1{color:var(--graphite);font-size:clamp(32px,3.6vw,46px);margin:0}
.phead .lead{color:var(--graphite-2);max-width:820px;margin:var(--s3) 0 0;font-size:14.5px}
.phead .ph-aside{max-width:380px;font-size:12px;color:var(--muted);border-left:1px solid var(--silver-l);padding-left:var(--s4)}
.phead .ph-stat{font-family:var(--disp);font-size:20px;color:var(--bronze-d);font-weight:700;letter-spacing:.04em;white-space:nowrap}
/* ---------- hero ---------- */
.hero{position:relative;color:#e9eeeb;background:radial-gradient(1200px 500px at 72% 30%,rgba(23,90,67,.55),transparent 70%),var(--brushed-d);overflow:hidden}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--bronze-line)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;max-width:1320px;margin:0 auto;padding:var(--s7) var(--s5) var(--s7);gap:var(--s6)}
.hero-logo{display:block;width:min(460px,100%);height:auto;margin:0 0 var(--s4) -4px}
.hero .sub{font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--champ);font-weight:600;margin-bottom:var(--s3)}
.hero h1{color:#fff;margin-bottom:var(--s3)} .hero h1 .yr{background:var(--bronze-pol);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{font-size:16px;color:#c9d5ce;max-width:580px}
.cta{display:flex;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s4)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--r-s);font-weight:600;font-size:13.5px;text-decoration:none;border:1px solid transparent;cursor:pointer;font-family:var(--sans);line-height:1.2;transition:background .15s,border-color .15s}
.btn-o{background:var(--orange-d);color:#fff;border-color:#e0621f;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)} .btn-o:hover{background:#b23b00;color:#fff}
.btn-s{background:var(--brushed);color:var(--g900);border-color:#fff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.14)} .btn-s:hover{color:var(--g900);border-color:var(--champ)}
.btn-g{background:transparent;color:#eef2ef;border-color:rgba(223,191,156,.5)} .btn-g:hover{color:#fff;border-color:var(--champ)}
.btn-line{background:#fff;border-color:var(--line);color:var(--g800)} .btn-line:hover{border-color:var(--bronze);color:var(--g800)}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:var(--s5);background:rgba(223,191,156,.28);border:1px solid rgba(223,191,156,.28);border-radius:var(--r);overflow:hidden}
.stat{background:rgba(5,28,22,.72);padding:var(--s3) var(--s4)}
.stat b{display:block;font-family:var(--disp);font-size:30px;font-weight:700;color:#fff;line-height:1;letter-spacing:.02em}
.stat span{font-size:10.5px;color:#b9c7bf;text-transform:uppercase;letter-spacing:.12em;font-weight:600}
.schem{width:100%;height:auto;display:block}
.schem-cap{font-size:11px;color:#b9c7bf;letter-spacing:.06em;margin-top:var(--s2);text-align:right}
/* ---------- sections, cards ---------- */
.sec{margin:0 0 var(--s7)}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s4)}
.card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);overflow-wrap:break-word}
.card::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:2px;border-radius:var(--r) var(--r) 0 0;background:var(--bronze-line)}
.pad{padding:var(--s5)}
.grid{display:grid;gap:var(--s4)} .g2{grid-template-columns:repeat(2,minmax(0,1fr))} .g3{grid-template-columns:repeat(3,minmax(0,1fr))} .g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid > *, .cfg > *, .showroom > *, .det > *{min-width:0}
/* ---------- chips & tags (uniform) ---------- */
.chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:var(--r-s);white-space:nowrap;border:1px solid;line-height:1.55;font-family:var(--sans);vertical-align:middle}
.chip.st-0::before,.chip.st-1::before,.chip.st-2::before,.chip.st-3::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 auto}
.st-0{background:var(--g100);color:var(--g700);border-color:#a9c6b7}
.st-1{background:var(--bronze-t);color:var(--bronze-d);border-color:#d8b897}
.st-2{background:var(--silver-t);color:var(--graphite-2);border-color:var(--silver-l)}
.st-3{background:var(--orange-t);color:var(--orange-txt);border-color:#f3a77d}
.pl-retail{background:#fff;color:var(--g700);border-color:#8fb3a1}
.pl-quote{background:#fff;color:var(--bronze-d);border-color:#cfa785}
.pl-np{background:var(--silver-t);color:var(--graphite-2);border-color:var(--silver-l)}
.pl-est{background:repeating-linear-gradient(-45deg,#fff 0 4px,var(--orange-t) 4px 8px);color:var(--orange-txt);border:1px dashed var(--orange)}
.pl-incl{background:var(--champ-t);color:var(--bronze-d);border-color:#e2cdb5}
.pl-na{background:transparent;color:var(--muted);border-color:var(--line-2)}
.tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:2px 6px;border-radius:var(--r-s);background:var(--g100);color:var(--g700);border:1px solid #c3d6cc;vertical-align:middle;line-height:1.4}
.tag.scout{background:var(--silver-t);color:var(--graphite-2);border-color:var(--silver-l)} .tag.peak{background:var(--orange-t);color:var(--orange-txt);border-color:#f3a77d}
.tag.ph{background:var(--bronze-t);color:var(--bronze-d);border-color:#d8b897} .tag.real{background:var(--g100);color:var(--g700);border-color:#a9c6b7}
.unv{display:inline-block;color:var(--bronze-d);background:var(--bronze-t);border:1px solid #e3cbb2;border-radius:var(--r-s);padding:0 5px;font-size:11.5px;font-weight:600;line-height:1.5}
.est-box{background:repeating-linear-gradient(-45deg,#fff 0 6px,#fff6f0 6px 12px);border:1px dashed var(--orange);border-radius:var(--r);padding:var(--s3) var(--s4)}
/* ---------- matrix ---------- */
.mx-scroll{overflow-x:auto}
.matrix{width:100%;border-collapse:separate;border-spacing:4px;min-width:860px}
.matrix th{font-size:11.5px;color:var(--muted);font-weight:600;text-align:center;line-height:1.3}
.matrix th .small{font-weight:500}
.matrix th.rowh{text-align:left;font-family:var(--disp);font-size:20px;font-weight:700;color:var(--g800);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding-right:var(--s2)}
.cell{display:block;text-decoration:none;border-radius:var(--r-s);padding:8px 4px;text-align:center;font-size:11px;font-weight:600;line-height:1.25;border:1px solid var(--line);background:#fff;color:var(--graphite)}
.cell b{display:block;font-size:20px;font-family:var(--disp);font-weight:700;line-height:1.05}
.cell.s0{background:var(--g100);border-color:#a9c6b7;color:var(--g700)} .cell.s1{background:var(--bronze-t);border-color:#d8b897;color:var(--bronze-d)}
.cell.s2{background:var(--silver-t);border-color:var(--silver-l);color:var(--graphite-2)} .cell.s3{background:var(--orange-t);border-color:#f3a77d;color:var(--orange-txt)}
.cell.none{background:repeating-linear-gradient(45deg,#fafaf9 0 5px,#f0efec 5px 10px);color:var(--muted);border-style:dashed}
.cell:hover{border-color:var(--orange);color:inherit}
.legend-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:var(--s3)}
/* ---------- filters ---------- */
.filters{position:sticky;top:var(--hdr);z-index:20;background:rgba(243,242,239,.97);backdrop-filter:blur(6px);padding:var(--s3) 0;border-bottom:1px solid var(--line);margin-bottom:var(--s4)}
.frow{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:flex-end}
.frow label{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600;display:flex;flex-direction:column;gap:4px}
select,input[type=search],input[type=number]{font-family:var(--sans);font-size:13px;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:var(--r-s);background:#fff;color:var(--graphite);min-width:0;max-width:100%}
select{padding-right:28px;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%237d4c2a'/%3E%3C/svg%3E") no-repeat right 10px center}
select:hover,input:hover{border-color:var(--silver)} select:focus,input:focus{border-color:var(--bronze);outline:none;box-shadow:0 0 0 3px rgba(175,113,69,.18)}
input[type=range]{accent-color:var(--orange-d);width:100%}
.tgl{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;height:32px;padding:0 10px;border:1px solid var(--line);border-radius:var(--r-s);background:#fff;cursor:pointer;user-select:none;text-transform:none!important;letter-spacing:0!important;flex-direction:row!important;color:var(--graphite)!important;font-weight:500!important}
.tgl input{accent-color:var(--orange-d);margin:0}
.stchips{display:flex;gap:6px;flex-wrap:wrap}
.stchips button{cursor:pointer;opacity:.5;height:32px;padding:0 10px} .stchips button.on{opacity:1;box-shadow:inset 0 0 0 1px currentColor}
.count{font-size:12.5px;color:var(--muted);margin-left:auto}
/* ---------- band strip ---------- */
.bands{display:flex;gap:var(--s2);overflow-x:auto;padding:2px 2px var(--s3);scroll-snap-type:x mandatory}
.band{flex:0 0 auto;min-width:148px;scroll-snap-align:start;border-radius:var(--r);border:1px solid var(--line);background:#fff;padding:10px 12px;cursor:pointer;text-align:left;font-family:var(--sans);color:var(--graphite);position:relative}
.band:hover{border-color:var(--silver)}
.band.on{border-color:var(--orange);box-shadow:inset 0 2px 0 var(--orange)}
.band h4{margin:0;font-size:22px;color:var(--g800)} .band .k{font-size:11.5px;color:var(--muted)}
.band .n{font-size:12px;margin-top:4px} .band.empty{background:repeating-linear-gradient(45deg,#fff 0 6px,#f5f4f1 6px 12px)}
/* ---------- tables ---------- */
.ptable{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:var(--r);font-size:13px;box-shadow:var(--sh)}
.ptable th{background:var(--g800);color:var(--champ);font-weight:600;font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;text-align:left;padding:10px;position:sticky;top:calc(var(--hdr) + 0px);z-index:2;border-bottom:1px solid var(--bronze)}
.ptable th:first-child{border-top-left-radius:var(--r)} .ptable th:last-child{border-top-right-radius:var(--r)}
.ptable td{padding:10px;border-top:1px solid var(--line-2);vertical-align:top}
.ptable tr.main:nth-of-type(4n+1) td{background:#fcfcfb}
.ptable tr.main:hover td{background:var(--champ-t);cursor:pointer}
.ptable .nm{font-weight:600;color:var(--g800)} .ptable .sm{font-size:12px;color:var(--muted)}
.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
tr.detail td{background:#fafaf8;padding:0;border-top:1px solid var(--line)}
.det{padding:var(--s4) var(--s5);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--s5)}
.mini{width:100%;border-collapse:collapse;font-size:12.5px} .mini td,.mini th{padding:7px 8px;border-bottom:1px solid var(--line-2);text-align:left;vertical-align:top} .mini th{font-size:10.5px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-bottom-color:var(--line)}
.math{font-family:var(--mono);font-size:12px;background:var(--silver-t);border:1px solid var(--line-2);border-radius:var(--r-s);padding:10px 12px;white-space:pre-wrap;line-height:1.65;overflow-x:auto}
.reasons{margin:0;padding-left:18px} .reasons li{margin:3px 0;font-size:12.5px;overflow-wrap:anywhere}
.more{display:block;margin:var(--s4) auto}
.dtable{width:100%;border-collapse:collapse;font-size:12.5px;background:#fff}
.dtable th{background:var(--silver-t);text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;padding:9px 8px;color:var(--g800);position:sticky;top:0;z-index:1;border-bottom:1px solid var(--line)}
.dtable td{padding:8px;border-top:1px solid var(--line-2);vertical-align:top}
.dtable tbody tr:nth-child(even) td{background:#fbfbfa}
.tscroll{overflow:auto;max-height:620px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
/* ---------- unit cards ---------- */
.ucard{display:flex;flex-direction:column;overflow:hidden}
.ucard::before{display:none}
.ucard .uh{padding:var(--s4) var(--s4) var(--s3);background:var(--brushed-d);border-bottom:1px solid var(--bronze);color:#e9eeeb}
.ucard .uh .mk{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--champ);font-weight:600;display:flex;gap:6px;align-items:center}
.ucard .uh h3{margin:2px 0 var(--s2);font-size:22px;color:#fff}
.ucard .uh .chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.ucard .uh .price{color:#fff;font-weight:600;font-size:13px}
.spec{width:100%;border-collapse:collapse;font-size:12.5px} .spec td{padding:7px var(--s4);border-bottom:1px solid var(--line-2);vertical-align:top} .spec td:first-child{color:var(--muted);width:42%;font-size:12px}
.srcs{padding:var(--s3) var(--s4) 0;font-size:12px} .srcs a{margin-right:8px}
.ufoot{margin-top:auto;padding:var(--s3) var(--s4) var(--s4);display:flex;gap:8px;flex-wrap:wrap}
.toolbar{display:flex;gap:var(--s2);flex-wrap:wrap;align-items:center;margin:0 0 var(--s4)}
/* ---------- alerts / callouts ---------- */
.alert{position:relative;border-radius:var(--r);padding:var(--s3) var(--s4) var(--s3) calc(var(--s4) + 4px);border:1px solid var(--line);display:flex;gap:var(--s3);align-items:flex-start;background:#fff;box-shadow:var(--sh)}
.alert::before{content:"";position:absolute;left:-1px;top:-1px;bottom:-1px;width:4px;border-radius:var(--r) 0 0 var(--r)}
.alert.red::before{background:var(--orange)} .alert.amber::before{background:var(--bronze)} .alert.info::before{background:var(--g600)}
.alert .dot{display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:1px 6px;border-radius:var(--r-s);margin-top:2px;flex:0 0 auto;border:1px solid}
.alert.red .dot{color:var(--orange-txt);background:var(--orange-t);border-color:#f3a77d} .alert.red .dot::after{content:"Lapsed"}
.alert.amber .dot{color:var(--bronze-d);background:var(--bronze-t);border-color:#d8b897} .alert.amber .dot::after{content:"Watch"}
.alert.info .dot{color:var(--g700);background:var(--g100);border-color:#a9c6b7} .alert.info .dot::after{content:"Info"}
.alert b{color:var(--g800)}
.callout{position:relative;background:#fff;border:1px solid var(--line);border-left:3px solid var(--orange);padding:var(--s3) var(--s4);border-radius:0 var(--r) var(--r) 0}
.gaps{font-size:13px} .gaps table{border-collapse:collapse;font-size:12px;display:block;overflow-x:auto;max-width:100%;margin:var(--s2) 0} .gaps td,.gaps th{border:1px solid var(--line-2);padding:6px 8px;vertical-align:top;min-width:90px} .gaps th{background:var(--silver-t);text-align:left}
.gaps h3{font-size:19px;margin-top:var(--s4)} .gaps h4{font-size:16px;margin-top:var(--s3)}
details.fold{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:var(--s3) var(--s4);margin:var(--s3) 0}
details.fold summary{cursor:pointer;font-weight:600;color:var(--g800);list-style:none;display:flex;align-items:center;gap:8px}
details.fold summary::-webkit-details-marker{display:none}
details.fold summary::before{content:"";width:8px;height:8px;border-right:1.5px solid var(--bronze-d);border-bottom:1.5px solid var(--bronze-d);transform:rotate(-45deg);transition:transform .15s;flex:0 0 auto}
details.fold[open] summary::before{transform:rotate(45deg)}
details.fold[open] summary{margin-bottom:var(--s3)}
.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:13px} .kv dt{color:var(--muted)} .kv dd{margin:0}
/* ---------- identity section ---------- */
.idband{position:relative;background:var(--brushed-d);color:#e3e9e5;border-radius:var(--r);padding:var(--s6);overflow:hidden;border:1px solid #0a2b21}
.idband::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--bronze-line)}
.idband h2{color:#fff} .idband .muted,.idband .small{color:#b9c7bf} .idband .eyebrow{color:var(--champ)}
.idmarks{display:grid;grid-template-columns:1.4fr 1fr .5fr .5fr;gap:var(--s5);align-items:center;margin:var(--s5) 0}
.idmarks figure{margin:0;text-align:center} .idmarks img{display:block;width:100%;height:auto;margin:0 auto;background:none}
.idmarks figcaption{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--champ);margin-top:var(--s2)}
.swatches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s3)}
.sw{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#e3e9e5}
.sw i{display:block;height:44px;border-radius:var(--r-s);border:1px solid rgba(255,255,255,.18)}
.sw span{font-size:11px;color:#b9c7bf}
/* ---------- configurator / showroom ---------- */
.cfg{display:grid;grid-template-columns:minmax(0,350px) minmax(0,1fr);gap:var(--s5);align-items:start}
.cfg-panel{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:var(--s5);box-shadow:var(--sh);position:sticky;top:calc(var(--hdr) + 16px)}
.cfg-panel label{display:flex;flex-direction:column;gap:5px;font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600;margin-bottom:var(--s4)}
.cfg-panel select,.cfg-panel input{width:100%}
.cfg-panel #c-hpv{text-transform:none;letter-spacing:0;font-weight:500}
.presets{display:flex;flex-direction:column;gap:6px;margin-top:var(--s2)} .presets .btn{justify-content:flex-start;width:100%}
.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--silver-t);border:1px solid var(--line);border-radius:var(--r-s);padding:2px;margin-bottom:var(--s4)}
.seg button{border:0;background:transparent;padding:8px 6px;border-radius:2px;font-weight:600;font-size:13px;font-family:var(--sans);cursor:pointer;color:var(--graphite)}
.seg button.on{background:var(--g800);color:var(--champ);box-shadow:inset 0 -1px 0 var(--bronze)}
.stage{position:relative;height:500px;border-radius:var(--r);overflow:hidden;background:radial-gradient(ellipse at 50% 28%,#1a4d3b 0%,#0a2b21 50%,#051c16 100%);border:1px solid var(--g800)}
.stage canvas{display:block;width:100%;height:100%}
.stage .hud{position:absolute;left:var(--s3);top:var(--s3);right:var(--s3);display:flex;justify-content:space-between;align-items:center;gap:10px;pointer-events:none}
.stage .hud > *{pointer-events:auto}
.hud .hint{font-size:11.5px;color:#c9d5ce}
.livery{display:inline-flex;background:rgba(5,28,22,.85);border:1px solid rgba(223,191,156,.45);border-radius:var(--r-s);padding:2px}
.livery button{border:0;background:none;color:#e4e8e5;font-size:12px;font-weight:600;padding:6px 10px;border-radius:2px;cursor:pointer;font-family:var(--sans)}
.livery button.on{background:var(--orange-d);color:#fff}
.legend{position:absolute;left:var(--s3);bottom:var(--s3);right:var(--s3);display:flex;flex-wrap:wrap;gap:6px;pointer-events:none}
.legend span{background:rgba(5,28,22,.88);color:#e3e9e5;font-size:11.5px;padding:4px 8px;border-radius:var(--r-s);border:1px solid rgba(223,191,156,.3)}
.legend b{color:var(--champ)} .legend em{font-style:normal;font-weight:700;letter-spacing:.08em;font-size:10px;padding:1px 5px;border-radius:2px;margin:0 4px}
.legend em.real{background:var(--g600);color:#fff} .legend em.ph{background:var(--bronze-d);color:#fff} .legend em.sch{background:var(--graphite-2);color:#fff}
.readout{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:var(--s4);background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.readout .ro{background:#fff;padding:var(--s3) var(--s4)}
.readout .ro b{display:block;font-family:var(--disp);font-size:26px;font-weight:700;color:var(--g800);line-height:1.1;margin:4px 0 2px}
.readout .ro > span{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600}
.readout .ro .sub{font-size:11.5px;color:var(--muted);text-transform:none;letter-spacing:0;font-weight:500}
.showroom{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:var(--s4)}
.srlist{max-height:560px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.srlist button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line-2);background:#fff;padding:10px 12px;cursor:pointer;font-family:var(--sans);font-size:13px;color:var(--graphite)}
.srlist button:hover{background:var(--champ-t)}
.srlist button.on{background:var(--g800);color:#fff;box-shadow:inset 3px 0 0 var(--orange)} .srlist button small{display:block;color:var(--muted);font-size:11px} .srlist button.on small{color:var(--champ)}
/* ---------- modal, gallery ---------- */
.modal{position:fixed;inset:0;background:rgba(5,28,22,.78);z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--s5)}
.modal[hidden]{display:none}
.modal-inner{background:#fff;border-radius:var(--r);max-width:1000px;width:100%;max-height:92vh;overflow:auto;position:relative;padding:var(--s5);border-top:2px solid var(--bronze)}
.modal-x{position:absolute;right:10px;top:6px;border:0;background:none;font-size:28px;cursor:pointer;color:var(--muted);line-height:1}
.modal .stage{height:min(60vh,520px)}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s3)}
.gallery figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.gallery img{width:100%;height:160px;object-fit:cover;display:block;cursor:zoom-in} .gallery figcaption{font-size:12px;padding:8px 10px;color:var(--muted);border-top:1px solid var(--line-2)}
/* ---------- footer ---------- */
.foot{background:var(--brushed-d);color:#b9c7bf;font-size:12.5px;position:relative;margin-top:var(--s6)}
.foot::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--bronze-line)}
.foot-in{max-width:1320px;margin:0 auto;padding:var(--s5);display:flex;gap:var(--s5);align-items:center}
.foot strong{color:#fff}
.footmarks{display:flex;gap:var(--s4);align-items:center;flex:0 0 auto}
.footlogo{height:52px;width:auto;display:block;background:none} .footlogo.sm{height:34px}
/* ---------- responsive ---------- */
@media (min-width:1600px){ .navlabel{display:inline} }
@media (max-width:1380px){ .nav a{padding:6px 8px;font-size:12.5px} .endorse-t{display:none} .topbar{gap:var(--s4)} }
@media (max-width:1220px){ .brand .elco-mark{height:26px} .nav a{padding:6px 6px;font-size:12px} }
@media (max-width:1120px){
  .burger{display:block}
  .nav{display:none;position:fixed;top:var(--hdr);left:0;right:0;bottom:0;background:var(--g900);flex-direction:column;align-items:stretch;padding:var(--s4) var(--s5);gap:4px;overflow:auto}
  body.nav-open .nav{display:flex}
  .nav a{font-size:16px;padding:12px 14px}
  .nav a.nav-cta{margin:8px 0 0}
  .navgroup{flex-direction:column;align-items:stretch;padding:6px;margin:4px 0} .navlabel{display:block;margin:6px 8px}
  .hero-grid{grid-template-columns:minmax(0,1fr);padding:var(--s6) var(--s5)}
  .g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cfg,.showroom{grid-template-columns:minmax(0,1fr)} .cfg-panel{position:static} .readout{grid-template-columns:repeat(2,minmax(0,1fr))}
  .phead .wrap{grid-template-columns:minmax(0,1fr)} .phead .ph-aside{border-left:0;padding-left:0;max-width:none}
  .idmarks{grid-template-columns:1fr 1fr} .swatches{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .ptable{border:0;background:transparent;box-shadow:none}
  .ptable thead{display:none} .ptable,.ptable tbody,.ptable tr,.ptable td{display:block;width:100%}
  .ptable tr.main{background:#fff;border:1px solid var(--line);border-radius:var(--r);margin-top:var(--s2);padding:var(--s3);display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}
  .ptable tr.main td,.ptable tr.main:nth-of-type(4n+1) td{border:0;padding:0;background:transparent}
  .ptable td[data-l]::before{content:attr(data-l);display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700;margin-bottom:2px}
  .ptable td.wide{grid-column:1/-1} .num{text-align:left}
  tr.detail td{border:1px solid var(--line);border-top:0;border-radius:0 0 var(--r) var(--r)}
  .det{grid-template-columns:minmax(0,1fr);padding:var(--s3)}
}
@media (max-width:640px){
  :root{--hdr:60px}
  .wrap{padding:var(--s5) var(--s4)} .topbar{padding:0 var(--s4)} .brand{gap:10px} .brand .bh-mark{height:40px} .brand .elco-mark{height:22px} .brand-div{height:26px}
  .phead .wrap{padding-top:var(--s5);padding-bottom:var(--s4)}
  .g2,.g3,.g4{grid-template-columns:minmax(0,1fr)} .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .frow{gap:6px} .frow label{flex:1 1 45%} .frow select,.frow input{width:100%}
  .count{margin-left:0;width:100%}
  .foot-in{flex-direction:column;align-items:flex-start}
  .stage{height:360px} .srlist{max-height:240px}
  .readout .ro b{font-size:22px}
  .idband{padding:var(--s5)} .idmarks{grid-template-columns:1fr} .idmarks figure.sm{max-width:120px} .swatches{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pad{padding:var(--s4)}
}
@media (max-width:640px){ main table:not(.ptable):not(.spec):not(.matrix){display:block;overflow-x:auto;max-width:100%} }
.ptable tr[hidden], tr.detail[hidden]{display:none!important}
.stchips button:not(.on){opacity:1;background:#fff;color:var(--muted);border-color:var(--line)}
/* v2 sweep fixes */
.nw,.nw b{white-space:nowrap}
.filters .fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--s2)}
.filters .fgrid label{min-width:0} .filters .fgrid select,.filters .fgrid input{width:100%}
.frow label.tgl{flex:0 0 auto}
#cfgdet .det{grid-template-columns:minmax(0,1fr)}
.brandfiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s4);margin-top:var(--s3)}
.bf{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--graphite);font-size:12px}
.bf img{display:block;height:84px;width:100%;object-fit:contain;background:none}
.bf:hover span{color:var(--orange-d)}
@media (max-width:1120px){ .brandfiles{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:640px){
  .filters .fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .frow label.tgl{height:auto;min-height:32px;padding:6px 10px;flex:1 1 100%}
  .hud .hint{display:none} .livery button{white-space:nowrap;padding:6px 8px}
  .legend .basis{display:none} .legend span{font-size:11px}
  .brandfiles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.matrix{table-layout:fixed} .matrix th:first-child{width:110px}
.frow label.tgl{justify-content:flex-start;text-align:left}
@media (max-width:640px){ .frow label.tgl{flex:0 1 auto} }
.frow input[type=checkbox]{width:auto!important;height:auto}