#wss{all:revert;
  --ink:#16202b;--ink2:#2a3644;--muted:#4c5866;--paper:#ffffff;--chalk:#f7f4ec;--chalk2:#efe9dc;--rule:#ddd5c6;--rule2:#c6bba8;
  --navy:#0f2a44;--navy2:#1b3d60;--clay:#a8501f;--clay-lt:#fbeee5;--grass:#1d4a33;--grass-lt:#e8f3ec;--board:#163527;--board2:#1f4634;
  --led:#ffcf4a;--sky:#1f63a5;--sky-lt:#e8f1fa;--red:#b42318;--red-lt:#fdecea;--plum:#5b2a86;--plum-lt:#f2ecf9;
  --serif:Georgia,'Iowan Old Style','Palatino Linotype','Times New Roman',serif;
  --ui:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --tab:'Arial Narrow','Roboto Condensed','Helvetica Neue',Arial,sans-serif;
  display:block;box-sizing:border-box;width:100%;max-width:820px;margin:16px auto;padding:0;background:var(--paper);color:var(--ink);
  font-family:var(--serif);font-size:18.5px;line-height:1.75;text-align:left;letter-spacing:normal;text-transform:none;color-scheme:light;}
#wss :where(div,span,p,h2,h3,h4,b,strong,em,a,button,ul,ol,li,figure,figcaption,table,thead,tbody,tr,th,td,section,aside,small,time,svg){box-sizing:border-box;margin:0;padding:0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:none;border:0;background:none;}
#wss *,#wss *::before,#wss *::after{box-sizing:border-box;}
#wss b,#wss strong{font-weight:700;}
#wss em{font-style:italic;}
#wss ul,#wss ol{list-style:none;}
#wss li::marker{content:"";}
#wss svg{display:block;max-width:100%;height:auto;}
#wss img.emoji{display:inline!important;width:1em!important;height:1em!important;margin:0 .07em!important;vertical-align:-.1em!important;}
#wss a{color:var(--sky);font-weight:700;text-decoration:underline;text-underline-offset:2px;}
#wss a:hover{color:var(--navy);}
#wss :focus-visible{outline:3px solid var(--led);outline-offset:2px;}
#wss button{cursor:pointer;font-family:var(--ui);}
@media (prefers-reduced-motion:reduce){#wss *{animation:none!important;transition:none!important;}}

/* layout */
#wss .sec{padding:26px 26px 6px;}
#wss .sec + .sec{border-top:1px solid var(--rule);}
#wss h2{font-family:var(--serif);font-size:1.62em;line-height:1.25;font-weight:700;color:var(--navy);margin:0 0 14px;}
#wss h3{font-family:var(--serif);font-size:1.22em;line-height:1.3;font-weight:700;color:var(--ink);margin:22px 0 8px;}
#wss p{margin:0 0 16px;}
#wss .kicker{font-family:var(--ui);font-size:.68em;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--clay);display:block;margin-bottom:6px;}
#wss .lede{font-size:1.06em;}
#wss .bul{margin:0 0 18px;}
#wss .bul li{position:relative;padding-left:24px;margin:0 0 9px;}
#wss .bul li::before{content:"";position:absolute;left:4px;top:.62em;width:9px;height:9px;border-radius:50%;background:var(--clay);}
#wss .num{counter-reset:n;margin:0 0 18px;}
#wss .num li{counter-increment:n;position:relative;padding-left:40px;margin:0 0 12px;}
#wss .num li::before{content:counter(n);position:absolute;left:0;top:.1em;width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;font-family:var(--ui);font-weight:800;font-size:.8em;display:flex;align-items:center;justify-content:center;}
#wss .muted{color:var(--muted);}
#wss .small{font-size:.84em;}
#wss .ui{font-family:var(--ui);}

/* pills */
#wss .pills{display:flex;flex-wrap:wrap;gap:7px;margin:4px 0 14px;}
#wss .pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-family:var(--ui);font-size:.74em;font-weight:700;line-height:1.5;border:1px solid var(--rule2);background:var(--chalk);color:var(--ink2);white-space:nowrap;text-decoration:none;}
#wss a.pill{text-decoration:none;}
#wss .pill.cost{background:var(--grass-lt);border-color:#8bbf9f;color:var(--grass);}
#wss .pill.feat{background:var(--sky-lt);border-color:#93b9de;color:#174a7c;}
#wss .pill.contact{background:var(--clay-lt);border-color:#dfaa88;color:#7d3812;}
#wss .pill.warn{background:var(--red-lt);border-color:#e6a49d;color:var(--red);}
#wss .pill.es{background:var(--plum-lt);border-color:#bba0da;color:var(--plum);}
#wss .pill.live{background:var(--red);border-color:var(--red);color:#fff;}
#wss .pill .dot{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block;}

/* ===== live scoreboard ===== */
#wss .board{background:var(--board);color:#f4f1e6;border-radius:0;padding:22px 22px 18px;position:relative;overflow:hidden;font-family:var(--ui);}
#wss .board::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 2px,transparent 2px 46px);}
#wss .bd-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;position:relative;z-index:1;}
#wss .bd-title{font-family:var(--tab);font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-size:.72em;color:var(--led);}
#wss .bd-state{display:inline-flex;align-items:center;gap:7px;font-size:.7em;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.1);}
#wss .bd-state[data-s="live"]{background:#c62828;}
#wss .bd-state[data-s="live"] .dot{animation:wssPulse 1.2s infinite;}
@keyframes wssPulse{50%{opacity:.25}}
#wss .bd-state .dot{width:8px;height:8px;border-radius:50%;background:#fff;display:inline-block;}
#wss .series{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;position:relative;z-index:1;}
#wss .tm{display:flex;align-items:center;gap:12px;min-width:0;}
#wss .tm.r{justify-content:flex-end;text-align:right;}
#wss .tm-chip{flex:0 0 auto;width:54px;height:54px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:var(--tab);font-weight:800;font-size:1.05em;letter-spacing:.04em;color:#fff;background:var(--navy2);border:2px solid rgba(255,255,255,.35);}
#wss .tm-name{font-weight:800;font-size:1.02em;line-height:1.2;display:block;}
#wss .tm-sub{display:block;font-size:.7em;opacity:.8;letter-spacing:.04em;}
#wss .pips{display:flex;gap:5px;margin-top:6px;}
#wss .tm.r .pips{justify-content:flex-end;}
#wss .pip{width:13px;height:13px;border-radius:50%;border:2px solid rgba(255,255,255,.55);}
#wss .pip.on{background:var(--led);border-color:var(--led);}
#wss .wins{font-family:var(--tab);font-weight:800;font-size:2.7em;line-height:1;color:var(--led);text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap;}
#wss .wins small{display:block;font-size:.2em;letter-spacing:.2em;color:#d5e2d8;font-weight:700;margin-top:4px;}
#wss .bd-line{position:relative;z-index:1;margin-top:16px;padding:12px 14px;background:rgba(0,0,0,.22);border-radius:10px;font-size:.86em;line-height:1.55;}
#wss .bd-line b{color:#fff;}
#wss .cd{font-family:var(--tab);font-variant-numeric:tabular-nums;font-weight:800;color:var(--led);font-size:1.15em;}
#wss .ls-wrap{position:relative;z-index:1;margin-top:14px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;}
#wss .ls-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;background:rgba(0,0,0,.25);}
#wss .ls{border-collapse:collapse;width:100%;font-family:var(--tab);font-variant-numeric:tabular-nums;font-size:.86em;}
#wss .ls th,#wss .ls td{padding:6px 7px;text-align:center;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap;}
#wss .ls th{color:#b9cfc1;font-weight:700;font-size:.85em;}
#wss .ls td.t{text-align:left;font-weight:800;color:#fff;}
#wss .ls td.rhe{color:var(--led);font-weight:800;}
#wss .diamond{width:96px;}
#wss .cnt{font-size:.72em;text-align:center;color:#d5e2d8;margin-top:4px;font-family:var(--tab);letter-spacing:.06em;}
#wss .gstrip{position:relative;z-index:1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:16px;}
#wss .g{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:7px 6px;text-align:center;font-size:.7em;line-height:1.35;min-height:76px;}
#wss .g b{display:block;font-family:var(--tab);letter-spacing:.08em;color:#cfe0d4;font-size:.95em;}
#wss .g .gd{display:block;color:#fff;font-weight:700;}
#wss .g .gr{display:block;font-family:var(--tab);font-weight:800;color:var(--led);font-size:1.12em;margin-top:2px;}
#wss .g.live{border-color:#ff6b6b;background:rgba(198,40,40,.35);}
#wss .g.next{border-color:var(--led);box-shadow:inset 0 0 0 1px var(--led);}
#wss .g.na{opacity:.45;}
#wss .bd-bc{position:relative;z-index:1;margin-top:14px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
#wss .bd-bc .pill{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);color:#fff;}
#wss .bd-bc .pill.es{background:rgba(155,110,210,.28);}
#wss .bd-foot{position:relative;z-index:1;margin-top:12px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.68em;color:#b9cfc1;}
#wss .bd-foot button{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:3px 12px;font-weight:700;font-size:1em;}
#wss .champ{position:relative;z-index:1;margin-top:14px;padding:14px 16px;border-radius:10px;background:linear-gradient(135deg,#6b4d00,#b8860b);color:#fff;font-weight:800;text-align:center;display:none;}
#wss .champ.on{display:block;}

/* key takeaways */
#wss .tk{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 18px;}
#wss .tk li{background:var(--chalk);border:1px solid var(--rule);border-left:5px solid var(--clay);border-radius:10px;padding:12px 14px;font-size:.92em;line-height:1.5;}
#wss .tk li b{display:block;font-family:var(--ui);font-size:.82em;color:var(--navy);margin-bottom:3px;letter-spacing:.01em;}

/* callouts */
#wss .note{border-radius:12px;padding:14px 16px;margin:0 0 18px;font-size:.94em;line-height:1.6;border:1px solid var(--rule);background:var(--chalk);}
#wss .note.test{background:#fffbea;border-color:#ecd78a;}
#wss .note.test::before{content:"From our test bench";display:block;font-family:var(--ui);font-size:.7em;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#7a5b00;margin-bottom:4px;}
#wss .note.warn{background:var(--red-lt);border-color:#eab0aa;}
#wss .note.good{background:var(--grass-lt);border-color:#a9d1b8;}

/* decision path */
#wss .path{display:grid;gap:10px;margin:8px 0 20px;}
#wss .step{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;background:#fff;border:1px solid var(--rule);border-radius:12px;padding:12px 14px;position:relative;}
#wss .step + .step::before{content:"";position:absolute;left:35px;top:-11px;width:2px;height:11px;background:var(--rule2);}
#wss .step .q{width:44px;height:44px;border-radius:12px;background:var(--navy);color:#fff;font-family:var(--ui);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:.85em;}
#wss .step h4{font-family:var(--ui);font-weight:800;font-size:.9em;color:var(--navy);margin:2px 0 6px;}
#wss .step .ans{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
#wss .step .ans div{border-radius:9px;padding:8px 10px;font-size:.84em;line-height:1.45;background:var(--chalk);}
#wss .step .ans .y{background:var(--grass-lt);}
#wss .step .ans .n{background:var(--clay-lt);}
#wss .step .ans b{font-family:var(--ui);font-size:.86em;display:block;}

/* bars */
#wss .bars{margin:6px 0 8px;display:grid;gap:9px;}
#wss .bar{display:grid;grid-template-columns:150px 1fr 74px;gap:10px;align-items:center;font-family:var(--ui);font-size:.8em;}
#wss .bar .lab{font-weight:700;line-height:1.25;}
#wss .bar .trk{height:22px;background:var(--chalk2);border-radius:6px;overflow:hidden;}
#wss .bar .fil{height:100%;border-radius:6px;background:var(--navy2);}
#wss .bar .fil.free{background:var(--grass);min-width:8px;}
#wss .bar .fil.low{background:var(--sky);}
#wss .bar .fil.hi{background:var(--clay);}
#wss .bar .val{font-weight:800;text-align:right;font-variant-numeric:tabular-nums;}
#wss figure{margin:6px 0 20px;}
#wss figcaption{font-family:var(--ui);font-size:.74em;color:var(--muted);margin-top:8px;line-height:1.5;}
#wss .fig-card{border:1px solid var(--rule);border-radius:14px;padding:16px;background:#fff;}

/* comparison: table (desktop) + cards (mobile) */
#wss .cmp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--rule);border-radius:12px;margin:8px 0 8px;}
#wss .cmp{border-collapse:collapse;min-width:780px;width:100%;font-family:var(--ui);font-size:.78em;line-height:1.45;}
#wss .cmp th{position:sticky;top:0;background:var(--navy);color:#fff;text-align:left;padding:10px 10px;font-weight:800;font-size:.92em;white-space:nowrap;}
#wss .cmp td{padding:10px;border-top:1px solid var(--rule);vertical-align:top;}
#wss .cmp tr:nth-child(even) td{background:#fbf9f4;}
#wss .cmp td:first-child{font-weight:800;color:var(--navy);white-space:nowrap;position:sticky;left:0;background:inherit;}
#wss .cmp tr:nth-child(odd) td:first-child{background:#fff;}
#wss .cmp .pill{font-size:.92em;padding:2px 9px;}
#wss .yes{color:var(--grass);font-weight:800;}
#wss .no{color:var(--red);font-weight:800;}
#wss .mb{color:#8a5a00;font-weight:800;}
#wss .scroll-hint{font-family:var(--ui);font-size:.7em;color:var(--muted);margin:0 0 18px;}
#wss .cmp-cards{display:none;gap:12px;margin:8px 0 18px;}
#wss .cc{border:1px solid var(--rule);border-radius:12px;overflow:hidden;background:#fff;}
#wss .cc h4{background:var(--navy);color:#fff;font-family:var(--ui);font-weight:800;font-size:.92em;padding:10px 14px;display:flex;justify-content:space-between;gap:8px;align-items:center;}
#wss .cc h4 .pill{background:#fff;color:var(--grass);border-color:#fff;}
#wss .cc dl{margin:0;padding:6px 14px 10px;font-family:var(--ui);font-size:.8em;}
#wss .cc .r{display:grid;grid-template-columns:110px 1fr;gap:8px;padding:6px 0;border-bottom:1px dashed var(--rule);}
#wss .cc .r:last-child{border-bottom:0;}
#wss .cc dt{color:var(--muted);font-weight:700;}
#wss .cc dd{margin:0;}

/* trial calculator */
#wss .trial{display:grid;gap:8px;margin:8px 0 10px;font-family:var(--ui);}
#wss .tr{display:grid;grid-template-columns:130px 1fr;gap:10px;align-items:center;font-size:.8em;}
#wss .tr .lab b{display:block;}
#wss .tr .lab span{color:var(--muted);font-size:.9em;}
#wss .days{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;}
#wss .days i{height:26px;border-radius:4px;background:var(--chalk2);font-style:normal;font-size:.7em;display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:700;position:relative;}
#wss .days i.in{background:#cfe6d7;color:var(--grass);}
#wss .days i.gm{box-shadow:inset 0 0 0 2px var(--clay);}
#wss .days i.gm::after{content:"";position:absolute;top:-4px;right:-3px;width:9px;height:9px;border-radius:50%;background:var(--clay);border:2px solid #fff;}
#wss .tr .res{grid-column:2;font-size:.92em;color:var(--ink2);margin-top:-2px;}
#wss .legend{display:flex;flex-wrap:wrap;gap:14px;font-family:var(--ui);font-size:.72em;color:var(--muted);margin:6px 0 16px;}
#wss .legend span{display:inline-flex;align-items:center;gap:6px;}
#wss .legend i{width:14px;height:14px;border-radius:3px;display:inline-block;}

/* device + check grids */
#wss .grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 18px;}
#wss .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:6px 0 18px;}
#wss .tile{border:1px solid var(--rule);border-radius:12px;padding:12px 14px;background:#fff;font-size:.88em;line-height:1.55;}
#wss .tile h4{font-family:var(--ui);font-size:.86em;font-weight:800;color:var(--navy);margin:0 0 5px;display:flex;gap:8px;align-items:center;}
#wss .tile .ico{width:30px;height:30px;flex:0 0 30px;}
#wss .faq h3{font-size:1.08em;margin-top:20px;}
#wss .faq p{margin-bottom:10px;}
#wss .src{font-family:var(--ui);font-size:.74em;color:var(--muted);line-height:1.6;}
#wss .src a{font-weight:600;}
#wss .vis-h{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

@media (max-width:700px){
  #wss{font-size:17.5px;}
  #wss .sec{padding:22px 16px 4px;}
  #wss .board{padding:18px 14px 14px;}
  #wss .gstrip{grid-template-columns:repeat(4,minmax(0,1fr));}
  #wss .grid3{grid-template-columns:1fr 1fr;}
}
@media (max-width:560px){
  #wss .cmp-wrap,#wss .scroll-hint{display:none;}
  #wss .cmp-cards{display:grid;}
  #wss .tk{grid-template-columns:1fr;}
  #wss .grid2,#wss .grid3{grid-template-columns:1fr;}
  #wss .step .ans{grid-template-columns:1fr;}
  #wss .bar{grid-template-columns:104px 1fr 62px;}
  #wss .tr{grid-template-columns:1fr;}
  #wss .tr .res{grid-column:1;}
  #wss .tm-chip{width:42px;height:42px;font-size:.9em;}
  #wss .tm-name{font-size:.86em;}
  #wss .wins{font-size:2.1em;}
  #wss .ls-wrap{grid-template-columns:1fr;}
  #wss .diamond{margin:0 auto;}
  #wss .tm{gap:8px;}
  #wss .series{gap:6px;}
}
#wss [hidden]{display:none!important;}
#wss .champ-w:empty,#wss .ls-host:empty{display:none;}
