/* ══ THE PITCH FLOW, TIDIED (CEO 2026-09-26, live play on launch day) ═══════════════════════════
   Loads LAST. Every rule here answers a line from that session:

     "this is a mess at the top"                        → §1 the stage bar
     "the top nav and buttons are a mess"               → §2 the war room's head
     "this page is a mess at the bottom it shows other  → §3 pitch ready
      content"
     "decide if pitch and presentations are fullscreen  → the ruling: PREP (brief, set-piece, war
      or not ... I just need it all to work and look      room) lives in the iPad; THE RUN (pitch
      good"                                               ready, the call, the verdict) is full
                                                          screen, like a film. The run's rooms are
                                                          sized to the window, and squeezing them
                                                          into the glass is what clipped them in
                                                          August (pn-final §28). One rule, stated.
   ════════════════════════════════════════════════════════════════════════════════════════════ */

/* ── 1 · THE STAGE BAR: four steps on one line ───────────────────────────────────────────────
   It was a number, a "STEP 2 OF 4" caption, the word and a "➤ next move" hint stacked at three
   different baselines, with the hint going stale (the verdict read "Build the pitch"). Now: one
   line per step — a tick or number in a disc, then the word. The current step is lit and
   underlined; done steps are ticked; the rest wait. The four segments ARE the "of 4". */
html body #pn-stagerail{
  display:flex !important; align-items:stretch !important; min-height:44px !important;
  padding:0 clamp(12px,2.4vw,24px) !important;
  background:#0E1118 !important; background-image:none !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important; box-shadow:none !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
}
/* hidden means hidden — the display rule above must never resurrect a bar the game stood down
   (it followed the player onto the floor still reading VERDICT) */
html body #pn-stagerail[hidden]{ display:none !important; }
html body #pn-stagerail .pn-stg-segs{
  display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0;
  width:100%; align-items:stretch;
}
html body #pn-stagerail .pn-stgsep{ display:none !important; }
html body #pn-stagerail .pn-stgseg{
  display:flex !important; flex-direction:row !important; align-items:center !important; gap:10px !important;
  min-width:0; margin:0 !important; padding:0 12px !important; min-height:44px;
  background:transparent !important; box-shadow:none !important; border:0 !important;
  color:rgba(234,241,251,.52) !important; transform:none !important;
}
html body #pn-stagerail .pn-stgseg > b,
html body #pn-stagerail .pn-stgseg > .pn-stgtick{
  flex:none; display:inline-flex !important; align-items:center; justify-content:center;
  width:22px; height:22px; border-radius:50%; margin:0 !important;
  font:700 11px/1 var(--mono,'JetBrains Mono'),ui-monospace,monospace !important; letter-spacing:0 !important;
  border:1px solid rgba(234,241,251,.28); color:inherit !important; background:transparent !important;
}
html body #pn-stagerail .pn-stgseg > i{
  font:600 12px/1 var(--mono,'JetBrains Mono'),ui-monospace,monospace !important; font-style:normal !important;
  letter-spacing:.14em !important; text-transform:uppercase !important; white-space:nowrap;
  overflow:hidden; text-overflow:ellipsis; margin:0 !important; color:inherit !important;
}
/* the caption and the hint go: the bar says WHERE you are; each screen's own button says what next */
html body #pn-stagerail .pn-stgseg > u.pn-stgcount,
html body #pn-stagerail .pn-stgseg > em{ display:none !important; }
html body #pn-stagerail .pn-stgseg[data-state="done"]{ color:rgba(234,241,251,.72) !important; }
html body #pn-stagerail .pn-stgseg[data-state="done"] > .pn-stgtick{
  background:rgba(249,115,22,.16) !important; border-color:rgba(249,115,22,.55); color:#FFB27A !important;
}
html body #pn-stagerail .pn-stgseg[data-state="now"]{
  color:#FFFFFF !important; box-shadow:inset 0 -3px 0 #F97316 !important;
}
html body #pn-stagerail .pn-stgseg[data-state="now"] > b{ background:#F97316 !important; border-color:#F97316; color:#1A0A02 !important; }
@media (max-width:620px){
  html body #pn-stagerail .pn-stgseg{ padding:0 4px !important; gap:6px !important; justify-content:center; }
  html body #pn-stagerail .pn-stgseg:not([data-state="now"]) > i{ display:none !important; }
  html body #pn-stagerail .pn-stgseg > i{ font-size:11px !important; letter-spacing:.1em !important; }
}

/* ── 2 · THE WAR ROOM'S HEAD ─────────────────────────────────────────────────────────────────
   Three bars stacked before any content: the stage bar, the game bar, then a window title strip
   that was EMPTY — its title had moved onto the photograph long ago — holding a close "dot" that
   rendered as a 12x44 oblong. The strip goes; Back (the same control the dot pointed at) stays,
   as a proper labelled button. The "02 BUILD" seal repeated the stage bar right under it. */
html body[data-view="pitch"] .pn-fwin > .mac-titlebar{ display:none !important; }
html body[data-view="pitch"] .wr-masthead .wr-mh-top > .pn-stgseal{ display:none !important; }
html body[data-view="pitch"] .wr-masthead{ min-height:0 !important; }
html body[data-view="pitch"] .wr-masthead .wr-mh-top{ justify-content:flex-end; }
html body[data-view="pitch"] #bail{
  min-height:40px !important; padding:0 16px !important; border-radius:999px !important;
  background:rgba(8,10,16,.72) !important; color:#FFFFFF !important;
  border:1px solid rgba(255,255,255,.34) !important;
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  font:700 13px/1 var(--pn-type-face),IS,sans-serif !important; letter-spacing:0 !important; text-transform:none !important;
}
html body[data-view="pitch"] #bail::before{ content:"\2190\00a0"; }
html body[data-view="pitch"] #bail:hover{ border-color:#F97316 !important; }

