/* Palette. Light-first: white paper matching the rest of the page.
       The whole section themes through these variables; .hiw--dark
       (user opt-in via the Dark toggle, persisted) restores the
       near-black data-terminal slab. */
    .hiw{
      --hiw-bg:#fdfbf6;
      --hiw-panel:#ffffff;
      --hiw-panel2:#faf6ef;
      --hiw-line:rgba(29,25,21,.10);
      --hiw-line2:rgba(29,25,21,.18);
      --hiw-ink:#1a1a1f;
      --hiw-dim:rgba(26,26,31,.66);
      --hiw-faint:rgba(26,26,31,.44);
      --hiw-strong:#1a1a1f;
      --hiw-fill:rgba(29,25,21,.09);
      --hiw-fill2:rgba(29,25,21,.03);
      --hiw-dotbg:rgba(29,25,21,.16);
      --hiw-shadow:0 18px 50px rgba(29,25,21,.10);
      --hiw-navbg:rgba(255,255,255,.92);
      --hiw-navbg-h:#fff6f4;
      --hiw-glow:rgba(239,68,68,.04);
      --hiw-live:#dc2626;
      --hiw-purple-ink:#7c3aed;
      --hiw-redseat-ink:#dc2626;
      --hiw-red:#ef4444;
      --hiw-red-deep:#dc2626;
      --hiw-green:#16a34a;
      padding:clamp(24px,3.5vh,42px) 0 clamp(40px,5vh,64px);
      background:
        radial-gradient(1100px 420px at 85% -4%,var(--hiw-glow),transparent 62%),
        linear-gradient(180deg,#fdfbf6,#faf7f1);
      color:var(--hiw-ink);
      overflow:hidden;
    }
    /* Dark opt-in: the original near-black slab, one class flip. */
    .hiw.hiw--dark{
      --hiw-bg:#0e1116;
      --hiw-panel:#161b23;
      --hiw-panel2:#1c2330;
      --hiw-line:rgba(255,255,255,.08);
      --hiw-line2:rgba(255,255,255,.14);
      --hiw-ink:#e8eaed;
      --hiw-dim:rgba(232,234,237,.6);
      --hiw-faint:rgba(232,234,237,.38);
      --hiw-strong:#ffffff;
      --hiw-fill:rgba(255,255,255,.09);
      --hiw-fill2:rgba(255,255,255,.02);
      --hiw-dotbg:rgba(255,255,255,.16);
      --hiw-shadow:0 24px 70px rgba(0,0,0,.45);
      --hiw-navbg:rgba(14,17,22,.82);
      --hiw-navbg-h:rgba(30,16,16,.9);
      --hiw-glow:rgba(239,68,68,.07);
      --hiw-live:#f87171;
      --hiw-purple-ink:#c9a6ff;
      --hiw-redseat-ink:#f87171;
      --hiw-green:#22c55e;
      background:
        radial-gradient(1100px 420px at 85% -4%,var(--hiw-glow),transparent 62%),
        var(--hiw-bg);
    }
    .hiw-wrap{width:100%;margin:0}
    .hiw-head{text-align:center;max-width:900px;margin:0 auto clamp(20px,3vh,34px);padding:0 20px}
    .hiw-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-body);
      font-size:.64rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--hiw-dim);margin-bottom:14px}
    .hiw-eyebrow:before,.hiw-eyebrow:after{content:"";width:34px;height:1px;background:var(--hiw-line2)}
    .hiw-title{font-family:var(--font-display);font-size:clamp(2.3rem,4.4vw,3.9rem);
      font-weight:700;letter-spacing:-.025em;line-height:1.02;margin:0 0 14px;color:var(--hiw-strong)}
    .hiw-title em{font-style:normal;color:var(--hiw-red)}
    .hiw-sub{font-size:clamp(1rem,1.3vw,1.14rem);line-height:1.55;color:var(--hiw-dim);margin:0;max-width:66ch;margin-inline:auto}
    /* Deck: full-bleed, content-sized slides. 2026-08-12: the numbered
       step chips above the deck were cut per the founder; the arrows below are
       the primary control now, so they carry real weight. */
    .hiw-deck{position:relative;--hiw-control-size:76px;--hiw-inset:clamp(22px,6vw,110px)}
    .hiw-viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}
    .hiw-viewport::-webkit-scrollbar{display:none}
    /* All slides share the tallest intrinsic height, so changing steps
       never changes the footer's position. Panels sit against that footer. */
    .hiw-track{display:flex;align-items:stretch}
    .hiw-card{flex:none;width:100%;scroll-snap-align:center;scroll-snap-stop:always;box-sizing:border-box;
      min-height:0;
      display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
      gap:clamp(28px,4.5vw,84px);align-items:end;
      padding:24px var(--hiw-inset) 0}
    @media(max-width:900px){
      .hiw-deck{--hiw-control-size:52px;--hiw-inset:20px}
      .hiw-card{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:18px;align-content:space-between}
    }
    .hiw-step-k{display:flex;align-items:baseline;gap:12px;margin:0 0 14px;font-family:var(--font-body)}
    .hiw-step-num{font-family:var(--font-body);font-size:clamp(2.4rem,3.4vw,3.4rem);font-weight:800;line-height:1;color:var(--hiw-red);font-variant-numeric:tabular-nums}
    .hiw-step-of{font-size:.64rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--hiw-faint)}
    .hiw-card-title{font-family:var(--font-display);font-size:clamp(1.8rem,3.1vw,2.9rem);font-weight:700;letter-spacing:-.02em;line-height:1.05;margin:0 0 14px;color:var(--hiw-strong)}
    .hiw-card-body{font-size:clamp(.98rem,1.2vw,1.12rem);line-height:1.65;color:var(--hiw-dim);margin:0;max-width:56ch}
    .hiw-card-body b{color:var(--hiw-ink);font-weight:700}
    /* Mechanics list under the body copy */
    .hiw-mech{margin:18px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:0;
      border-top:1px solid var(--hiw-line);max-width:56ch;font-family:var(--font-body)}
    .hiw-mech li{display:flex;align-items:baseline;justify-content:space-between;gap:18px;
      padding:9px 2px;border-bottom:1px solid var(--hiw-line);font-size:.82rem;color:var(--hiw-dim)}
    .hiw-mech li b{flex:none;font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--hiw-faint)}
    .hiw-mech li span{text-align:right;color:var(--hiw-ink);font-weight:600}
    .hiw-go{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:12px 20px;border-radius:8px;
      font-family:var(--font-body);font-size:.82rem;font-weight:800;
      color:#fff;background:var(--hiw-red-deep);text-decoration:none;transition:background .15s,transform .15s}
    .hiw-go:hover{background:#b91c1c;transform:translateY(-1px)}
    /* 2026-08-11: secondary sibling for the judge-integrity link on the
       verdict card. Same shape, no fill, so it reads as the quieter of
       the two actions rather than competing with the ballot CTA. */
    .hiw-go--quiet{margin-left:8px;background:transparent;border:1px solid var(--hiw-line);color:var(--hiw-ink)}
    .hiw-go--quiet:hover{background:rgba(255,255,255,.06);border-color:var(--hiw-red-deep)}
    @media (max-width:560px){.hiw-go--quiet{margin-left:0}}
    .hiw-fine{margin:14px 0 0;font-family:var(--font-body);font-size:.64rem;line-height:1.55;color:var(--hiw-faint);max-width:56ch}
    /* Data panels (right column) */
    .hiw-viz{min-width:0}
    .hiw-panel{width:100%;max-width:640px;margin:0 auto;border:1px solid var(--hiw-line);border-radius:12px;
      background:var(--hiw-panel);box-shadow:var(--hiw-shadow);
      font-family:var(--font-body);overflow:hidden}
    .hiw-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;
      padding:13px 18px;border-bottom:1px solid var(--hiw-line);
      font-size:.62rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--hiw-dim)}
    .hiw-panel-body{padding:18px}
    .hiw-live{display:inline-flex;align-items:center;gap:7px;color:var(--hiw-live)}
    .hiw-live i{width:6px;height:6px;border-radius:50%;background:var(--hiw-red);animation:hiwPulse 1.6s ease-in-out infinite}
    @keyframes hiwPulse{0%,100%{opacity:1}50%{opacity:.45}}
    @media(prefers-reduced-motion:reduce){.hiw-live i{animation:none}}
    /* 1 · match ticket */
    .hiw-motion{font-family:var(--font-body);font-size:1.28rem;font-weight:700;line-height:1.25;color:var(--hiw-strong);margin:0 0 16px}
    .hiw-vs{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;margin:0 0 16px}
    .hiw-vs-seat{display:flex;align-items:center;gap:12px;min-width:0}
    .hiw-vs-seat--r{flex-direction:row-reverse;text-align:right}
    .hiw-vs-seat img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:1px solid var(--hiw-line2);flex:none}
    .hiw-vs-nm{display:block;font-size:.9rem;font-weight:700;color:var(--hiw-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .hiw-vs-side{display:block;margin-top:2px;font-size:.6rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--hiw-faint)}
    .hiw-vs-mid{font-size:.66rem;font-weight:800;letter-spacing:.12em;color:var(--hiw-faint)}
    .hiw-ticket-row{display:flex;justify-content:space-between;gap:12px;padding:10px 2px;border-top:1px solid var(--hiw-line);
      font-size:.78rem;color:var(--hiw-dim)}
    .hiw-ticket-row b{font-variant-numeric:tabular-nums;font-weight:800;color:var(--hiw-strong)}
    /* 2 · ballot */
    .hiw-verdict{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:0 0 14px}
    .hiw-verdict-win{font-family:var(--font-body);font-size:1.6rem;font-weight:750;color:var(--hiw-strong)}
    .hiw-verdict-win i{font-style:normal;color:var(--hiw-green)}
    .hiw-verdict-pts{font-size:.9rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--hiw-ink)}
    .hiw-axis{margin:0 0 10px}
    .hiw-axis-top{display:flex;justify-content:space-between;gap:12px;font-size:.72rem;color:var(--hiw-dim);margin-bottom:5px}
    .hiw-axis-top b{font-variant-numeric:tabular-nums;color:var(--hiw-strong)}
    .hiw-bar{height:4px;border-radius:2px;background:var(--hiw-fill);overflow:hidden}
    .hiw-bar i{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,#f87171,var(--hiw-red))}
    .hiw-rfd{margin:14px 0 0;padding:12px 14px;border:1px solid var(--hiw-line);border-radius:8px;background:var(--hiw-fill2)}
    .hiw-rfd-k{font-size:.58rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--hiw-faint);margin:0 0 8px}
    .hiw-rfd p{margin:0;font-size:.8rem;line-height:1.55;color:var(--hiw-dim)}
    /* 3 · board table */
    .hiw-table{width:100%;border-collapse:collapse;font-size:.82rem}
    .hiw-table th{padding:8px 10px;text-align:left;font-size:.58rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--hiw-faint);border-bottom:1px solid var(--hiw-line2)}
    .hiw-table td{padding:11px 10px;border-bottom:1px solid var(--hiw-line);color:var(--hiw-dim);white-space:nowrap}
    .hiw-table td:first-child{font-variant-numeric:tabular-nums;font-weight:800;color:var(--hiw-faint);width:36px}
    .hiw-table .nm{display:flex;align-items:center;gap:10px;color:var(--hiw-strong);font-weight:700}
    .hiw-table .nm img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1px solid var(--hiw-line)}
    .hiw-table .pts{text-align:right;font-variant-numeric:tabular-nums;font-weight:800;color:var(--hiw-strong)}
    .hiw-table tr.top td{background:rgba(239,68,68,.07)}
    .hiw-table tr.top td:first-child{color:var(--hiw-red)}
    .hiw-table tr:last-child td{border-bottom:0}
    .hiw-table .fmt{font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
    /* 4 · stream stage */
    .hiw-stage-body{padding:22px 18px 18px}
    .hiw-show-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;
      padding:10px 12px;border:1px solid rgba(239,68,68,.3);border-radius:8px;background:rgba(239,68,68,.07)}
    .hiw-show-entry b{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;color:var(--hiw-strong)}
    .hiw-show-entry b i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--hiw-red);color:#fff;
      font-size:.64rem;font-style:normal;font-variant-numeric:tabular-nums}
    .hiw-show-entry span{font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--hiw-redseat-ink)}
    .hiw-stage-seats{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;margin:0 0 18px}
    .hiw-seat{border:1px solid var(--hiw-line);border-radius:10px;padding:16px 12px;text-align:center;background:var(--hiw-panel2)}
    .hiw-seat--challenger{border-color:rgba(239,68,68,.42);background:linear-gradient(155deg,rgba(239,68,68,.10),var(--hiw-panel2) 72%)}
    .hiw-seat-photo{display:block;width:62px;height:62px;margin:0 auto 10px;border-radius:50%;object-fit:cover;
      border:2px solid var(--hiw-line2);box-shadow:0 8px 20px rgba(0,0,0,.16)}
    .hiw-seat--challenger .hiw-seat-photo{border-color:rgba(239,68,68,.62)}
    .hiw-seat-disc{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;
      font-family:var(--font-body);font-size:1.3rem;font-weight:800}
    .hiw-seat-disc--creator{background:rgba(145,70,255,.14);border:2px solid rgba(145,70,255,.55);color:var(--hiw-purple-ink)}
    .hiw-seat-disc--ladder{background:rgba(239,68,68,.12);border:2px solid rgba(239,68,68,.55);color:var(--hiw-redseat-ink)}
    .hiw-seat b{display:block;font-size:.86rem;font-weight:750;color:var(--hiw-strong)}
    .hiw-seat span{display:block;margin-top:3px;font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--hiw-faint)}
    .hiw-ballot-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;
      padding:11px 14px;border:1px solid var(--hiw-line);border-radius:8px;background:var(--hiw-fill2);
      font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--hiw-dim)}
    .hiw-plat{display:inline-flex;align-items:center;gap:12px}
    .hiw-plat svg{width:15px;height:15px;fill:var(--hiw-dim)}
    .hiw-show-result{display:grid;grid-template-columns:auto 1fr 1fr;gap:8px;align-items:stretch}
    .hiw-show-result > span{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:10px 11px;
      border:1px solid var(--hiw-line);border-radius:8px;background:var(--hiw-fill2)}
    .hiw-show-result > span:first-child{border:0;background:transparent;padding-left:2px;
      font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--hiw-faint)}
    .hiw-show-result b{font-size:.72rem;color:var(--hiw-strong)}
    .hiw-show-result small{display:block;margin-top:2px;font-size:.61rem;line-height:1.3;color:var(--hiw-dim)}
    @media(max-width:520px){
      .hiw-show-entry{align-items:flex-start;flex-direction:column;gap:5px}
      .hiw-stage-seats{gap:8px}.hiw-seat{padding:13px 8px}.hiw-seat-photo{width:52px;height:52px}
      .hiw-show-result{grid-template-columns:1fr 1fr}.hiw-show-result > span:first-child{grid-column:1/-1;padding-bottom:0}
    }
    /* 5 · pool */
    .hiw-pool-row{display:flex;justify-content:space-between;gap:12px;padding:11px 2px;border-bottom:1px solid var(--hiw-line);font-size:.82rem;color:var(--hiw-dim)}
    .hiw-pool-row b{font-variant-numeric:tabular-nums;font-weight:800;color:var(--hiw-strong)}
    .hiw-pool-row.total b{color:var(--hiw-red)}
    .hiw-pool-note{margin:12px 0 0;font-size:.62rem;line-height:1.5;color:var(--hiw-faint)}
    .hiw-controls{display:grid;grid-template-columns:var(--hiw-control-size) minmax(0,1fr) var(--hiw-control-size);
      align-items:center;gap:12px;height:var(--hiw-control-size);margin:20px var(--hiw-inset) 0}
    .hiw-nav{width:var(--hiw-control-size);height:var(--hiw-control-size);box-sizing:border-box;padding:0;border-radius:4px;cursor:pointer;
      display:grid;place-items:center;border:2px solid var(--hiw-red);background:var(--hiw-red);color:#fff;
      box-shadow:none;transition:border-color .15s,background .15s,color .15s}
    .hiw-nav svg{width:30px;height:30px}
    .hiw-nav:enabled:hover{border-color:var(--hiw-red-deep);background:var(--hiw-red-deep)}
    .hiw-nav:disabled{opacity:1;cursor:default;border-color:rgba(239,68,68,.4);background:var(--hiw-navbg);color:rgba(239,68,68,.45)}
    .hiw-nav:focus-visible,.hiw-dot:focus-visible{outline:2px solid var(--hiw-red);outline-offset:4px}
    @media(max-width:900px){.hiw-nav svg{width:22px;height:22px}}
    .hiw-dots{display:flex;justify-content:center;align-items:center;gap:clamp(5px,1vw,9px);min-width:0;height:100%;margin:0;padding:0}
    .hiw-dot{flex:0 1 26px;min-width:8px;height:4px;border-radius:2px;border:0;padding:0;cursor:pointer;background:var(--hiw-dotbg);transition:background .15s}
    .hiw-dot[aria-current="true"]{background:var(--hiw-red)}
    /* Ink guarantees. The section themes through --hiw-* variables
       (light by default, .hiw--dark opt-in), but the light theme
       carries broad [data-theme="light"] text rules whose specificity
       beats a bare class (measured live: the h2 came out #1a1a1f and
       table cells came out red on the dark panel). The id prefix
       outranks them all without !important, and the variables resolve
       to the right ink in either mode. */
    #how-it-works .hiw-title,
    #how-it-works .hiw-card-title,
    #how-it-works .hiw-motion,
    #how-it-works .hiw-verdict-win,
    #how-it-works .hiw-table .nm,
    #how-it-works .hiw-table .pts,
    #how-it-works .hiw-seat b{color:var(--hiw-strong)}
    #how-it-works .hiw-title em{color:var(--hiw-red)}
    #how-it-works .hiw-sub,
    #how-it-works .hiw-card-body,
    #how-it-works .hiw-rfd p,
    #how-it-works .hiw-pool-row,
    #how-it-works .hiw-ticket-row,
    #how-it-works .hiw-table td{color:var(--hiw-dim)}
    #how-it-works .hiw-card-body b{color:var(--hiw-ink)}
    #how-it-works .hiw-ticket-row b,
    #how-it-works .hiw-pool-row b,
    #how-it-works .hiw-axis-top b{color:var(--hiw-strong)}
    #how-it-works .hiw-pool-row.total b{color:var(--hiw-red)}
    #how-it-works .hiw-table td:first-child{color:var(--hiw-faint)}
    #how-it-works .hiw-table tr.top td:first-child{color:var(--hiw-red)}
    #how-it-works .hiw-table th{color:var(--hiw-faint)}
    #how-it-works .hiw-go{color:#fff}
    /* The unfilled sibling has no red behind it, so it takes section
       ink instead. Has to sit after the rule above, which matches it
       too and would otherwise paint it white on white. */
    #how-it-works .hiw-go--quiet{color:var(--hiw-ink)}
    #how-it-works .hiw-step-num{color:var(--hiw-red)}

    /* Hover system (2026-08-10 v3, per the founder: "highlight and increase
       size when hovering type situation"). Data surfaces lift and
       scale, rows tint red, controls pop. Off under reduced motion. */
    .hiw-panel{transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s,border-color .28s}
    .hiw-panel:hover{transform:translateY(-5px) scale(1.02);border-color:rgba(239,68,68,.35);box-shadow:0 26px 60px rgba(29,25,21,.16)}
    .hiw-mech li{transition:background .15s}
    .hiw-mech li:hover{background:rgba(239,68,68,.05)}
    .hiw-table tbody tr td{transition:background .15s}
    .hiw-table tbody tr:hover td{background:rgba(239,68,68,.05)}
    .hiw-ticket-row,.hiw-pool-row{transition:background .15s}
    .hiw-ticket-row:hover,.hiw-pool-row:hover{background:rgba(239,68,68,.04)}
    .hiw-seat{transition:transform .2s,border-color .2s,box-shadow .2s}
    .hiw-seat:hover{transform:translateY(-3px) scale(1.03);border-color:rgba(239,68,68,.3);box-shadow:0 10px 26px rgba(29,25,21,.10)}
    .hiw-go:hover{background:#b91c1c;transform:translateY(-2px) scale(1.03);box-shadow:0 12px 28px rgba(239,68,68,.28)}
    .hiw-dot{transition:background .15s,transform .15s}
    .hiw-dot:hover{transform:scaleY(1.6)}
    @media(prefers-reduced-motion:reduce){
      .hiw-panel:hover,.hiw-seat:hover,.hiw-go:hover,.hiw-dot:hover{transform:none}
    }

.hiw-card[data-hiw-step="match"]{background:var(--hiw-panel,transparent);border-top:3px solid #bd1830}
.hiw-opening-steps{list-style:none;counter-reset:opening;padding:0;margin:24px 0;display:grid;gap:16px}
.hiw-opening-steps li{counter-increment:opening;display:grid;grid-template-columns:32px 70px minmax(0,1fr);gap:10px;align-items:center;font-size:14px}
.hiw-opening-steps li::before{content:counter(opening);display:grid;place-items:center;width:30px;height:30px;border:1px solid currentColor;border-radius:50%;color:#b91c1c}
.hiw-opening-steps span{opacity:.8}