/* pn-review-20260914.css — THE REVIEW (client work, stage 03) JOINS THE ONE DESIGN. ============================================================================================= CEO, 14 Sep 2026: the YOUR CALL fork ("INSIGHT IS ON THE TABLE." dark-on-dark, "Take the note" ghosted, both eyebrows invisible) and the review sheet ("so much disconnected, poor design everywhere"; Dave's brief PITCH-ONE-WINDOW-one-design). Measured on a booted review in LIGHT: the fork window is a dark modal (pinned, a sanctioned seam) but it READS the light theme's `--rv-ink` (#0b1c30) and `--rv-dim` from `.pn-review` — navy ink on a near-black window. 1 · THE FORK owns its tokens in both themes. Headline in the cabinet face, options as the same option cards beat 3 uses (title, stakes as chips, the Why? toggle riding the card's foot). 2 · THE SHEET takes the PRESENT/VERDICT hierarchy: seal + brand in the cabinet face, the routing sheet as a solid card with a real row rhythm, strength as a 10px track + tabular numeral, the client aside as a portrait card, notes as cards, the SIGN-OFF band as the ledger (the WORD at hero scale — REWORK / AMENDS / APPROVED — and the three-zone track). Loads LAST; pn-review-20260731.css is `.pn-review .x` (0,2,0)-ish, so `html body .pn-review .x` with !important where a measured fight exists. ============================================================================================= */ /* ── 1 · THE FORK ──────────────────────────────────────────────────────────────────────────── */ html body .pn-review .rv-fork{ --rv-ink:#EEF3FB; --rv-dim:rgba(238,243,251,.72); --rv-hair:rgba(238,243,251,.16); --rv-accent:#F97316; --rv-accent-ink:#0B1C30; --rv-ok:#3DDC84; --rv-amend:#FFB638; --rv-bad:#FF6A55; --fk-card:#151B26; --fk-card-2:#1B2230; color:var(--rv-ink) !important; } html body .pn-review .rv-fork-k{ color:var(--rv-bad) !important; font:800 9.5px/1 var(--mono),ui-monospace,monospace !important; letter-spacing:.26em !important; } html body .pn-review .rv-fork-h{ color:var(--rv-ink) !important; font-family:var(--pn-type-face) !important; font-weight:900 !important; font-style:normal !important; font-size:clamp(24px,3vw,38px) !important; line-height:.95 !important; letter-spacing:-.03em !important; text-transform:none !important; margin:8px 0 0 !important; } html body .pn-review .rv-fork-sub{ color:var(--rv-ink) !important; opacity:.86; font:400 15px/1.5 IS,ui-sans-serif,system-ui,sans-serif !important; } html body .pn-review .rv-optwrap{ display:grid; grid-template-rows:auto auto auto; gap:8px; align-content:start; } html body .pn-review .rv-opt{ background:var(--fk-card) !important; border:1px solid var(--rv-hair) !important; border-left:3px solid var(--rv-hair) !important; border-radius:8px !important; color:var(--rv-ink) !important; padding:14px 16px 14px 16px !important; clip-path:none !important; } html body .pn-review .rv-opt.is-defend{ border-left-color:var(--rv-accent) !important; } html body .pn-review .rv-opt.is-take{ border-left-color:var(--rv-ok) !important; } html body .pn-review .rv-opt:hover{ background:var(--fk-card-2) !important; transform:translateY(-2px) !important; } html body .pn-review .rv-opt .lbl{ color:var(--rv-dim) !important; font:800 9px/1 var(--mono),ui-monospace,monospace !important; letter-spacing:.22em !important; } html body .pn-review .rv-opt b{ color:var(--rv-ink) !important; font-family:var(--pn-type-face) !important; font-weight:800 !important; font-size:19px !important; letter-spacing:-.02em !important; margin:7px 0 8px !important; } html body .pn-review .rv-opt.is-defend b{ color:var(--rv-accent) !important; } html body .pn-review .rv-stakes{ display:flex; flex-wrap:wrap; gap:6px; } html body .pn-review .rv-stake{ display:inline-flex; align-items:center; padding:5px 9px; border-radius:999px; border:1px solid var(--rv-hair); font:800 9.5px/1 var(--mono),ui-monospace,monospace !important; letter-spacing:.08em; text-transform:uppercase; color:var(--rv-ink); } html body .pn-review .rv-stake--odds{ background:var(--rv-accent); color:var(--rv-accent-ink); border-color:transparent; } html body .pn-review .rv-stake--hot{ color:var(--rv-bad); border-color:rgba(255,106,85,.5); } html body .pn-review .rv-stake--calm{ background:var(--rv-ok); color:#06281a; border-color:transparent; } html body .pn-review .rv-stake--dilute{ color:var(--rv-amend); border-color:rgba(255,182,56,.5); } html body .pn-review .rv-why{ justify-self:start; min-height:34px; padding:0 12px; border-radius:6px; border:1px solid var(--rv-hair) !important; background:transparent !important; color:var(--rv-ink) !important; font:700 12px/1 IS,ui-sans-serif,system-ui,sans-serif !important; cursor:pointer; } html body .pn-review .rv-why:hover{ background:var(--fk-card-2) !important; } html body .pn-review .rv-optdetail{ color:var(--rv-ink) !important; opacity:.82; font:400 13px/1.5 IS,ui-sans-serif,system-ui,sans-serif !important; margin:0 !important; } @media (max-width:640px){ html body .pn-review .rv-fork-opts{ grid-template-columns:1fr !important; } } /* the fork is a Finder window (pn-final): its children carry the 20px inset, not the window — restated here because the cabinet-face rule above reset the headline's margin */ html body .pn-review .rv-fork-h{ margin:14px 20px 0 !important; } html body .pn-review .rv-fork-sub{ margin:8px 20px 14px !important; } html body .pn-review .rv-fork-k{ margin:0 20px !important; } /* ── 2 · THE SHEET ─────────────────────────────────────────────────────────────────────────── */ /* unread pages were opacity .55 on the whole row — the numerals and names fell under AA. Dim INK, full opacity: quiet, still legible. */ html body .pn-review .rv-row{ opacity:1 !important; } html body .pn-review .rv-row:not(.is-marked):not(.is-live) .rv-row-disc, html body .pn-review .rv-row:not(.is-marked):not(.is-live) .rv-row-q, html body .pn-review .rv-row:not(.is-marked):not(.is-live) .rv-row-n{ color:var(--rv-dim) !important; } html body .pn-review .rv-brand{ font-family:var(--pn-type-face) !important; font-weight:900 !important; letter-spacing:-.03em !important; } html body .pn-review .rv-row-disc{ font-family:var(--pn-type-face) !important; font-weight:800 !important; letter-spacing:-.01em !important; } html body .pn-review .rv-atstake-v{ font-family:var(--pn-type-face) !important; font-weight:900 !important; letter-spacing:-.02em !important; font-variant-numeric:tabular-nums; } html body .pn-review .rv-foot-angle{ font-family:var(--pn-type-face) !important; font-weight:700 !important; letter-spacing:-.015em !important; } /* ── 3 · PHONE: the sheet is a document that scrolls, not a fixed grid — measured at 390 the routing rows and "THE LINE YOU ARE DEFENDING" painted over each other inside a fixed-height sheet whenever no note was on the table ── */ @media (max-width:760px){ html body .pn-review:not(.has-fork){ overflow:auto !important; -webkit-overflow-scrolling:touch; } html body .pn-review:not(.has-fork) .rv-shell{ height:auto !important; min-height:100%; display:flex; flex-direction:column; } html body .pn-review:not(.has-fork) .rv-body{ display:block !important; height:auto !important; min-height:0 !important; overflow:visible !important; } html body .pn-review:not(.has-fork) .rv-sheet, html body .pn-review:not(.has-fork) .rv-side{ height:auto !important; min-height:0 !important; overflow:visible !important; display:block !important; } html body .pn-review:not(.has-fork) .rv-rows{ overflow:visible !important; max-height:none !important; } html body .pn-review:not(.has-fork) .rv-sheet-foot{ position:static !important; margin-top:8px; } html body .pn-review:not(.has-fork) .rv-side{ margin-top:12px; } html body .pn-review:not(.has-fork) .rv-signoff, html body .pn-review:not(.has-fork) .rv-dock{ position:sticky; bottom:0; z-index:3; } html body .pn-review .rv-row{ grid-template-columns:28px minmax(0,1fr) 72px 30px !important; gap:8px !important; padding:11px 12px !important; } html body .pn-review .rv-row .rv-stamp{ grid-column:1 / -1; justify-self:end; } html body .pn-review .rv-row.is-lead{ grid-template-areas:"n disc str q" "line line line line" "stamp stamp stamp stamp" !important; } }