/* ===== New design on the other pages (24 Oct 2026) =====
   Projects list, Office, Bills inbox, Diary review and the project tabs (Specs, Site diary, Expenses, Contract).
   Restyle only: ndp.js sets body[data-ndp] on these pages and marks the top tiles; Home, Money and the project Overview keep their own nd- views.
   Top tiles = fill C (colour pours from the top), cards = fill B (dark glass, soft rim), Edge line under each box's main part, no text under 11.5px. */
body[data-ndp] #m{--ndg:150,150,165;--ndgd:13,13,16}

/* page header: the original dz header (amber bar, eyebrow, big title, grey subtitle) from index.html is kept as is */

/* buttons: the kit's glass capsule (orange rim for the main one) */
body[data-ndp] #m .dz .mbb{height:32px;padding:0 14px;border-radius:16px;border:0;font-size:13.5px;font-weight:500;letter-spacing:.08em;color:#fff;background:rgba(255,255,255,.09);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
body[data-ndp] #m .dz .mbb:hover,body[data-ndp] #m .dz .mbb:focus-visible{background:rgba(255,255,255,.15);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
body[data-ndp] #m .dz .mbb.p{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px var(--nd-or2),0 0 12px rgba(238,119,7,.35)}
body[data-ndp] #m .dz .mbb.on{background:rgba(255,255,255,.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);color:#fff}
body[data-ndp] #m .dz .mbb.dng{box-shadow:inset 0 0 0 1px rgba(255,69,58,.55);color:#ffb3ad}
body[data-ndp] #m .dz .mtb .mbb.s{height:30px;padding:0 11px;font-size:13px}

/* bands become B cards with a neutral rim; the heading sits above an Edge line */
body[data-ndp] #m .dz-band:not(.b1){border:0;border-radius:28px;padding:16px 20px 20px;
 background:radial-gradient(ellipse 85% 75% at 50% 55%,rgba(var(--ndgd),.96) 0 55%,rgba(var(--ndgd),.6) 100%),linear-gradient(180deg,rgba(var(--ndg),.32),rgba(var(--ndg),.08) 45%,rgba(var(--ndg),.2)),#111114;
 box-shadow:inset 0 0 0 1px rgba(var(--ndg),.28),inset 0 0 26px 2px rgba(var(--ndg),.16),inset 0 1px 0 rgba(255,255,255,.12),0 16px 40px rgba(0,0,0,.45)}
body[data-ndp] #m .dz-band:not(.b1)>.dz-bh{position:relative;margin:-16px -20px 16px;padding:16px 20px 14px;background:rgba(255,255,255,.03);border-radius:28px 28px 0 0;align-items:center}
body[data-ndp] #m .dz-band:not(.b1)>.dz-bh:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(255,255,255,.55);box-shadow:0 1px 0 rgba(0,0,0,.5)}
body[data-ndp] #m .dz-bh b{font-size:14px;font-weight:600;letter-spacing:.08em}
body[data-ndp] #m .dz-bh span{font-size:13.5px;letter-spacing:.02em;color:var(--nd-ink2)}
body[data-ndp] #m .dz-band::after{border-radius:inherit}
body[data-ndp] #m .dz-band.b1 .dz-bh b{color:#fff}

/* top tiles (dz-t marked ndc by ndp.js) = fill C, name on top, plain glowing number, Edge line above the status part */
body[data-ndp] #m .ndc{--c:79,141,255;--d:9,14,30}
body[data-ndp] #m .ndc.nc-plum{--c:176,114,255;--d:20,9,34}
body[data-ndp] #m .ndc.nc-copper{--c:226,124,46;--d:26,12,4}
body[data-ndp] #m .dz-t.ndc,body[data-ndp] #m .mk.ndc{border:0;filter:none;color:#fff;
 background:radial-gradient(ellipse 120% 70% at 50% -8%,rgba(var(--c),1) 0%,rgba(var(--c),.6) 28%,rgba(var(--c),.12) 55%,transparent 72%),radial-gradient(ellipse 70% 40% at 50% 112%,rgba(var(--c),.55),transparent 70%),rgb(var(--d));
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),inset 0 0 30px 2px rgba(var(--c),.45),0 16px 40px rgba(0,0,0,.5)}
body[data-ndp] #m .dz-t.ndc{border-radius:26px;padding:0 20px;min-height:0}
body[data-ndp] #m .dz-t.ndc:hover,body[data-ndp] #m .dz-t.ndc:focus-visible{box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),inset 0 0 34px 3px rgba(var(--c),.55),0 20px 46px rgba(0,0,0,.6)}
body[data-ndp] #m .dz-t.ndc .dz-st{height:auto;margin:0;padding:18px 0 0;flex-direction:column;align-items:flex-start;gap:12px}
body[data-ndp] #m .dz-t.ndc .dz-st::before{display:none}
body[data-ndp] #m .dz-t.ndc .dz-n{flex:none;width:100%;font-size:14px;font-weight:500;letter-spacing:.08em}
body[data-ndp] #m .dz-t.ndc .dz-ic{width:22px;height:22px;margin-left:-2px;color:#fff;background:none;opacity:.85}
body[data-ndp] #m .dz-t.ndc .dz-ic svg{width:16px;height:16px}
body[data-ndp] #m .dz-t.ndc .dz-a{font-size:40px;font-weight:600;color:#fff;text-shadow:0 0 18px rgba(255,255,255,.4);line-height:1}
body[data-ndp] #m .dz-t.ndc .dz-bd{flex:1;justify-content:flex-start;gap:10px;padding:8px 0 16px}
body[data-ndp] #m .dz-t.ndc .dz-d{font-size:13.5px;letter-spacing:.02em;text-transform:none;color:rgba(255,255,255,.92)}
body[data-ndp] #m .dz-t.ndc .dz-sb{margin:0 -20px;height:auto;min-height:44px;padding:10px 20px;background:rgba(0,0,0,.22);border-top:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(0,0,0,.5);font-size:13.5px;font-weight:500;letter-spacing:.02em;text-transform:none;color:rgba(255,255,255,.92)}
body[data-ndp] #m .dz-t.ndc .dz-sb span:first-child{padding:3px 10px;border-radius:10px;background:rgba(255,255,255,.1);color:#fff;text-transform:uppercase;letter-spacing:.06em;font-size:13px;overflow:hidden;text-overflow:ellipsis;min-width:0}
body[data-ndp] #m .dz-t.ndc .dz-sb span:first-child:empty{display:none}
body[data-ndp] #m .dz-t.ndc.g .dz-sb span:first-child{background:rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
body[data-ndp] #m .dz-t.ndc.am .dz-sb span:first-child{background:rgba(238,119,7,.28);color:#ffd2a1}
body[data-ndp] #m .dz-t.ndc.rd .dz-sb span:first-child{background:rgba(255,69,58,.3);color:#ffc2bd}
body[data-ndp] #m .dz-t.ndc .dz-sb span:last-child{margin-left:auto;text-transform:uppercase;letter-spacing:.06em;font-size:13px}
body[data-ndp] #m .dz-t.ndc .pxpc{font-size:13.5px;font-weight:500}
body[data-ndp] #m .dz-t.ndc .pxpc b{color:#fff}body[data-ndp] #m .dz-t.ndc .pxpc span{color:#ffd2a1}