/* worth · costs · deadline: three figures on ONE baseline, the same size, left to right */
html body .bop .bop-heroes{
  display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px 28px !important; align-items:end !important;
}
html body .bop .bop-hero{ display:flex !important; flex-direction:column; gap:6px; margin:0 !important; min-width:0; }
html body .bop .bop-hero-v{
  font-size:clamp(28px,3.4vw,44px) !important; line-height:1 !important; white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
html body .bop .bop-hero--cost .bop-hero-v{ color:#FFB27A !important; }
html body .bop .bop-hero-sub{ font:500 12.5px/1.35 IS,sans-serif; color:rgba(234,241,251,.66); }
@media (max-width:620px){
  html body .bop .bop-heroes{ grid-template-columns:1fr 1fr !important; }
  html body .bop .bop-hero--clock{ grid-column:1 / -1; }
}

/* ── 3 · PITCH READY — nothing under it, nothing over its button ─────────────────────────────
   On a laptop-height window the stack (deck card, stage line, copy, two buttons) is taller than
   the screen; centred in a fixed box it spilled past both edges, so the Pitch it button landed on
   top of the "ESC · back to the deck" footer and the page behind showed through underneath.
   The overlay now scrolls, centres only when there is room (margin:auto), keeps clear of the
   footer, and is painted solid behind its own reel. */
html body #pn-ready{
  overflow-y:auto !important; overscroll-behavior:contain;
  align-items:flex-start !important; padding:clamp(56px,7vh,88px) 24px 96px !important;
  background:#07090E !important;
}
/* anchored to the TOP, not centred: the reveal adds the laptop, then the lid, then the buttons,
   and a centred stack re-centred at every step, so the whole card slid down the screen after it
   loaded (CEO: "this page loads — then the content drops down the page"). Growing downward from a
   fixed top, nothing already on screen moves. */
html body #pn-ready .pn-ready-inner{ margin:0 auto !important; }
html body #pn-ready .pnr-foot{ position:fixed !important; }
@media (max-height:760px){ html body #pn-ready .pnr-foot{ display:none !important; } }

/* the "CASE FILE #…" stamp sat over the brand name once the empty strip above it went; the case
   ref is printed again in the brief's own eyebrow two inches below, so the stamp stands down */
html body[data-view="pitch"] .wr-masthead .wr-mh-case{ display:none !important; }

/* ── 4 · YOUR ANGLE, AS A QUOTE ───────────────────────────────────────────────────────────────
   "ensure the inputs I had provided are used succinctly and well designed". The line he wrote in
   the set-piece is the page's thesis, so it is set like one: a quote in the display face, with a
   quiet Edit. The one-pager stays a closed drawer; its repeated "THE PITCH ON A PAGE" label (the
   drawer's own title says it) stands down, and the dice and file tools sit on one tidy row. */
html body .wr-resp .wr-deliver-note{ display:none !important; }
html body .wr-resp .wr-angle--card{ position:relative !important; display:flex !important; flex-direction:column !important; gap:10px !important; margin:0 0 14px !important; padding:18px 20px !important; border-radius:14px !important; background:#121722 !important; border:1px solid rgba(255,255,255,.10) !important; box-shadow:inset 3px 0 0 #F97316 !important; }
html body .wr-resp .wr-angle--card .wr-angle-k{ font:700 10.5px/1 var(--mono,'JetBrains Mono'),ui-monospace,monospace !important; letter-spacing:.18em !important; text-transform:uppercase !important; color:#FFB27A !important; }
html body .wr-resp .wr-angle-quote{ margin:0 !important; padding-right:64px !important; font:800 clamp(20px,2.2vw,26px)/1.2 var(--pn-type-face),IS,sans-serif !important; letter-spacing:-.015em !important; color:#FFFFFF !important; text-wrap:balance !important; }
html body .wr-resp .wr-angle-edit{ position:absolute !important; top:14px !important; right:14px !important; min-height:36px !important; padding:0 14px !important; border-radius:999px !important; background:transparent !important; color:#E6ECF5 !important; border:1px solid rgba(255,255,255,.28) !important; font:600 13px/1 IS,sans-serif !important; letter-spacing:0 !important; text-transform:none !important; cursor:pointer !important; }
html body .wr-resp .wr-angle-edit:hover{ border-color:#F97316 !important; }
html body .wr-resp .wr-angle--card textarea#prop{ width:100% !important; min-height:64px !important; resize:vertical !important; border-radius:10px !important; padding:12px 14px !important; font:600 16px/1.4 IS,sans-serif !important; background:#0B0F17 !important; color:#FFFFFF !important; border:1px solid rgba(255,255,255,.18) !important; }
html body .wr-resp .wr-angle--card textarea#prop[hidden]{ display:none !important; }
html body .wr-resp .wr-more--page .poap-eyebrow{ display:none !important; }
html body .wr-resp .wr-more--page .poap-head{ justify-content:flex-end !important; gap:8px; }

/* the floating "Build the pitch" dock that follows you down the war room is the SAME primary as
   the build sheet's, so it wears the same orange — it read as a disabled outline before */
html body #pn-pitchdock #pn-pitchdock-btn{
  background:#F97316 !important; color:#1A0A02 !important; border-color:#F97316 !important;
  font-weight:800 !important; min-height:52px !important;
  box-shadow:0 10px 28px -10px rgba(249,115,22,.6) !important;
}
html body #pn-pitchdock #pn-pitchdock-btn:hover{ background:#FB8A3C !important; }

/* ── 5 · THE MONEY AFTER A PITCH — top of the floor, once ─────────────────────────────────── */
html body .pn-money{
  --pm-acc:#3DDC84; margin:0 0 18px; padding:22px 24px; border-radius:16px;
  background:linear-gradient(160deg,#10231A,#0B1210 60%); border:1px solid rgba(61,220,132,.35);
  color:#F4F7FE; display:flex; flex-direction:column; gap:18px;
}
html body .pn-money.is-loss{ --pm-acc:#FF8A65; background:linear-gradient(160deg,#2A140E,#120C0A 60%); border-color:rgba(255,138,101,.35); }
html body .pn-money-hd{ position:relative; padding-right:110px; display:flex; flex-direction:column; gap:6px; }
html body .pn-money-k{ font:700 11px/1 var(--mono,'JetBrains Mono'),ui-monospace,monospace; letter-spacing:.18em; text-transform:uppercase; color:var(--pm-acc); }
html body .pn-money-h{ margin:0 !important; font:900 clamp(24px,3vw,34px)/1.05 var(--pn-type-face),IS,sans-serif !important; letter-spacing:-.02em !important; color:#FFFFFF !important; text-transform:none !important; }
html body .pn-money-line{ margin:0; max-width:62ch; font:500 15px/1.5 IS,sans-serif; color:rgba(244,247,254,.82); }
html body .pn-money-x{
  position:absolute; top:0; right:0; min-height:40px; padding:0 16px; border-radius:999px; cursor:pointer;
  background:transparent !important; color:#FFFFFF !important; border:1px solid rgba(255,255,255,.32) !important;
  font:700 13px/1 IS,sans-serif !important; text-transform:none !important; letter-spacing:0 !important;
}
html body .pn-money-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
html body .pn-money-cell{ display:flex; flex-direction:column; gap:6px; padding:16px; border-radius:12px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); min-width:0; }
html body .pn-money-ck{ font:700 10.5px/1 var(--mono,'JetBrains Mono'),ui-monospace,monospace; letter-spacing:.16em; text-transform:uppercase; color:rgba(244,247,254,.62); }
html body .pn-money-v{ font:900 clamp(26px,2.8vw,36px)/1 var(--pn-type-face),IS,sans-serif; color:#FFFFFF; font-variant-numeric:tabular-nums; }
html body .pn-money-d{ font:700 14px/1.2 IS,sans-serif; color:rgba(244,247,254,.7); font-variant-numeric:tabular-nums; }
html body .pn-money-d.up{ color:#3DDC84; } html body .pn-money-d.down{ color:#FF8A65; }
html body .pn-money-bars{ display:flex; flex-direction:column; gap:4px; margin-top:4px; }
html body .pn-money-bars i, html body .pn-money-bars u{ display:block; height:8px; border-radius:4px; min-width:4px; }
html body .pn-money-bars i{ background:rgba(255,255,255,.22); }
html body .pn-money-bars u{ background:var(--pm-acc); }
html body .pn-money-cap{ font:500 12.5px/1.35 IS,sans-serif; color:rgba(244,247,254,.6); }
@media (max-width:760px){
  html body .pn-money-grid{ grid-template-columns:1fr; }
  html body .pn-money-hd{ padding-right:0; } html body .pn-money-x{ position:static; align-self:flex-start; }
}
/* the floor lays its modules on a two-up grid; the money card is the news, so it takes the row */
html body .pn-money{ grid-column:1 / -1 !important; width:100%; box-sizing:border-box; scroll-margin-top:12px; }

/* ── 6 · THE CFO'S NOTE on the Financials page ────────────────────────────────────────────────
   Her photo, her read in four sentences, the one move she'd make, then two pictures of it —
   money in against money out, and the runway as a gauge. Uses the pressure room's own tokens
   (--s1-*), so it follows the page's light and dark themes rather than pinning a ground. */
html body .s1-cfo{
  display:grid; grid-template-columns:minmax(150px,210px) minmax(0,1.5fr) minmax(220px,1fr);
  gap:22px; align-items:stretch; margin:0 0 20px; padding:18px; border-radius:18px;
  background:var(--s1-bg2); border:1px solid var(--s1-grid);
  box-shadow:inset 4px 0 0 var(--s1-accent);
}
html body .s1-cfo.is-good{ box-shadow:inset 4px 0 0 var(--s1-good); }
html body .s1-cfo.is-warn{ box-shadow:inset 4px 0 0 var(--s1-warn); }
html body .s1-cfo.is-bad { box-shadow:inset 4px 0 0 var(--s1-bad); }
html body .s1-cfo-pic{ margin:0; border-radius:12px; overflow:hidden; min-height:180px; background-color:#11161f; background-size:cover; background-position:50% 22%; background-repeat:no-repeat; }
html body .s1-cfo-pic img{ width:100%; height:100%; object-fit:cover; object-position:50% 22%; display:block; }
html body .s1-cfo-note{ display:flex; flex-direction:column; gap:10px; min-width:0; justify-content:center; }
html body .s1-cfo-k{ font:700 10.5px/1.3 var(--mono,'JetBrains Mono'),ui-monospace,monospace; letter-spacing:.16em; text-transform:uppercase; color:var(--s1-muted); }
html body .s1-cfo-h{ margin:0 !important; font:900 clamp(24px,2.6vw,32px)/1.08 var(--pn-type-face),IS,sans-serif !important; letter-spacing:-.02em !important; text-transform:none !important; color:var(--s1-ink) !important; text-wrap:balance; }
html body .s1-cfo-p{ margin:0; font:500 15px/1.55 IS,sans-serif; color:var(--s1-ink2); max-width:60ch; }
html body .s1-cfo-p b{ color:var(--s1-ink); font-weight:700; }
html body .s1-cfo-move{ padding:10px 12px; border-radius:10px; background:rgba(127,127,127,.08); }
html body .s1-cfo-sig{ font:italic 600 15px/1 IS,sans-serif; color:var(--s1-ink2); }
html body .s1-cfo-viz{ display:flex; flex-direction:column; gap:14px; justify-content:center; min-width:0; }
html body .s1-cfo-vk{ font:700 10.5px/1 var(--mono,'JetBrains Mono'),ui-monospace,monospace; letter-spacing:.16em; text-transform:uppercase; color:var(--s1-muted); }
html body .s1-cfo-io{ display:flex; flex-direction:column; gap:8px; }
html body .s1-cfo-bar{ position:relative; height:30px; border-radius:8px; background:rgba(127,127,127,.12); overflow:hidden; }
html body .s1-cfo-bar i{ position:absolute; inset:0 auto 0 0; display:block; border-radius:8px; }
html body .s1-cfo-bar.is-in i{ background:var(--s1-good); }
html body .s1-cfo-bar.is-out i{ background:var(--s1-bad); }
html body .s1-cfo-bar b{ position:relative; display:flex; align-items:center; height:100%; padding:0 10px;
  font:800 13px/1 IS,sans-serif; color:#FFFFFF; text-shadow:0 1px 2px rgba(0,0,0,.6); font-variant-numeric:tabular-nums; }
html body .s1-cfo-net{ font:900 20px/1 var(--pn-type-face),IS,sans-serif; font-variant-numeric:tabular-nums; }
html body .s1-cfo-net.up{ color:var(--s1-good); } html body .s1-cfo-net.down{ color:var(--s1-bad); }
html body .s1-cfo-gauge{ display:grid; grid-template-columns:auto 1fr; grid-template-areas:"k k" "g b" "g s"; column-gap:12px; align-items:end; }
html body .s1-cfo-gauge .s1-cfo-vk{ grid-area:k; margin-bottom:6px; }
html body .s1-cfo-gauge svg{ grid-area:g; width:112px; height:auto; }
html body .s1-cfo-gauge svg path{ fill:none; stroke-width:12; stroke-linecap:round; }
html body .s1-cfo-gauge svg .trk{ stroke:rgba(127,127,127,.2); }
html body .s1-cfo-gauge svg .val{ stroke:var(--s1-accent); }
html body .s1-cfo-gauge.is-good svg .val{ stroke:var(--s1-good); }
html body .s1-cfo-gauge.is-warn svg .val{ stroke:var(--s1-warn); }
html body .s1-cfo-gauge.is-bad  svg .val{ stroke:var(--s1-bad); }
html body .s1-cfo-gauge b{ grid-area:b; font:900 24px/1 var(--pn-type-face),IS,sans-serif; color:var(--s1-ink); }
html body .s1-cfo-gauge span:last-child{ grid-area:s; font:500 12.5px/1.3 IS,sans-serif; color:var(--s1-muted); }
@media (max-width:980px){
  html body .s1-cfo{ grid-template-columns:140px minmax(0,1fr); }
  html body .s1-cfo-viz{ grid-column:1 / -1; flex-direction:row; flex-wrap:wrap; }
  html body .s1-cfo-io{ flex:1 1 240px; }
}
@media (max-width:560px){
  html body .s1-cfo{ grid-template-columns:1fr; }
  html body .s1-cfo-pic{ min-height:0; aspect-ratio:16/9; }
}
/* the page's standing intro paragraph said what the CFO's note now says, better — it stands down
   so her note is the first thing under the title */
html body .s1-screen:has(.s1-cfo) .s1-top .s1-sub{ display:none !important; }
/* and the lid-close no longer sends the whole block down 14vh (pn-squad-dossier-20260801.css:599) —
   that slide IS the drop he saw; the laptop closes in place */
html body .pn-ready.is-closed .pn-ready-inner,
html body .pn-ready .pn-ready-inner{ transform:none !important; }

/* ── 7 · THE LEADERSHIP BOARD BUTTON — gold, trophy, never cut off ─────────────────────────── */
/* CEO 2026-09-26: "too square, and yellow — not a glorious gradient gold metallic … with proper 3d
   trophy". Full pill; the metal is painted by the .pnfc-board-metal <svg> child (pn-ds.css strips
   background-image from buttons AND their pseudo-elements, so a CSS gradient never paints here).
   background-color stays as the fallback under the svg. */
html:not(#pn-ds-never) body #pnfcRankChip.pnfc-board-btn{
  --pn-surface-ink:#2A1A00; --pn-surface-ink-2:#3D2A05;
  position:relative !important; isolation:isolate; overflow:hidden !important;
  height:40px !important; min-height:40px !important; padding:0 12px 0 5px !important; gap:8px !important;
  border-radius:999px !important;
  background-color:#C8961E !important;
  color:#2A1A00 !important; border:1px solid #7A5410 !important;
  box-shadow:inset 0 1px 0 rgba(255,248,214,.9), inset 0 -1px 0 rgba(90,60,8,.55),
             inset 0 0 0 1px rgba(255,242,176,.25), 0 1px 0 rgba(0,0,0,.35), 0 6px 14px -6px rgba(0,0,0,.7) !important;
  flex:none !important; white-space:nowrap !important;
}
html:not(#pn-ds-never) body #pnfcRankChip.pnfc-board-btn > .pnfc-board-metal{
  position:absolute; inset:0; width:100%; height:100%; z-index:-1; pointer-events:none; display:block;
}
html:not(#pn-ds-never) body #pnfcRankChip.pnfc-board-btn,
html:not(#pn-ds-never) body #pnfcRankChip.pnfc-board-btn *{ color:#2A1A00 !important; }
html:not(#pn-ds-never) body #pnfcRankChip.pnfc-board-btn .pnfc-board-lbl{
  font-weight:800 !important; letter-spacing:.06em !important;
  text-shadow:0 1px 0 rgba(255,246,200,.75) !important;   /* embossed: light lip under dark ink */
}
/* the trophy sits on a dark enamel coin so the lit gold cup reads against the gold pill */
html:not(#pn-ds-never) body #pnfcRankChip.pnfc-board-btn .pnfc-board-coin{
  flex:none; display:inline-flex; align-items:center; justify-content:center;
  width:30px; height:30px; border-radius:50%;
  background-color:#1A1102;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.8), 0 1px 0 rgba(255,246,200,.7), 0 0 0 1px rgba(90,60,8,.7);
}
html:not(#pn-ds-never) body #pnfcRankChip.pnfc-board-btn .pnfc-board-trophy{
  width:24px; height:24px; flex:none; filter:drop-shadow(0 1px 1px rgba(0,0,0,.6));
}
html:not(#pn-ds-never) body #pnfcRankChip.pnfc-board-btn .pnfc-pos{
  background:#1A1102 !important; color:#F7D774 !important; border-radius:999px !important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.7), 0 1px 0 rgba(255,246,200,.6) !important;
}
html:not(#pn-ds-never) body #pnfcRankChip.pnfc-board-btn:hover{ filter:brightness(1.06) saturate(1.05) !important; }
html:not(#pn-ds-never) body #pnfcRankChip.pnfc-board-btn:active{ transform:translateY(1px); }
html:not(#pn-ds-never) body #pnfcRankChip.pnfc-board-btn:focus-visible{ outline:2px solid #fff2b0 !important; outline-offset:2px; }
html:not(#pn-ds-never) body #pnfcRankChip.pnfc-board-btn.is-compact .pnfc-board-lbl{ display:none !important; }
html:not(#pn-ds-never) body #pnfcRankChip.pnfc-board-btn.is-compact .pnfc-mv.flat{ display:none !important; }
@media (max-width:640px){
  html:not(#pn-ds-never) body #pnfcRankChip.pnfc-board-btn{ height:36px !important; min-height:36px !important; padding:0 8px 0 4px !important; gap:6px !important; }
  html:not(#pn-ds-never) body #pnfcRankChip.pnfc-board-btn .pnfc-board-coin{ width:28px; height:28px; }
  html:not(#pn-ds-never) body #pnfcRankChip.pnfc-board-btn .pnfc-board-trophy{ width:22px; height:22px; }
}
/* the bar's steps (pn-floor-chrome.js fitRankChip) */
html body .appbar.pnfc-fit-2{ column-gap:8px !important; gap:8px !important; padding-left:16px !important; padding-right:16px !important; }
html body .appbar.pnfc-fit-2 #pnfcDeskBtn > span:not(.pnfc-desk-ico){ display:none !important; }
html body .appbar.pnfc-fit-2 .agency .season{ display:none !important; }
html body .appbar.pnfc-fit-3 .pn-urg .pn-snap-rail{ display:none !important; }
html body .appbar.pnfc-fit-4 .agency .who{ display:none !important; }
html body .appbar.pnfc-fit-5 .pn-urg .pn-urg-lbl{ display:none !important; }
html body .appbar.pnfc-fit-5{ column-gap:4px !important; gap:4px !important; padding-left:10px !important; padding-right:10px !important; }
html body .appbar.pnfc-fit-5 .pn-urg{ min-width:0 !important; padding-right:6px !important; }

/* ── 8 · THE JOB CARD (war room, 2026-09-26) ──────────────────────────────────────────────────
   CEO: "this entire page layout is terrible", "weak lazy design", "remove it entirely or make it
   better design". One card: eyebrow → the ask → three terms on one top line → what they told you
   (open, no drawers) → who runs it + how closely you check it (client jobs). Scoped .pnj, id-weight
   selectors so the pn-ds / style-01 button chains cannot restyle it. */
html:not(#pn-ds-never) body .bop.pnj{
  display:flex !important; flex-direction:column; gap:22px;
  padding:26px 28px 26px !important;
}
html:not(#pn-ds-never) body .pnj .pnj-eyebrow{
  margin:0 !important; font:600 12px/1.4 JB,ui-monospace,monospace; letter-spacing:.08em;
  text-transform:uppercase; color:rgba(234,241,251,.58);
}
html:not(#pn-ds-never) body .pnj .pnj-eyebrow b{ color:#F97316; font-weight:700; }
html:not(#pn-ds-never) body .pnj h2.pnj-ask{
  margin:-8px 0 0 !important; max-width:24ch; text-wrap:balance;
  font-size:clamp(26px,2.6vw,36px) !important; line-height:1.08 !important;
}
/* terms: three equal cells, hairline between, all top-aligned, every one has a sub line */
html:not(#pn-ds-never) body .pnj .pnj-terms{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0;
  border-top:1px solid rgba(234,241,251,.12); border-bottom:1px solid rgba(234,241,251,.12);
}
html:not(#pn-ds-never) body .pnj .pnj-terms > div{
  display:flex; flex-direction:column; gap:6px; padding:16px 18px 16px 0; min-width:0;
}
html:not(#pn-ds-never) body .pnj .pnj-terms > div + div{ padding-left:18px; border-left:1px solid rgba(234,241,251,.12); }
html:not(#pn-ds-never) body .pnj .pnj-terms dt{
  font:600 11px/1.2 JB,ui-monospace,monospace; letter-spacing:.1em; text-transform:uppercase;
  color:rgba(234,241,251,.56);
}
html:not(#pn-ds-never) body .pnj .pnj-terms dd{ margin:0; }
html:not(#pn-ds-never) body .pnj .pnj-v{
  font:800 clamp(24px,2.6vw,34px)/1.05 IS,Inter,sans-serif; letter-spacing:-.02em;
  color:#F4F7FB; font-variant-numeric:tabular-nums; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
html:not(#pn-ds-never) body .pnj .is-cost .pnj-v{ color:#FFB27A; }
html:not(#pn-ds-never) body .pnj .is-good .pnj-v{ color:#6EE7A8; }
html:not(#pn-ds-never) body .pnj .is-warn .pnj-v{ color:#FBBF24; }
html:not(#pn-ds-never) body .pnj .is-bad  .pnj-v{ color:#F87171; }
html:not(#pn-ds-never) body .pnj .pnj-sub{ font:500 13px/1.35 IS,Inter,sans-serif; color:rgba(234,241,251,.62); }

/* what they told you: the client's words beside the corridor intel */
html:not(#pn-ds-never) body .pnj .pnj-brief{
  display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:22px; align-items:start;
}
html:not(#pn-ds-never) body .pnj .pnj-brief:has(> :only-child){ grid-template-columns:1fr; }
html:not(#pn-ds-never) body .pnj .pnj-k{
  display:flex; align-items:center; gap:10px; margin:0 0 8px;
  font:600 11px/1.2 JB,ui-monospace,monospace; letter-spacing:.1em; text-transform:uppercase;
  color:rgba(234,241,251,.56);
}
html:not(#pn-ds-never) body .pnj .pnj-bg p{
  margin:0 !important; max-width:62ch; font:400 15px/1.6 IS,Inter,sans-serif; color:rgba(234,241,251,.84);
}
html:not(#pn-ds-never) body .pnj .pnj-word{
  display:flex; flex-direction:column; gap:8px; padding:14px 16px; border-radius:12px;
  background-color:rgba(249,115,22,.08); border:1px solid rgba(249,115,22,.28);
}
html:not(#pn-ds-never) body .pnj .pnj-word.is-cold{ background-color:rgba(125,160,210,.08); border-color:rgba(125,160,210,.3); }
html:not(#pn-ds-never) body .pnj .pnj-word-tag{
  align-self:flex-start; padding:4px 9px; border-radius:999px; background-color:#F97316; color:#1A0E04;
  font:700 10.5px/1 JB,ui-monospace,monospace; letter-spacing:.1em; text-transform:uppercase;
}
html:not(#pn-ds-never) body .pnj .pnj-word.is-cold .pnj-word-tag{ background-color:#9DB6DA; color:#0B1420; }
html:not(#pn-ds-never) body .pnj .pnj-word-t{ margin:0 !important; font:500 14.5px/1.5 IS,Inter,sans-serif; color:#EEF3FB; }
html:not(#pn-ds-never) body .pnj .pnj-word-t b{ color:#fff; font-weight:800; }
html:not(#pn-ds-never) body .pnj .pnj-word-n{ font:500 12px/1.3 IS,Inter,sans-serif; color:rgba(234,241,251,.55); }

/* who runs it + how closely you check it: one compact strip, not two stacks of cards */
html:not(#pn-ds-never) body .pnj .pnj-how{
  display:flex; flex-direction:column; gap:18px; padding-top:20px; border-top:1px solid rgba(234,241,251,.12);
}
html:not(#pn-ds-never) body .pnj .pnj-row{ display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:8px 16px; }
html:not(#pn-ds-never) body .pnj .pnj-row > .pnj-k{ margin:0; }
html:not(#pn-ds-never) body .pnj .pnj-team{ margin:0 !important; font:500 14.5px/1.4 IS,Inter,sans-serif; color:rgba(234,241,251,.8); }
html:not(#pn-ds-never) body .pnj .pnj-team b{ color:#F4F7FB; font-weight:800; }
html:not(#pn-ds-never) body .pnj .pnj-team em{ color:#FBBF24; font-style:normal; }
html:not(#pn-ds-never) body .pnj .pnj-acts{ display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
html:not(#pn-ds-never) body .pnj .pnj-row--depth{ grid-template-columns:1fr; }
html:not(#pn-ds-never) body .pnj .pnj-pool{
  margin-left:auto; font-style:normal; letter-spacing:.06em; color:rgba(234,241,251,.7);
}
html:not(#pn-ds-never) body .pnj .pnj-pool.is-bad{ color:#F87171; }
html:not(#pn-ds-never) body .pnj .pnj-seg{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; padding:4px;
  border-radius:14px; background-color:rgba(0,0,0,.28); border:1px solid rgba(234,241,251,.1);
}
html:not(#pn-ds-never) body .pnj button.pnj-lvl{
  display:flex !important; flex-direction:column; align-items:flex-start; gap:4px; text-align:left;
  margin:0 !important; padding:12px 14px !important; min-height:0 !important; width:auto !important;
  border-radius:10px !important; border:1px solid transparent !important; box-shadow:none !important;
  background-color:transparent !important; color:#EEF3FB !important; cursor:pointer; text-transform:none !important;
}
html:not(#pn-ds-never) body .pnj button.pnj-lvl:hover:not(:disabled){ background-color:rgba(234,241,251,.06) !important; }
html:not(#pn-ds-never) body .pnj button.pnj-lvl.is-on{
  background-color:rgba(249,115,22,.14) !important; border-color:rgba(249,115,22,.6) !important;
}
html:not(#pn-ds-never) body .pnj button.pnj-lvl:disabled{ opacity:.45; cursor:not-allowed; }
html:not(#pn-ds-never) body .pnj button.pnj-lvl:focus-visible{ outline:2px solid #F97316 !important; outline-offset:2px; }
html:not(#pn-ds-never) body .pnj .pnj-lvl-name{ font:800 15px/1.2 IS,Inter,sans-serif; letter-spacing:-.01em; }
html:not(#pn-ds-never) body .pnj .pnj-lvl-cost{ font:600 11.5px/1.2 JB,ui-monospace,monospace; letter-spacing:.04em; color:#FFB27A; }
html:not(#pn-ds-never) body .pnj .pnj-lvl-t{ font:500 12.5px/1.4 IS,Inter,sans-serif; color:rgba(234,241,251,.62); }
html:not(#pn-ds-never) body .pnj .pnj-stuck{
  display:flex; align-items:center; justify-content:space-between; gap:14px; margin:0 !important;
  padding:12px 14px; border-radius:12px; background-color:rgba(248,113,113,.08); border:1px solid rgba(248,113,113,.3);
  font:500 14px/1.45 IS,Inter,sans-serif; color:rgba(234,241,251,.82);
}
html:not(#pn-ds-never) body .pnj .pnj-stuck b{ color:#fff; }
html:not(#pn-ds-never) body .pnj .pnj-stuck .pn-btn{ flex:none; }
/* the rail: relationship only (brand/fee/deadline live on the card) */
html:not(#pn-ds-never) body .wr-bs .wr-bs-rel{
  display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; margin:10px 0 0 !important;
  font:500 13px/1.3 IS,Inter,sans-serif; color:rgba(234,241,251,.62);
}
html:not(#pn-ds-never) body .wr-bs .wr-bs-rel span{ font:600 11px/1 JB,ui-monospace,monospace; letter-spacing:.1em; text-transform:uppercase; }
html:not(#pn-ds-never) body .wr-bs .wr-bs-rel b{ font-size:18px; color:#F4F7FB; }
@media (max-width:760px){
  html:not(#pn-ds-never) body .bop.pnj{ padding:20px 18px !important; gap:18px; }
  html:not(#pn-ds-never) body .pnj .pnj-terms{ grid-template-columns:1fr 1fr; }
  html:not(#pn-ds-never) body .pnj .pnj-terms > div:nth-child(3){ grid-column:1 / -1; padding-left:0; border-left:0; border-top:1px solid rgba(234,241,251,.12); }
  html:not(#pn-ds-never) body .pnj .pnj-brief{ grid-template-columns:1fr; }
  html:not(#pn-ds-never) body .pnj .pnj-row{ grid-template-columns:1fr; }
  html:not(#pn-ds-never) body .pnj .pnj-acts{ justify-content:flex-start; }
  html:not(#pn-ds-never) body .pnj .pnj-seg{ grid-template-columns:1fr; }
  html:not(#pn-ds-never) body .pnj .pnj-stuck{ flex-direction:column; align-items:flex-start; }
}

/* ── 8b · the rest of the war room column, in the same family as the job card ─────────────── */
html:not(#pn-ds-never) body[data-view="pitch"] .wr-main > :is(.bop.pnj, .wr-resp, .room-mod){
  background-color:#131A26 !important; background-image:none !important;
  border:1px solid rgba(234,241,251,.1) !important; border-radius:18px !important;
  clip-path:none !important; box-shadow:0 1px 0 rgba(255,255,255,.04) inset, 0 18px 40px -24px rgba(0,0,0,.6) !important;
}
html:not(#pn-ds-never) body[data-view="pitch"] .wr-main > .wr-tab{ display:none !important; }
/* your response: no orange side bar, no nested band */
html:not(#pn-ds-never) body[data-view="pitch"] .wr-resp{ border-left-width:1px !important; padding:22px 28px !important; }
html:not(#pn-ds-never) body[data-view="pitch"] .wr-resp::before,
html:not(#pn-ds-never) body[data-view="pitch"] .wr-resp::after{ display:none !important; }
html:not(#pn-ds-never) body[data-view="pitch"] .wr-resp .wr-resp-band{
  background:none !important; border:0 !important; padding:0 0 12px !important; margin:0 !important;
}
html:not(#pn-ds-never) body[data-view="pitch"] .wr-resp .wr-work{ padding:0 !important; }
/* every remaining drawer in the war room: a quiet row with a hairline, not a boxed gradient card */
html:not(#pn-ds-never) body[data-view="pitch"] .wr-main details.wr-more{
  background:none !important; border:0 !important; border-top:1px solid rgba(234,241,251,.1) !important;
  border-radius:0 !important; box-shadow:none !important; margin:14px 0 0 !important; padding:0 !important;
}
html:not(#pn-ds-never) body[data-view="pitch"] .wr-main details.wr-more > summary{
  display:flex !important; align-items:baseline; gap:12px; padding:14px 0 2px !important; background:none !important; cursor:pointer;
}
html:not(#pn-ds-never) body[data-view="pitch"] .wr-main details.wr-more > summary .wr-more-k{
  font:700 14px/1.3 IS,Inter,sans-serif !important; letter-spacing:0 !important; text-transform:none !important; color:#F4F7FB !important;
}
html:not(#pn-ds-never) body[data-view="pitch"] .wr-main details.wr-more > summary .wr-more-sub{
  font:500 13px/1.3 IS,Inter,sans-serif !important; color:rgba(234,241,251,.55) !important;
}
html:not(#pn-ds-never) body[data-view="pitch"] .wr-main details.wr-more > summary .wr-more-cue{ margin-left:auto; }
/* the team: five faces on the page */
html:not(#pn-ds-never) body[data-view="pitch"] .room-mod{ padding:22px 28px !important; }
html:not(#pn-ds-never) body .pnj-squad{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:10px; margin-top:16px;
}
html:not(#pn-ds-never) body .pnj-squad button.pnj-mate{
  display:grid !important; grid-template-columns:40px 1fr auto; grid-template-rows:auto auto; align-items:center;
  column-gap:10px; row-gap:2px; margin:0 !important; padding:10px 12px !important; min-height:0 !important; width:auto !important;
  text-align:left; text-transform:none !important; cursor:pointer;
  background-color:rgba(0,0,0,.22) !important; border:1px solid rgba(234,241,251,.1) !important;
  border-radius:12px !important; box-shadow:none !important; color:#EEF3FB !important;
}
html:not(#pn-ds-never) body .pnj-squad button.pnj-mate:hover{ border-color:rgba(249,115,22,.55) !important; }
html:not(#pn-ds-never) body .pnj-squad button.pnj-mate:focus-visible{ outline:2px solid #F97316 !important; outline-offset:2px; }
html:not(#pn-ds-never) body .pnj-squad .pnj-mate img{
  grid-row:1 / 3; width:40px; height:40px; border-radius:50%; object-fit:cover; display:block;
}
html:not(#pn-ds-never) body .pnj-squad .pnj-mate-d{
  font:600 10.5px/1.2 JB,ui-monospace,monospace; letter-spacing:.08em; text-transform:uppercase; color:rgba(234,241,251,.55);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
html:not(#pn-ds-never) body .pnj-squad .pnj-mate-d i{ font-style:normal; color:#F97316; }
html:not(#pn-ds-never) body .pnj-squad .pnj-mate-n{ grid-column:2; font:800 14px/1.2 IS,Inter,sans-serif; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
html:not(#pn-ds-never) body .pnj-squad .pnj-mate-s{ grid-column:3; grid-row:1 / 3; font:800 17px/1 IS,Inter,sans-serif; font-variant-numeric:tabular-nums; color:#FFB27A; }
@media (max-width:760px){
  html:not(#pn-ds-never) body .pnj-squad{ grid-template-columns:1fr 1fr; }
  html:not(#pn-ds-never) body[data-view="pitch"] :is(.wr-resp,.room-mod){ padding:18px !important; }
}
html:not(#pn-ds-never) body .pnj .pnj-stuck{ max-width:none !important; }
html:not(#pn-ds-never) body[data-view="pitch"] .room-mod .room-head{ display:flex !important; align-items:center !important; justify-content:space-between; gap:16px; }
html:not(#pn-ds-never) body[data-view="pitch"] .room-mod .room-head :is(h2,h3,.room-eyebrow){ color:#F4F7FB !important; margin:0 !important; }
html:not(#pn-ds-never) body .pnj-squad :is(.pnj-mate-n,.pnj-mate-s){ letter-spacing:0 !important; }

/* ── §9 floor build / walking-in screen ────────────────────────────────────────────────────────
   CEO 2026-09-26 (launch day): "this page still not design". #pn-walkin was four lines of type on
   a near-black field. It is now the squad at work: each person on the pitch, their discipline and
   a live status (build), or the client's name and the squad walking in (call). Markup is built by
   pnWalkingIn() in script-01.js. Everything is scoped to #pn-walkin.wi2 so the old pn-final rules
   (which stay as the base) are overridden only here. Divs and imgs only — no buttons, so pn-ds.css
   has nothing to strip. */
html body #pn-walkin.wi2{
  --wi-ink:#EEF2FA; --wi-dim:rgba(226,232,244,.66); --wi-faint:rgba(226,232,244,.40);
  --wi-hair:rgba(255,255,255,.09); --wi-acc:var(--accent,#F97316);
  position:fixed; inset:0; z-index:21000; overflow:hidden;
  display:grid; place-items:center; padding:24px 16px;
  background:
    radial-gradient(70% 55% at 50% 0%, rgba(249,115,22,.10) 0%, rgba(249,115,22,0) 70%),
    radial-gradient(120% 90% at 50% 45%, #111a2a 0%, #0a101b 55%, #05080e 100%);
  color:var(--wi-ink);
  opacity:1; transition:opacity .26s ease;
}
html body #pn-walkin.wi2.is-out{ opacity:0; pointer-events:none; }
/* a faint floor grid — the room has a surface, it is not a void */
html body #pn-walkin .wi2-grain{
  position:absolute; inset:0; pointer-events:none; opacity:.55;
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 1px, transparent 1px 64px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.025) 0 1px, transparent 1px 64px);
  -webkit-mask-image:radial-gradient(80% 70% at 50% 50%, #000 30%, transparent 85%);
          mask-image:radial-gradient(80% 70% at 50% 50%, #000 30%, transparent 85%);
}
/* the client's name, huge and quiet behind the room */
html body #pn-walkin .wi2-bleed{
  position:absolute; left:50%; bottom:-.18em; transform:translateX(-50%);
  font:900 clamp(96px,22vw,300px)/.8 var(--pn-type-face, 'Space Grotesk', Inter, system-ui, sans-serif);
  letter-spacing:-.05em; white-space:nowrap; pointer-events:none;
  color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.05);
}
html body #pn-walkin .wi2-in{
  position:relative; width:100%; max-width:560px; padding:0; text-align:left;
}
html body #pn-walkin .wi2-k{
  display:flex; align-items:center; gap:10px; margin:0 0 16px;
  font:700 11px/1.2 var(--mono, JB, ui-monospace, monospace); letter-spacing:.24em; text-transform:uppercase;
  color:var(--wi-acc);
}
html body #pn-walkin .wi2-dot{
  width:7px; height:7px; border-radius:50%; background:var(--wi-acc); flex:none;
  box-shadow:0 0 0 0 rgba(249,115,22,.55); animation:wi2Pulse 1.6s ease-out infinite;
}
@keyframes wi2Pulse{ 0%{box-shadow:0 0 0 0 rgba(249,115,22,.55)} 100%{box-shadow:0 0 0 10px rgba(249,115,22,0)} }
html body #pn-walkin .wi2-h{
  display:block; margin:0; color:var(--wi-ink);
  font-size:clamp(30px,4.2vw,44px); line-height:1.02; font-weight:900; letter-spacing:-.03em;
}
html body #pn-walkin .wi2-s{
  display:block; margin:10px 0 0; font:400 15px/1.45 IS, Inter, ui-sans-serif, system-ui, sans-serif;
  color:var(--wi-dim);
}
html body #pn-walkin .wi2-s em{ font-style:normal; color:var(--wi-ink); font-weight:600; }

/* build — the squad, one row each */
html body #pn-walkin .wi2-squad{
  list-style:none; margin:26px 0 0; padding:0;
  border-top:1px solid var(--wi-hair);
}
html body #pn-walkin .wi2-row{
  display:grid; grid-template-columns:40px minmax(0,1fr) auto; align-items:center; column-gap:14px;
  padding:11px 0; border-bottom:1px solid var(--wi-hair);
  opacity:0; transform:translateY(6px);
  animation:wi2In .42s cubic-bezier(.2,.8,.2,1) forwards; animation-delay:calc(var(--i) * 70ms + 60ms);
}
@keyframes wi2In{ to{ opacity:1; transform:none; } }
html body #pn-walkin .wi2-av{
  display:block; width:40px; height:40px; border-radius:50%; object-fit:cover; object-position:center top;
  background:#1a2332; box-shadow:0 0 0 1px rgba(255,255,255,.14); filter:grayscale(.35) contrast(1.05);
  transition:box-shadow .25s ease, filter .25s ease;
}
html body #pn-walkin .wi2-who{ display:flex; flex-direction:column; min-width:0; gap:3px; }
html body #pn-walkin .wi2-who b{
  font:700 15px/1.15 IS, Inter, ui-sans-serif, system-ui, sans-serif; color:var(--wi-ink);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
html body #pn-walkin .wi2-who i{
  font:700 10px/1 var(--mono, JB, ui-monospace, monospace); font-style:normal;
  letter-spacing:.2em; text-transform:uppercase; color:var(--wi-faint);
}
html body #pn-walkin .wi2-st{
  display:flex; align-items:center; gap:8px; justify-content:flex-end;
  font:400 13px/1.2 IS, Inter, ui-sans-serif, system-ui, sans-serif; color:var(--wi-dim); text-align:right;
}
html body #pn-walkin .wi2-typing{ display:inline-flex; gap:3px; width:21px; }
html body #pn-walkin .wi2-typing i{
  width:4px; height:4px; border-radius:50%; background:var(--wi-faint); opacity:.35;
}
html body #pn-walkin .wi2-row.is-live .wi2-av{ box-shadow:0 0 0 2px var(--wi-acc); filter:none; }
html body #pn-walkin .wi2-row.is-live .wi2-who i{ color:var(--wi-acc); }
html body #pn-walkin .wi2-row.is-live .wi2-st{ color:var(--wi-ink); }
html body #pn-walkin .wi2-row.is-live .wi2-typing i{ background:var(--wi-acc); animation:wi2Type 1s ease-in-out infinite; }
html body #pn-walkin .wi2-row.is-live .wi2-typing i:nth-child(2){ animation-delay:.15s; }
html body #pn-walkin .wi2-row.is-live .wi2-typing i:nth-child(3){ animation-delay:.3s; }
@keyframes wi2Type{ 0%,100%{opacity:.3; transform:none} 50%{opacity:1; transform:translateY(-2px)} }
html body #pn-walkin .wi2-row.is-done .wi2-typing{ visibility:hidden; }

/* call — the client, then the squad walking in */
html body #pn-walkin.wi2--call .wi2-in{ text-align:center; max-width:640px; }
html body #pn-walkin.wi2--call .wi2-k{ justify-content:center; }
html body #pn-walkin .wi2-client{
  display:block; margin:0 0 10px; color:var(--wi-acc);
  font:900 clamp(24px,2.6vw,30px)/1.1 var(--pn-type-face, Inter, system-ui, sans-serif); letter-spacing:-.02em;
}
html body #pn-walkin .wi2-stack{ display:flex; justify-content:center; flex-wrap:wrap; gap:14px 18px; margin:30px 0 0; }
html body #pn-walkin .wi2-seat{
  display:flex; flex-direction:column; align-items:center; gap:8px; width:64px;
  opacity:0; transform:translateX(-14px);
  animation:wi2Walk .5s cubic-bezier(.2,.8,.2,1) forwards; animation-delay:calc(var(--i) * 110ms + 120ms);
}
@keyframes wi2Walk{ to{ opacity:1; transform:none; } }
html body #pn-walkin .wi2-seat .wi2-av{ width:52px; height:52px; filter:none; }
html body #pn-walkin .wi2-seat i{
  font:600 12px/1.1 IS, Inter, ui-sans-serif, system-ui, sans-serif; font-style:normal; color:var(--wi-dim);
  max-width:64px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

/* the progress — a real fill, never an endless shuttle */
html body #pn-walkin .wi2-prog{ display:flex; align-items:center; gap:14px; margin:26px 0 0; }
html body #pn-walkin.wi2--call .wi2-prog{ max-width:360px; margin-left:auto; margin-right:auto; }
html body #pn-walkin .wi2-bar{
  display:block; flex:1 1 auto; width:auto; height:3px; margin:0;
  background:rgba(255,255,255,.10); border-radius:99px; overflow:hidden;
}
html body #pn-walkin .wi2-bar i{
  display:block; width:6%; height:100%; border-radius:99px; background:var(--wi-acc);
  animation:none; transform:none; transition:width .35s cubic-bezier(.2,.8,.2,1);
  box-shadow:0 0 12px rgba(249,115,22,.55);
}
html body #pn-walkin .wi2-pct{
  flex:none; font:700 10px/1 var(--mono, JB, ui-monospace, monospace); letter-spacing:.2em;
  text-transform:uppercase; color:var(--wi-faint);
}

@media (max-width: 560px){
  html body #pn-walkin .wi2-h{ font-size:30px; }
  html body #pn-walkin .wi2-s{ font-size:14px; }
  html body #pn-walkin .wi2-squad{ margin-top:20px; }
  html body #pn-walkin .wi2-row{ grid-template-columns:36px minmax(0,1fr); column-gap:12px; padding:10px 0; }
  html body #pn-walkin .wi2-av{ width:36px; height:36px; }
  html body #pn-walkin .wi2-row .wi2-av{ grid-row:span 2; }
  html body #pn-walkin .wi2-st{ grid-column:2; justify-content:flex-start; text-align:left; margin-top:4px; font-size:12.5px; }
  html body #pn-walkin .wi2-stack{ gap:12px 10px; }
  html body #pn-walkin .wi2-seat{ width:56px; }
  html body #pn-walkin .wi2-seat .wi2-av{ width:46px; height:46px; }
  html body #pn-walkin .wi2-prog{ flex-direction:column; align-items:stretch; gap:10px; }
  html body #pn-walkin .wi2-pct{ text-align:left; }
  html body #pn-walkin.wi2--call .wi2-pct{ text-align:center; }
}
@media (prefers-reduced-motion: reduce){
  html body #pn-walkin.wi2,
  html body #pn-walkin .wi2-bar i{ transition:none; }
  html body #pn-walkin .wi2-dot,
  html body #pn-walkin .wi2-row.is-live .wi2-typing i{ animation:none; }
  html body #pn-walkin .wi2-row,
  html body #pn-walkin .wi2-seat{ animation:none; opacity:1; transform:none; }
}

/* ── 10 · VERDICT: the exit bar no longer sits on the pitch notes (2026-09-26) ────────────────
   The sticky foot was a 123px opaque slab (status line stacked over a big button), so on a laptop
   height it covered the last pitch notes at first view. It is now one slim row — the status on
   the left, the button on the right — so it covers a strip, and the notes run clear above it. */
@media (min-width:901px){
  html body[data-view="result"] .pn-rz .rz-col--r .result-actions{
    display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important;
    align-items:center !important; justify-content:space-between !important; gap:16px !important;
    padding:10px 0 calc(10px + env(safe-area-inset-bottom,0px)) !important;
    background:rgba(7,12,21,.94) !important; backdrop-filter:blur(8px);
    box-shadow:0 -10px 20px rgba(4,7,12,.45) !important;
  }
  html body[data-view="result"] .pn-rz .result-actions .rv-next-k{
    margin:0 !important; text-align:left !important; font-size:11px !important; line-height:1.3 !important; letter-spacing:.12em !important;
  }
  html body[data-view="result"] .pn-rz .result-actions #result-back{
    flex:none; min-height:44px !important; padding:0 22px !important; font-size:15px !important; min-width:0 !important;
  }
}
/* the ledger's strongest / weakest rows: label and answer on one line */
html:not(#pn-ds-never) body .pn-rz .pn-rz-row{
  display:flex !important; align-items:baseline !important; justify-content:space-between !important; gap:12px;
}
html:not(#pn-ds-never) body .pn-rz .pn-rz-row .rv{ margin:0 !important; text-align:right; }
html:not(#pn-ds-never) body .pn-rz .pn-rz-row{ align-items:center !important; }
html:not(#pn-ds-never) body .pn-rz .pn-rz-row .rk{ flex:1 1 auto !important; min-width:0 !important; width:auto !important; margin:0 !important; }
html:not(#pn-ds-never) body .pn-rz .pn-rz-row .rv{ flex:none !important; padding:0 !important; line-height:1.3 !important; }
html:not(#pn-ds-never) body .pn-rz .pn-rz-row{ flex-wrap:nowrap !important; flex-direction:row !important; }
html:not(#pn-ds-never) body .pn-rz .pn-rz-row .rk{ flex:1 1 0 !important; max-width:none !important; }
/* an entrance animation left each answer parked 16px low, under its own divider */
html:not(#pn-ds-never) body .pn-rz .pn-rz-row .rv{ transform:none !important; }

/* ── 11 · THE TWO INVITES ON THE FLOOR (CEO 2026-09-26: "the WahWah trophy should protrude from the
   module, and both modules should be full height") ────────────────────────────────────────────
   They share one grid row (the v-perf hub-view). The WahWahs card stretches to the row, its
   actions sit on the same baseline as the board's, and the trophy stands proud of the card's
   top-right corner instead of being boxed inside it. */
html body .hub-view[data-view="v-perf"] > .pn-ww-invite,
html body .hub-view[data-view="v-perf"] > .pn-si{ align-self:stretch !important; margin-top:18px !important; margin-bottom:6px !important; }
html body .hub-view[data-view="v-perf"] > .pn-ww-invite{ display:flex; overflow:visible; }
html body .pn-ww-invite-card{
  display:flex !important; flex-direction:column; align-items:flex-start; gap:6px;
  flex:1 1 auto; width:100%; min-height:100%; overflow:visible !important;
  padding:24px 150px 24px 26px !important;
}
html body .pn-ww-invite-card > *{ grid-area:auto !important; }
html body .pn-ww-invite .pn-ww-invite-h{ margin:8px 0 4px !important; }
html body .pn-ww-invite-when{ max-width:34ch !important; }
html body .pn-ww-invite-act{ margin-top:auto !important; padding-top:16px; }
html body .pn-ww-invite-trophy{
  position:absolute !important; right:-16px; top:-36px; height:min(72%,270px) !important; max-width:none !important; width:auto;
  filter:drop-shadow(0 18px 22px rgba(60,40,5,.45)) drop-shadow(0 2px 4px rgba(0,0,0,.25));
  transform:rotate(-4deg); transform-origin:bottom center; pointer-events:none; z-index:2;
}
@media (max-width:900px){
  html body .pn-ww-invite-card{ padding:22px 120px 22px 22px !important; }
  html body .pn-ww-invite-trophy{ right:-10px; top:-26px; height:150px !important; }
}
@media (max-width:640px){
  html body .pn-ww-invite-card{ padding:20px 104px 20px 20px !important; }
  html body .pn-ww-invite-trophy{ right:-8px; top:-22px; height:128px !important; }
}
html body .pn-si .pn-stand{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px 16px; }
html body .pn-si .ps-n{ font-size:clamp(22px,2vw,30px) !important; white-space:nowrap; letter-spacing:-.03em !important; }
html body .pn-si .ps-n--out{ font-size:clamp(19px,1.7vw,24px) !important; color:var(--si-ink) !important; }
html body .pn-si .ps-of{ line-height:1.3 !important; }
@media (max-width:640px){ html body .pn-si .pn-stand{ grid-template-columns:1fr 1fr; } html body .pn-si .ps-cell:first-child{ grid-column:1 / -1; } }