/* small figure boxes (mk) = fill C too; numbers white and glowing, the note sits under the Edge line */
body[data-ndp] #m .mk.ndc{position:relative;display:flex;flex-direction:column;border-radius:22px;padding:14px 18px 0;overflow:hidden}
body[data-ndp] #m .mk.ndc>span{font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;color:#fff;opacity:.95}
body[data-ndp] #m .mk.ndc>b{display:block;margin:10px 0 12px;font-size:30px;font-weight:600;color:#fff!important;text-shadow:0 0 14px rgba(255,255,255,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-ndp] #m .mk.ndc>b small{font-size:13.5px!important;color:#e0e0e4!important;text-shadow:none}
body[data-ndp] #m .mk.ndc .bar{margin:-4px 0 12px;height:6px;border-radius:3px;background:rgba(255,255,255,.14)}
body[data-ndp] #m .mk.ndc .bar u{background:#fff!important;border-radius:3px}
body[data-ndp] #m .mk.ndc>i{display:block;margin:auto -18px 0;padding:10px 18px 12px;font-style:normal;font-size:13.5px;line-height:1.4;color:rgba(255,255,255,.92);background:rgba(0,0,0,.22);border-top:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(0,0,0,.5)}
body[data-ndp] #m .mk.ndc>i:empty{min-height:20px}
body[data-ndp] #m .mk.ndc.bad{box-shadow:inset 0 0 0 1px rgba(255,69,58,.7),inset 0 0 30px 2px rgba(var(--c),.45),0 16px 40px rgba(0,0,0,.5)}
body[data-ndp] #m .mn-kpi{gap:12px}

/* budget line cards (list-heavy): B fill with the status colour as the rim, Edge line above the status part */
body[data-ndp] #m .mt{border:0;border-radius:20px;padding:12px 16px 0;
 background:radial-gradient(ellipse 85% 75% at 50% 55%,rgba(var(--ndgd),.96) 0 55%,rgba(var(--ndgd),.6) 100%),linear-gradient(180deg,color-mix(in srgb,var(--sc) 30%,transparent),color-mix(in srgb,var(--sc) 6%,transparent) 45%,color-mix(in srgb,var(--sc) 16%,transparent)),#111114;
 box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sc) 35%,transparent),inset 0 0 22px 1px color-mix(in srgb,var(--sc) 22%,transparent),0 12px 30px rgba(0,0,0,.45)}
body[data-ndp] #m .mt .hx{display:none}
body[data-ndp] #m .mt .nm{font-size:14.5px;font-weight:600;letter-spacing:.06em}
body[data-ndp] #m .mt .no{font-weight:500;color:var(--nd-ink2)}
body[data-ndp] #m .mt .mat{font-size:12.5px;letter-spacing:.06em}
body[data-ndp] #m .mt .row small{font-size:12.5px;letter-spacing:.08em}
body[data-ndp] #m .mt .row b{font-weight:500;font-size:20px;color:#fff}
body[data-ndp] #m .mt .row b em{font-weight:500}
body[data-ndp] #m .mt .pc{font-weight:600;font-size:28px}
body[data-ndp] #m .mt .sb{margin:12px -16px 0;height:auto;min-height:36px;padding:8px 16px;background:rgba(0,0,0,.25);border-top:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(0,0,0,.5);font-size:13px;font-weight:600;letter-spacing:.08em}
body[data-ndp] #m .mt.open .mhead{margin:-12px -16px 0;padding:12px 16px 0}

/* cash book week and day bars: quiet glass instead of white and dark red */
body[data-ndp] #m .mwk{background:rgba(255,255,255,.08);color:#fff;border:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);border-radius:14px;font-weight:600;font-size:14px}
body[data-ndp] #m .mday{background:rgba(226,124,46,.16);color:#ffd2a8;box-shadow:inset 0 0 0 1px rgba(226,124,46,.32);border-radius:12px 12px 0 0;font-weight:600}
body[data-ndp] #m .mtb th{font-size:12.5px}
body[data-ndp] #m [style*="font-size:10px"],body[data-ndp] #m [style*="font-size:11px"],body[data-ndp] #m [style*="font-size: 10px"],body[data-ndp] #m [style*="font-size: 11px"]{font-size:12.5px!important}
body[data-ndp] #m .mpill,body[data-ndp] #m .mchip{font-size:12.5px}

/* bills inbox and diary review: list rows stay slim, on B glass */
body[data-ndp] #m .bc,body[data-ndp] #m .rvit,body[data-ndp] #m .rvlock,body[data-ndp] #m .rvpb{border:0;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)),#111114;box-shadow:inset 0 0 0 1px rgba(var(--ndg),.24),inset 0 1px 0 rgba(255,255,255,.1),0 12px 28px rgba(0,0,0,.4)}
body[data-ndp] #m .bc{--c:222,178,112;box-shadow:inset 0 0 0 1px rgba(var(--c),.32),inset 0 0 22px 1px rgba(var(--c),.18),0 12px 28px rgba(0,0,0,.4)}
body[data-ndp] #m .rvit.on,body[data-ndp] #m .rvpb.on{box-shadow:inset 0 0 0 1px var(--nd-or2),0 0 14px rgba(238,119,7,.3)}
body[data-ndp] #m .rvpb.on{background:rgba(255,255,255,.14);color:#fff}
body[data-ndp] #m .rvtt{font-weight:500;font-size:20px;letter-spacing:.04em}
body[data-ndp] #m .lb{font-size:12.5px}
/* labour tiles: the paid line becomes a white capsule under the amount (its % label sits just below) */
body[data-ndp] #m .dz-t.ndc .pxln{position:relative;display:block;width:100%;height:8px;border-radius:4px;background:rgba(255,255,255,.14);overflow:hidden}
body[data-ndp] #m .dz-t.ndc .pxln i{background:#fff;box-shadow:0 0 8px rgba(255,255,255,.5);border-radius:4px}
/* site diary tab: week bar and day bands in quiet glass, entries on B glass */
body[data-ndp] #m .dywk{background:rgba(255,255,255,.08);color:#fff;border:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);border-radius:14px;font-weight:600;font-size:14px}
body[data-ndp] #m .dyc2{border:0;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015)),#111114;box-shadow:inset 0 0 0 1px rgba(var(--ndg),.24),0 12px 28px rgba(0,0,0,.4)}
body[data-ndp] #m .dyband{background:rgba(226,124,46,.16);box-shadow:inset 0 -1px 0 rgba(255,255,255,.4);color:#ffd2a8;font-weight:600}
body[data-ndp] #m .dybig2{border:0;border-radius:28px;font-weight:500;font-size:14px;letter-spacing:.08em;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 10px 26px rgba(0,0,0,.45)}
body[data-ndp] #m .dybig2.hot{background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1px var(--nd-or2),0 0 14px rgba(238,119,7,.35)}
/* specs tab: item cards on B glass with an Edge line above the status line */
body[data-ndp] #m .spt{border:0!important;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),#111114!important;box-shadow:inset 0 0 0 1px rgba(var(--ndg),.26),inset 0 1px 0 rgba(255,255,255,.1),0 12px 28px rgba(0,0,0,.4)!important;padding-bottom:0!important}
body[data-ndp] #m .spt .hdx{display:none}
body[data-ndp] #m .spt .sbar{margin:8px -12px 0;height:auto;padding:7px 12px;background:rgba(0,0,0,.22);border-top:1px solid rgba(255,255,255,.55);font-size:12.5px;font-weight:600;letter-spacing:.08em}
body[data-ndp] #m .dywk *{color:#b9b9c0}
body[data-ndp] #m .dywk>:first-child,body[data-ndp] #m .dywk b{color:#fff}
@media(max-width:640px){body[data-ndp] #m .mk.ndc>b{font-size:22px;white-space:normal}body[data-ndp] #m .mk.ndc{padding:12px 14px 0}body[data-ndp] #m .mk.ndc>i{margin:auto -14px 0;padding:9px 14px 10px}body[data-ndp] #m .dz-t.ndc .dz-a{font-size:34px}}

/* Projects list tiles (24 Oct 2026): light orange-brown tint with a soft centred #ee7707 glow (user reference, option C). 1 name, 2 client, place, size, Edge line, 3 % built with days ahead or behind, 4 what is on now */
body[data-ndp] #m .dz-t.ndc.pjt{background:radial-gradient(ellipse 85% 60% at 50% 72%,rgba(238,119,7,.5) 0%,rgba(210,100,20,.35) 22%,rgba(150,70,15,.2) 45%,transparent 85%),linear-gradient(180deg,#3a2718,#4a2c15 60%,#5a3214);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(255,255,255,.08),0 16px 40px rgba(0,0,0,.5)}
body[data-ndp] #m .dz-t.pjt .dz-st{position:relative;gap:6px;padding:20px 0 16px}
body[data-ndp] #m .dz-t.pjt .dz-st::after{content:"";position:absolute;bottom:0;left:-20px;right:-20px;height:1px;background:rgba(255,255,255,.3)}
body[data-ndp] #m .dz-t.pjt .dz-n{font-size:24px;font-weight:700;letter-spacing:.03em;line-height:1.1;text-transform:uppercase;color:#fff;white-space:normal}
body[data-ndp] #m .dz-t.pjt .dz-n>span{overflow:visible;white-space:normal}
body[data-ndp] #m .pjt .pj-w{display:flex;flex-direction:column;gap:3px;font-size:15px;line-height:1.35;color:rgba(255,255,255,.85)}
body[data-ndp] #m .pjt .pj-w>span{display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-ndp] #m .pjt .pj-w>span.pj-c{color:#fff;font-weight:600}
body[data-ndp] #m .pjt .pj-w svg{flex:none;width:15px;height:15px;opacity:.7}
body[data-ndp] #m .dz-t.pjt .dz-bd{gap:0;margin:0 -20px;padding:18px 20px}
body[data-ndp] #m .dz-t.pjt .pj-sb{background:none;border-top-color:rgba(255,255,255,.3)}
body[data-ndp] #m .pjt .pj-r1,body[data-ndp] #m .pjt .pj-r2{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
body[data-ndp] #m .pjt .pj-big{font-size:15px;font-weight:500;color:#fff}
body[data-ndp] #m .pjt .pj-big b{font-size:44px;font-weight:600;line-height:1;margin-right:4px;text-shadow:0 0 18px rgba(255,255,255,.4)}
body[data-ndp] #m .pjt .pj-st{display:inline-flex;align-items:center;gap:8px;padding:5px 13px 5px 11px;border-radius:999px;background:rgba(10,10,12,.88);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);font-size:15px;font-weight:600;white-space:nowrap;color:#fff}
body[data-ndp] #m .pjt .pj-st.ah{color:#30d158}body[data-ndp] #m .pjt .pj-st.bh{color:#ff453a}
body[data-ndp] #m .pjt .pj-st i{width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
body[data-ndp] #m .pjt .pj-bar{position:relative;height:10px;margin:14px 0 12px;border-radius:5px;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
body[data-ndp] #m .pjt .pj-bar u{position:absolute;left:0;top:0;bottom:0;border-radius:5px;background:#fff;box-shadow:0 0 10px rgba(255,255,255,.5)}
body[data-ndp] #m .pjt .pj-r2{font-size:14.5px;color:rgba(255,255,255,.8)}
body[data-ndp] #m .pjt .pj-r2 b{color:#fff;font-weight:600}
body[data-ndp] #m .pjt .pj-now{margin-top:14px;font-size:14px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-ndp] #m .pjt .pj-now span{margin-right:8px;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6)}
/* a site with no diary: one small tag in the middle of the empty space */
body[data-ndp] #m .pjt .dz-bd:has(.pj-ns){display:flex;align-items:center;justify-content:center}
body[data-ndp] #m .pjt .pj-ns span{display:inline-block;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:rgba(10,10,12,.88);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
/* bottom bar: amber live dot, NOW, the stages in bold */
body[data-ndp] #m .dz-t.pjt .pj-sb span:first-child{display:flex;align-items:center;gap:8px;padding:6px;margin:-6px;background:none!important;box-shadow:none!important;border-radius:0;text-transform:none;letter-spacing:0;min-width:0;overflow:hidden}
body[data-ndp] #m .pjt .pj-sb em{font-style:normal;font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.65);flex:none}
body[data-ndp] #m .pjt .pj-sb b{font-size:14.5px;font-weight:600;color:#fff;white-space:nowrap}
body[data-ndp] #m .pjt .pj-sb b+b:before{content:"·";margin-right:8px;color:rgba(255,255,255,.5)}
body[data-ndp] #m .pjt .pj-sb i{display:none;flex:none}
body[data-ndp] #m .pjt .pj-sb .on i{display:block;width:9px;height:9px;border-radius:50%;background:#ffb340;box-shadow:0 0 0 3px rgba(255,179,64,.22),0 0 10px #ffb340;animation:pjpulse 1.8s ease-in-out infinite}
body[data-ndp] #m .pjt .pj-sb .on em{display:inline-flex;align-items:center;gap:8px;padding:4px 11px 4px 9px;border-radius:999px;color:#ffb340;background:rgba(10,10,12,.88);box-shadow:inset 0 0 0 1px rgba(255,179,64,.45)}
@keyframes pjpulse{50%{box-shadow:0 0 0 5px rgba(255,179,64,0),0 0 10px #ffb340}}
@media(prefers-reduced-motion:reduce){body[data-ndp] #m .pjt .pj-sb .on i{animation:none}}
body[data-ndp] #m .dz-t.pjt .dz-sb span:last-child:empty{display:none}
@media(max-width:640px){body[data-ndp] #m .dz-t.pjt .dz-n{font-size:21px}body[data-ndp] #m .pjt .pj-big b{font-size:38px}}
/* header buttons wrap on phones; Refresh is a round icon button */
body[data-ndp] #m .dz-ha{flex-wrap:wrap}
body[data-ndp] #m .dz .mbb.pj-rf{width:32px;padding:0;display:inline-grid;place-items:center}
body[data-ndp] #m .dz .mbb.pj-rf svg{width:16px;height:16px}
/* hovering or tabbing to a project tile makes it 60% brighter */
body[data-ndp] #m .dz-t.ndc.pjt{transition:filter .25s ease,transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .25s}
body[data-ndp] #m .dz-t.ndc.pjt:hover,body[data-ndp] #m .dz-t.ndc.pjt:focus-visible{filter:brightness(1.6)}
/* Projects page: no line under the Sites heading */
body[data-ndp=cons] #m .dz-band:not(.b1)>.dz-bh{background:none}body[data-ndp=cons] #m .dz-band:not(.b1)>.dz-bh:after{display:none}

/* ===== Specs strips (24 Oct 2026), like the Budget lines reference ===== */
.ssw{display:block}
#m .spg.ss-hide{display:none}
.ssed .spt{display:block!important;margin:6px 0 4px}
.ss-sec{margin:26px 2px 10px;font-size:13.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffb340}
.ss-sec span{margin-left:10px;color:#a2a2aa;letter-spacing:.06em;font-weight:600}
.ss-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.ss{--sr:150,150,160;display:grid;grid-template-columns:30px minmax(0,1fr) 56px auto 104px;align-items:center;gap:0 14px;height:58px;padding:0 18px;border-radius:16px;box-sizing:border-box;cursor:pointer;
 background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)),#121214;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),inset 0 0 0 1px rgba(255,255,255,.07),0 10px 24px rgba(0,0,0,.35);
 transition:filter .25s ease,transform .35s cubic-bezier(.2,.7,.2,1),opacity .25s}
.ss:hover{transform:translateY(-3px) scale(1.01);filter:brightness(1.6)}
.ss-g:has(.ss:hover) .ss:not(:hover){opacity:.72}
.ss.inc{--sr:48,209,88}.ss.cap{--sr:255,179,64}.ss.cli{--sr:10,132,255}.ss.exc{--sr:255,69,58}.ss.ov{--sr:255,69,58}
.ss .no{font-size:13px;font-weight:600;color:#8e8e96}
.ss .nm{font-size:14.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ss .br{height:4px;border-radius:3px;background:rgb(var(--sr));box-shadow:0 0 8px rgba(var(--sr),.8)}
.ss .vl{text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:19px;font-weight:700;color:rgb(var(--sr))}
.ss .vl small{font-size:13px;font-weight:600;color:#a2a2aa;margin-left:4px}
.ss .vl.tx{font-size:13.5px;font-weight:500;color:#b8b8c0}
.ss .sw{font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#a2a2aa;white-space:nowrap;text-align:right;min-width:118px}
.ss .sw b{color:rgb(var(--sr));font-weight:700}
.ss-lg{display:flex;flex-wrap:wrap;gap:8px 22px;margin:24px 2px 6px;font-size:13.5px;color:#b8b8c0}
.ss-lg span:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;background:rgb(var(--sr));box-shadow:0 0 6px rgb(var(--sr));vertical-align:0}
@media (max-width:1100px){.ss-g{grid-template-columns:1fr}}
@media (max-width:600px){.ss{grid-template-columns:28px minmax(0,1fr) auto;grid-template-rows:auto auto;height:auto;padding:11px 14px;gap:4px 10px}.ss .br{grid-column:2/4;grid-row:2;width:60px}.ss .vl{grid-column:3;grid-row:1;font-size:17px}.ss .sw{grid-column:2/4;grid-row:2;text-align:right;min-width:0}.ss .no{grid-row:1/3}}
.ss .nmw{display:flex;flex-direction:column;min-width:0;gap:2px}
.ss .pm{font-size:13px;color:#a2a2aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:600px){.ss{grid-template-columns:26px minmax(0,1fr) auto}.ss .nmw{grid-column:2;grid-row:1}.ss .pm{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}

/* ===== Specs page (25 Oct 2026): two-column lines, floating panel, 50% veil. Everything is under .s2 / s2- so it cannot touch other pages. ===== */
.s2{--s2bg:#07070a;--s2card:#15151a;--s2fg:#f5f5f7;--s2mut:#a2a2aa;--s2am:#ffb340;--s2cat:#ee7707;--s2ok:48,209,88;--s2cap:255,179,64;--s2cli:10,132,255;--s2exc:255,69,58;--s2ease:cubic-bezier(.45,0,.25,1);width:100%;color:var(--s2fg);position:relative}
.s2 *{box-sizing:border-box}
.s2-ttl{margin:0 0 4px;font-size:18px;letter-spacing:.06em}
.s2-note{font-size:12.5px;color:var(--s2mut);max-width:90ch;line-height:1.5;margin:0 0 4px}
.s2-cp{position:relative;margin-top:16px;border-radius:24px;padding:12px 14px 14px;background:linear-gradient(180deg,#ffffff0b,#ffffff03),#0e0e12;box-shadow:inset 0 1px 0 #ffffff12,inset 0 0 0 1px #ffffff0f,0 12px 30px #0007;transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .25s,opacity .25s}
.s2-cp:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(180deg,#ee7707,#ee770700 72%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .25s;pointer-events:none}
.s2-cp:hover,.s2-cp:has(.s2-ln.open){transform:translateY(-4px);filter:brightness(1.2)}
.s2-cp:hover:before,.s2-cp:has(.s2-ln.open):before{opacity:1}
.s2:has(.s2-cp:hover) .s2-cp:not(:hover),.s2:has(.s2-ln.open):not(:has(.s2-cp:hover)) .s2-cp:not(:has(.s2-ln.open)){opacity:.72}
.s2-cp,.s2-ln{overflow:visible}
.s2-cp:has(.s2-ln.open),.s2-cp:has(.s2-ln.closing),.s2-cp:has(.s2-ln.open):hover{transform:none!important;filter:none!important}
.s2-cat{margin:2px 2px 12px;font-size:13.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--s2cat);display:flex;gap:10px;align-items:baseline;border-bottom:1px solid #ee77074d;padding-bottom:8px}
.s2-cat span{color:var(--s2mut);font-weight:600;letter-spacing:.06em;font-size:12.5px}
.s2-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
@media(max-width:820px){.s2-grid{grid-template-columns:1fr}}
.s2-ln{container:s2l/inline-size;--s2sr:var(--s2ok);position:relative;border-radius:18px;background:linear-gradient(180deg,#ffffff0f,#ffffff04),var(--s2card);box-shadow:inset 0 1px 0 #ffffff17,inset 0 0 0 1px #ffffff12,0 8px 20px #0006;transition:transform .3s,filter .25s}
.s2-ln.cap{--s2sr:var(--s2cap)}.s2-ln.cli{--s2sr:var(--s2cli)}.s2-ln.exc{--s2sr:var(--s2exc)}
.s2-ln.ov{box-shadow:inset 0 0 0 1px rgba(var(--s2exc),.5),0 8px 20px #0006}
.s2-ln.open,.s2-ln.closing{z-index:30}
.s2-ln:not(.open):hover{transform:translateY(-2px);filter:brightness(1.3)}
.s2-hd{box-sizing:border-box;width:100%;min-height:58px;display:grid;grid-template-columns:30px minmax(0,1fr) 128px 34px 104px 140px;align-items:center;gap:0 12px;padding:9px 16px;cursor:pointer;text-align:left;border-radius:18px}
.s2-hd:focus-visible{outline:2px solid var(--s2am);outline-offset:-2px}
.s2 .no{font-size:13px;font-weight:600;color:#8e8e96}
.s2 .nmw{display:flex;flex-direction:column;gap:2px;min-width:0}
.s2 .nm{font-size:14.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;line-height:1.2;overflow-wrap:anywhere}
.s2 .pm{font-size:12.5px;color:var(--s2mut);line-height:1.3;overflow-wrap:anywhere}
.s2 .br{display:block;height:4px;border-radius:3px;background:rgb(var(--s2sr));box-shadow:0 0 8px rgba(var(--s2sr),.8)}
.s2 .vl{font-size:18px;font-weight:700;color:rgb(var(--s2sr));text-align:right;white-space:nowrap;display:flex;justify-content:flex-end;align-items:baseline;gap:2px}
.s2 .vl small{font-size:12px;color:var(--s2mut);margin-left:3px;font-weight:600}
.s2 .vl .vl-in{display:inline-flex;align-items:baseline}
.s2 .vl input.sm2{all:unset;font:inherit;color:inherit;text-align:right;min-width:1ch;border-bottom:2px solid transparent;cursor:text}
.s2 .vl input.sm2:focus{border-bottom-color:var(--s2am)}
.s2 .sw{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--s2mut);white-space:nowrap;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.s2 .sw b{color:rgb(var(--s2sr))}
.s2 .chev{width:9px;height:9px;border-right:2px solid var(--s2mut);border-bottom:2px solid var(--s2mut);transform:rotate(45deg);transition:transform .9s var(--s2ease);margin-top:-3px;flex:none}
.s2-ln.open .chev{transform:rotate(-135deg);margin-top:3px}
@container s2l (max-width:660px){.s2-hd{grid-template-columns:26px minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:6px 10px;align-items:center}.s2 .no{grid-row:1}.s2 .nmw{grid-column:2;grid-row:1}.s2 .vl{grid-column:3;grid-row:1}.s2 .br{grid-column:2;grid-row:2;width:100%}.s2 .sw{grid-column:3;grid-row:2}.s2 .ovl{display:none;grid-column:2;grid-row:3;justify-self:start}.s2-ln.ov .ovl{display:inline-flex}}
@keyframes s2pls{0%,100%{opacity:1}50%{opacity:.22;box-shadow:none}}
.s2-ln.ov .br{background:rgb(var(--s2exc));box-shadow:0 0 8px rgba(var(--s2exc),.8);animation:s2pls 1.85s ease-in-out infinite}
.s2 .ovl{display:inline-flex;visibility:hidden;align-items:center;justify-content:center;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--s2exc));white-space:nowrap}
.s2-ln.ov .ovl{visibility:visible}
/* floating panel */
.s2-dd{display:grid;grid-template-rows:0fr;transition:grid-template-rows .9s var(--s2ease);position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;border-radius:18px;background:#16161b;box-shadow:inset 0 0 0 1px #ffffff1f,0 26px 60px #000d}
.s2-ln:not(.open):not(.closing) .s2-dd{box-shadow:none;visibility:hidden;transition:grid-template-rows .9s var(--s2ease),visibility 0s .9s}
.s2-ln.open .s2-dd{grid-template-rows:1fr}
.s2-dd>div{overflow:hidden;min-height:0}
.s2-in{padding:2px 16px 14px;display:grid;gap:10px;border-top:1px solid #ffffff14;opacity:0;transition:opacity .6s ease}
.s2-ln.open .s2-in{opacity:1;transition-delay:.25s}
.s2-scrim{position:fixed;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .6s ease;z-index:25}
.s2-scrim.on{opacity:.5;pointer-events:auto}
/* compartments */
.s2-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding-top:12px;align-items:start}
.s2-col{display:grid;gap:12px;min-width:0;align-content:start}
.s2-cmp{container-type:inline-size;border-radius:18px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff14;padding:2px 14px 14px}
.s2-ch{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:17px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;padding:12px 0 10px}
.s2-ch>span:first-child:before{content:"";display:inline-block;width:4px;height:17px;border-radius:2px;background:var(--s2cat);margin-right:10px;vertical-align:-3px}
.s2-ch>span:last-child{font-size:12.5px;font-weight:600;color:var(--s2mut);letter-spacing:.08em}
.s2-cdot{display:none;width:7px;height:7px;border-radius:50%;margin-left:8px;background:rgb(var(--s2exc));box-shadow:0 0 8px rgb(var(--s2exc));animation:s2pls 1.6s ease-in-out infinite}
.s2-cmp.bad .s2-cdot{display:inline-block}
.s2-cmp.extra>.s2-fb{margin-top:10px}
.s2-dp{display:grid;gap:10px;margin:6px 0 0}
.s2-dp .h{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:600;color:var(--s2mut);letter-spacing:.12em;text-transform:uppercase;margin:2px 0 4px}
/* what is covered */
.s2-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:16px;background:#00000066;box-shadow:inset 0 0 0 1px #ffffff1c;overflow:hidden}
.s2-ft{--s2c:var(--s2ok);padding:10px 14px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:3px;align-content:start;min-width:0}
.s2-ft.L{--s2c:var(--s2cap)}.s2-ft.E{--s2c:var(--s2exc)}.s2-ft.C{--s2c:var(--s2cli)}
.s2-ft+.s2-ft{border-left:1px solid #ffffff1c}
.s2-ft .lb{grid-column:1;grid-row:1;align-self:center;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--s2c))}
.s2-ft .lb:before{content:"";width:6px;height:6px;border-radius:50%;background:rgb(var(--s2c));box-shadow:0 0 6px rgb(var(--s2c))}
.s2-ft .fg{grid-column:2;grid-row:1;align-self:center;justify-content:flex-end;font-size:28px;font-weight:600;line-height:1.05;color:rgb(var(--s2c));display:flex;align-items:center;white-space:nowrap;min-width:0}
.s2-ft .fg small{font-size:13px;color:#dcdce0;margin-left:4px;font-weight:500}
.s2-ft .fg svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.s2-ft .hh,.s2-ft .dt{grid-column:1/-1}
.s2-ft .hh{border-top:1px solid #ffffff26;padding-top:10px;margin-top:7px;font-size:16px;font-weight:600;line-height:1.25;overflow-wrap:anywhere}
.s2-ft .dt{font-size:13.5px;color:#bdbdc5;line-height:1.4;overflow-wrap:anywhere}
@container (max-width:580px){.s2-facts{grid-template-columns:1fr}.s2-ft+.s2-ft{border-left:0;border-top:1px solid #ffffff1c}}
.s2-banner{border-radius:16px;background:rgba(var(--s2exc),.12);box-shadow:inset 0 0 0 1px rgba(var(--s2exc),.5);padding:12px 14px;font-size:13px;line-height:1.45;display:grid;gap:4px}
.s2-banner b{color:rgb(var(--s2exc));letter-spacing:.14em;text-transform:uppercase;font-size:12px}
/* lock */
.s2-lk{border-radius:16px;background:linear-gradient(180deg,#ffffff0e,#ffffff05);box-shadow:inset 0 0 0 1px #ffffff1c;text-align:center;padding:12px 10px 11px;cursor:pointer}
.s2-lk>svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:1.2}
.s2-lk .lt{font-size:12.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin:4px 0 10px}
.s2-pb{display:flex;gap:10px;justify-content:center;position:relative}
.s2-pb b{width:40px;height:46px;border-radius:12px;border:1.5px solid #ffffff52;display:grid;place-items:center;font-size:18px;background:#00000044}
.s2-pb b.f{border-color:#fff}
.s2-lk .hn{font-size:12px;color:var(--s2mut);margin-top:9px}
.s2-lk .sitepin{position:absolute;opacity:0;left:50%;top:50%;width:1px;height:1px}
/* site fields */
.s2-f2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:10px}
@media(max-width:620px){.s2-f2{grid-template-columns:1fr}}
.s2-fb{border-radius:16px;background:#00000066;box-shadow:inset 0 0 0 1px #ffffff29;padding:9px 14px}
.s2-fb label{display:block;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:#d6d6dc;margin-bottom:2px}
.s2-fb .r{display:flex;align-items:baseline;gap:6px}
.s2-fb input{all:unset;flex:1;min-width:0;font-size:28px;font-weight:600;padding:1px 0;border-bottom:2px solid transparent}
.s2-fb input.s{font-size:19px;padding:5px 0}
.s2-fb input:focus{border-bottom-color:var(--s2am)}
.s2-fb input::placeholder{color:#ffffff55}
.s2-fb u{text-decoration:none;color:#c8c8cd;font-size:14px}
.s2-fb.o{box-shadow:inset 0 0 0 1px rgba(var(--s2exc),.9);background:#1a0808}
.s2-fb.o input{color:rgb(var(--s2exc))}
.s2-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
@media(max-width:560px){.s2-chips{grid-template-columns:repeat(2,minmax(0,1fr))}}
.s2-chip{display:flex;align-items:center;gap:8px;border-radius:14px;background:#08080b;box-shadow:inset 0 0 0 1px #ffffff29;padding:10px 12px;min-width:0}
.s2-chip input{all:unset;min-width:0}
.s2-chip .pc{width:3.2ch;font-size:15.5px;font-weight:700;letter-spacing:.06em}
.s2-chip .pd{flex:1;text-align:right;font-size:20px;font-weight:600;border-bottom:2px solid transparent}
.s2-chip .pd:focus{border-bottom-color:var(--s2am)}
.s2-chip.o{box-shadow:inset 0 0 0 1px rgba(var(--s2exc),.9);background:#1a0808;color:rgb(var(--s2exc))}
.s2-chip button,.s2-addp,.s2-tg,.s2-pill{all:unset;cursor:pointer;color:#c8c8cd}
.s2-chip button{font-size:15px;padding:0 2px}
.s2-addp{display:flex;align-items:center;justify-content:center;border-radius:14px;border:1px dashed #ffffff55;padding:8px 14px;font-size:13.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:#08080b}
.s2-sum{font-size:16px;color:#cfcfd6;line-height:1.4}.s2-sum b{color:#fff}.s2-sum .bad{color:rgb(var(--s2exc));font-weight:700}
.s2-tgs{display:flex;flex-wrap:wrap;gap:8px}
.s2-tg{border-radius:999px;background:#08080b;box-shadow:inset 0 0 0 1px #ffffff40;padding:8px 16px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.s2-tg.on{box-shadow:inset 0 0 0 1px var(--s2am);color:var(--s2am)}
.s2-st{margin:6px 0 4px;padding:12px 14px;border-radius:14px;background:#08080b;box-shadow:inset 0 0 0 1px #ffffff14;row-gap:10px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px;color:#cfcfd6}
.s2-st b{color:#fff}
.s2-pill{box-sizing:border-box;padding:5px 12px;border-radius:999px;border:1px solid #ffffff4d;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-left:8px;background:#08080b}
.s2-pill:hover{background:#1a1a20}
.s2-pill:focus-visible,.s2-tg:focus-visible,.s2-addp:focus-visible{outline:2px solid var(--s2am);outline-offset:2px}
.s2 .sitewrap{margin:0}
@media(prefers-reduced-motion:reduce){.s2 *{animation:none!important;transition:none!important}}
@media(min-width:821px){.s2-ln.wide:nth-child(odd) .s2-dd{width:calc(200% + 10px)}.s2-ln.wide:nth-child(even) .s2-dd{left:auto;right:0;width:calc(200% + 10px)}}
@media(max-width:900px){.s2 .thd{display:none}.s2 .trow{grid-template-columns:1fr 1fr;padding:8px 8px 6px;border:1px solid #ffffff1f;position:relative}.s2 .trow .tph{grid-column:1/-1;order:-2;padding-right:22px}.s2 .trow .tf{display:flex;flex-direction:column;gap:2px;min-width:0}.s2 .trow .tf>span{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#ffffff80}.s2 .trow .tbx,.trow .tpc{align-self:end;line-height:32px}.s2 .trow .tnm{grid-column:1/-1;order:-1}.s2 .trow .tpc{text-align:left}.s2 .trow .tpur{grid-column:1/-1}.s2 .trow .tpc::before{content:'Purchase ';font-weight:400;color:#ffffffb3}.s2 .trow .tbx{text-align:left}.s2 .trow .tbx::after{content:' boxes';font-weight:400;color:#ffffffb3}.s2 .trow .tdel{position:absolute;top:16px;right:8px}.s2 .thd{display:none}}
@container (max-width:620px){.s2-chips{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.s2-chips{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (max-width:580px){.s2-facts{background:none;box-shadow:none;overflow:visible;gap:10px}.s2-ft{border-radius:14px;background:linear-gradient(90deg,rgba(var(--s2c),.13),rgba(var(--s2c),.04)),#0b0b0e;box-shadow:inset 4px 0 0 rgb(var(--s2c)),inset 0 0 0 1px rgba(var(--s2c),.28);padding:11px 14px 12px 18px}.s2-ft+.s2-ft{border:0}.s2-ft .hh{border-top:0;padding-top:6px;margin-top:0}}
.s2-f2{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}
@media(max-width:620px){.s2-f2{grid-template-columns:minmax(0,1fr)}}
@container (max-width:520px){.s2-f2{grid-template-columns:minmax(0,1fr)}}
.s2-f2>*,.s2-fb,.s2-fb .r{min-width:0;max-width:100%}
.s2-fb input{width:100%;box-sizing:border-box}
.s2-fb .r u{flex:none}
.s2-st>span:last-child{display:flex;gap:8px;flex-wrap:wrap}.s2-pill{margin-left:0}
.s2,.s2 *{overflow-anchor:none}
.s2-lk .sitepin{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;font-size:16px;cursor:pointer}
@container s2l (max-width:660px){
.s2-hd{grid-template-columns:26px auto minmax(0,1fr) auto;grid-template-rows:auto auto;gap:8px 10px;align-items:center;padding:12px 14px}
.s2-hd .no{grid-column:1;grid-row:1}
.s2-hd .nmw{grid-column:2/4;grid-row:1}
.s2-hd .vl{grid-column:4;grid-row:1}
.s2-hd .br{grid-column:2/4;grid-row:2;width:100%}
.s2-hd .sw{grid-column:4;grid-row:2}
.s2-hd .ovl{display:none;grid-column:2;grid-row:2;justify-self:start;font-size:11px}
.s2-ln.ov .s2-hd .ovl{display:inline-flex;visibility:visible}
.s2-ln.ov .s2-hd .br{grid-column:3}}
.s2-grid{align-items:stretch}.s2-ln{display:flex;flex-direction:column}.s2-ln>.s2-hd{flex:1;align-content:center}
@container s2l (max-width:660px){.s2-hd .no{grid-column:1;grid-row:1/3;align-self:center}}
@container s2l (max-width:660px){.s2-hd{grid-template-columns:26px auto minmax(0,1fr) 126px}}
/* narrow lines: every coloured line is the same length (status words get a fixed space on the right) */
@container s2l (max-width:660px){
.s2-hd{grid-template-columns:26px minmax(0,1fr) auto}
.s2-hd .nmw{grid-column:2;grid-row:1}
.s2-hd .vl{grid-column:3;grid-row:1}
.s2-hd .br,.s2-ln.ov .s2-hd .br{grid-column:2/4;grid-row:2;justify-self:start;width:calc(100% - 136px);margin-left:0}
.s2-hd .sw{grid-column:2/4;grid-row:2;justify-self:end}
.s2-hd .ovl{grid-column:2/4;grid-row:2;justify-self:start}
.s2-ln.ov .s2-hd .br{margin-left:110px;width:calc(100% - 246px)}}
@container s2l (max-width:660px){
.s2-ln.ov .s2-hd .ovl{grid-row:2;margin-bottom:-4px}
.s2-ln.ov .s2-hd .br{grid-row:3;margin-left:0;width:calc(100% - 136px)}
.s2-ln.ov .s2-hd .sw{grid-row:3}
.s2-ln.ov .s2-hd .no{grid-row:1/4}}