/**
 * SimplyCodes PMLP v3 Stylesheet — tokens from pmlp.css :root + the v3 mock rules
 * Generated: 2026-10-16T18:12:19.932Z
 */

/* ==== pmlp-v3 tokens BEGIN: the :root block of src/styles/pmlp.css, prepended by scripts/pmlp-v3-css.ts (S5.2b). Do not edit here. ==== */
:root {
  --font-sans: 'DM Sans', -apple-system, sans-serif;
  --font-mono: 'DM Mono', 'SF Mono', monospace;
  --features-sans: "ss02" 1, "liga" 0, "clig" 0;
  --features-mono: "ss03" 1, "ss05" 1;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --text-size-80: 0.694rem;
  --text-size-90: 0.833rem;
  --text-size-100: 1rem;
  --text-size-200: 1.2rem;
  --text-size-400: 1.728rem;
  --text-size-500: 2.074rem;
  --text-size-600: 2.488rem;
  --text-size-700: 2.986rem;
  --text-size-900: 4.000rem;
  --lh-16: 1rem;
  --lh-20: 1.25rem;
  --lh-24: 1.5rem;
  --lh-28: 1.75rem;
  --lh-32: 2rem;
  --lh-40: 2.5rem;
  --lh-48: 3rem;
  --lh-56: 3.5rem;
  --lh-72: 4.5rem;
  --brand-green: #03FF88;
  --axi-violet: #8B5CF6;
  --black-alpha-50: #00000080;
  --gray-0: #FFFFFF;
  --gray-25: #FDFCFC;
  --gray-50: #FAFAFA;
  --gray-75: #F7F7F8;
  --gray-100: #F4F4F5;
  --gray-150: #ECECED;
  --gray-200: #E4E4E7;
  --gray-250: #DBDBDE;
  --gray-300: #D4D4D8;
  --gray-350: #B9B9BF;
  --gray-400: #A1A1AA;
  --gray-450: #898992;
  --gray-500: #71717A;
  --gray-550: #61616B;
  --gray-600: #52525B;
  --gray-650: #484850;
  --gray-700: #3F3F46;
  --gray-750: #333338;
  --gray-800: #27272A;
  --gray-850: #1F1F22;
  --gray-900: #18181B;
  --gray-925: #101013;
  --gray-950: #09090B;
  --gray-975: #040405;
  --gray-1000: #000000;
  --green-25: #F7FFF9;
  --green-50: #F0FEF4;
  --green-75: #EEFBF1;
  --green-100: #EBF8EE;
  --green-200: #9DFFBA;
  --green-300: #03FF88;
  --green-400: #01F984;
  --green-500: #03E67A;
  --green-600: #02C869;
  --green-700: #039F53;
  --green-800: #026E37;
  --green-850: #01461C;
  --green-900: #013314;
  --green-925: #011C0B;
  --green-950: #001407;
  --green-975: #000702;
  --green-1000: #000201;
  --blue-25: #FBFDFE;
  --blue-50: #F6FAFF;
  --blue-75: #F2F8FE;
  --blue-100: #ECF5FF;
  --blue-200: #B0D6FE;
  --blue-300: #6EB6FF;
  --blue-400: #0394FC;
  --blue-500: #0175C9;
  --blue-600: #016FC0;
  --blue-700: #0261A7;
  --blue-800: #014980;
  --blue-850: #01325A;
  --blue-900: #012849;
  --blue-925: #011427;
  --blue-950: #01101F;
  --blue-975: #000D19;
  --blue-1000: #000308;
  --red-25: #FEFCFB;
  --red-50: #FFF8F7;
  --red-75: #FEF4F3;
  --red-100: #FFF0EF;
  --red-200: #FFC0BA;
  --red-300: #FF8A82;
  --red-400: #F64B4B;
  --red-500: #D01F2B;
  --red-600: #CA1526;
  --red-700: #B3001B;
  --red-800: #890112;
  --red-850: #5C0109;
  --red-900: #4A0107;
  --red-925: #270103;
  --red-950: #1F0102;
  --red-975: #190102;
  --red-1000: #080000;
  --amber-25: #FFFCF5;
  --amber-50: #FFFAEB;
  --amber-75: #FFF6E1;
  --amber-100: #FFF3D7;
  --amber-200: #FCBF26;
  --amber-300: #E1A417;
  --amber-400: #C58B0F;
  --amber-500: #AA7200;
  --amber-600: #946502;
  --amber-700: #7F5806;
  --amber-800: #6B4B08;
  --amber-850: #573F09;
  --amber-900: #453209;
  --amber-925: #332608;
  --amber-950: #231A07;
  --amber-975: #140F04;
  --amber-1000: #030201;
  --violet-25: #FCFCFE;
  --violet-50: #FAF9FE;
  --violet-75: #F7F6FF;
  --violet-100: #F4F2FF;
  --violet-200: #D7CFFF;
  --violet-300: #BCABFF;
  --violet-400: #A384FF;
  --violet-500: #8B5CF6;
  --violet-600: #8555EF;
  --violet-700: #7441DA;
  --violet-800: #5A17B7;
  --violet-850: #350189;
  --violet-900: #2A016E;
  --violet-925: #190145;
  --violet-950: #130134;
  --violet-975: #0D0124;
  --violet-1000: #04000C;
  --pink-25: #FEFBFF;
  --pink-50: #FDF8FF;
  --pink-75: #FDF3FF;
  --pink-100: #FAF0FD;
  --pink-200: #F2BBFF;
  --pink-300: #E780FF;
  --pink-400: #D244F0;
  --pink-500: #AF0ECC;
  --pink-600: #A902C6;
  --pink-700: #9302AC;
  --pink-800: #700184;
  --pink-850: #4E005C;
  --pink-900: #3F004A;
  --pink-925: #26002D;
  --pink-950: #1D0022;
  --pink-975: #150018;
  --pink-1000: #070009;
  --surface-base: var(--gray-1000);
  --surface-elevated: var(--gray-950);
  --surface-inset: var(--gray-975);
  --border-primary: var(--gray-750);
  --border-secondary: var(--gray-850);
  --text-primary: var(--gray-50);
  --text-secondary: var(--gray-300);
  --text-tertiary: var(--gray-400);
  --text-muted: var(--gray-500);
  --text-disabled: var(--gray-600);
  --action-primary: var(--brand-green);
  --text-on-action: var(--gray-1000);
  --surface-layer: var(--gray-925);
  --surface-control: var(--gray-800);
  --surface-overlay: var(--black-alpha-50);
  --surface-selected: var(--green-900);
  --border-focus: var(--gray-50);
  --border-selected: var(--green-700);
  --text-brand-primary: var(--green-300);
  --text-brand-secondary: var(--violet-300);
  --action-secondary: var(--gray-950);
  --action-hover: var(--gray-50);
  --action-pressed: var(--gray-200);
  --action-focus: var(--gray-50);
  --action-disabled: var(--gray-850);
  --radius-sm: 0.375em;
  --radius-md: 0.5em;
  --radius-lg: 0.625em;
  --radius-xl: 1em;
  --radius-2xl: 1.25em;
  --radius-full: 50%;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --tracking-tight-4: -0.04em;
  --tracking-tight-3: -0.03em;
  --tracking-tight-2: -0.02em;
  --tracking-tight-1: -0.01em;
  --tracking-normal: 0em;
  --tracking-wide: 0.125em;
  --ease-industrial: cubic-bezier(0.2, 0.0, 0.0, 1.0);
  --duration-snap: 100ms;
  --duration-slide: 300ms;
  --duration-entrance: 600ms;
  --entrance-shift: 20px;
  --shadow-glow: 0 0 10px rgba(3, 255, 136, 0.3);
}
/* ==== pmlp-v3 tokens END ==== */

/* ==========================================================================
   pmlp-v3.css : P-MLP v3 store page styles (plan v1.2 S5.2a, T14)
   Transcribed from the mock's 12 style blocks, in source order:
     cortex origin/main dashboard/prototypes/pmlp-store-page-week-two/updated.html
     sha256 abcfafbb0406aeafed47b821701219e1b0656814d1de3430dfd5099f21178f20
   TOKENS: the design-system :root tokens are NOT declared here. They come from
   src/styles/pmlp.css at build time (S5.2b wires the import). The mock's first
   :root block (125 declarations, every one identical in name and value to
   pmlp.css :root) is excluded.
   DELTAS: the only tokens declared here are flagged deltas, as --v3-* names
   (never a pmlp.css token name), each commented with its ruling:
     --v3-border-secondary, --v3-border-primary : Amanda's 2026-09-09 hairline
       ruling (level 750); a DS-2.0 token amendment David co-signs. Every
       var(--border-primary|secondary) in this file reads the --v3-* token so the
       computed value equals the mock's page-level override.
     --v3-type-step : the 0.694rem -> 0.833rem type step (DS-2.0 scope, pending David's
       ruling; default = a flagged delta token), applied only where a later mock
       block lifts a selector the first block set at 0.694rem.
   NOT YET: no dead-selector pruning (S5.2b); no build-script wiring (S5.2b).
   Everything else is the mock's text, verbatim, including its comments.
   ========================================================================== */

/* ---- mock style block 1 of 12 (updated.html line 28) ---- */


*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 1rem; -webkit-font-smoothing: antialiased; scroll-behavior: smooth; overflow-x: clip; }
body { font-family: var(--font-sans); font-feature-settings: var(--features-sans); font-variant-ligatures: none; font-size: 1rem; line-height: var(--lh-24); color: var(--text-primary); background: var(--surface-base); overflow-x: clip; }
main { overflow-x: clip; }

.page-grid { max-width: 1100px; margin: 0 auto; padding: var(--space-4) var(--space-6) 80px; display: grid; grid-template-columns: 1fr 300px; grid-template-rows: auto 1fr; gap: var(--space-4) var(--space-6); align-items: start; }
.page-main { grid-column: 1; grid-row: 1 / span 2; min-width: 0; }
.vcap--crown { grid-column: 2; grid-row: 1; align-self: start; margin-bottom: 0; }
.pmlp-sidebar { grid-column: 2; grid-row: 2; min-width: 0; }
@media (max-width: 860px) {
  .page-grid { grid-template-columns: 1fr; grid-template-rows: none; padding-left: var(--space-4); padding-right: var(--space-4); gap: 0; }
  .page-grid > * { min-width: 0; }
  .vcap--crown { grid-column: 1; grid-row: auto; margin-bottom: var(--space-4); }
  .page-main { grid-column: 1; grid-row: auto; }
  .pmlp-sidebar { display: none; }
}
.pmlp-breadcrumb { max-width: 1100px; margin: 0 auto; padding: var(--space-4) var(--space-6) 0; }
@media (max-width: 860px) { .pmlp-breadcrumb { display: none; } }
.pmlp-breadcrumb__list { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-1); list-style: none; }
.pmlp-breadcrumb__item { font-size: 0.833rem; line-height: var(--lh-16); color: var(--text-muted); }
.pmlp-breadcrumb__link { color: var(--text-muted); text-decoration: none; }
.pmlp-breadcrumb__link:hover { color: var(--text-secondary); }
.pmlp-breadcrumb__link:focus-visible { outline: 2px solid var(--brand-green); outline-offset: 2px; border-radius: 2px; }
.pmlp-breadcrumb__item--current { color: var(--text-secondary); }
.pmlp-breadcrumb__sep { color: var(--v3-border-primary); font-size: 0.694rem; }

.sc-nav { position: sticky; top: 0; z-index: 100; height: 56px; display: flex; align-items: center; gap: var(--space-6); padding: 0 var(--space-6); background: rgba(0,0,0,.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid var(--v3-border-secondary); }
.sc-nav__wordmark { font-family: var(--font-sans); font-weight: var(--weight-semibold); font-size: 1rem; color: var(--text-primary); text-decoration: none; letter-spacing: var(--tracking-tight-1); }
.sc-nav__wordmark b { color: var(--brand-green); font-weight: var(--weight-semibold); }
.sc-nav__links { display: flex; align-items: center; gap: var(--space-5); margin: 0 auto; list-style: none; }
.sc-nav__links a, .sc-nav__links span { color: var(--gray-400); font-size: 0.833rem; text-decoration: none; transition: color var(--duration-snap) var(--ease-industrial); }
.sc-nav__links a:hover { color: var(--text-primary); }
.sc-nav__links a:focus-visible { outline: 2px solid var(--brand-green); outline-offset: 2px; border-radius: 2px; }
.sc-nav__burger { display: none; margin-left: auto; width: 44px; height: 44px; align-items: center; justify-content: center; background: none; border: none; color: var(--text-secondary); font-size: 1rem; cursor: pointer; }
.minicta { display: flex; align-items: center; justify-content: center; width: 100%; background: var(--brand-green); color: #000; font-family: var(--font-sans); font-weight: var(--weight-bold); font-size: 0.833rem; border: none; border-radius: 9px; min-height: 44px; margin-top: 9px; cursor: pointer; transition: background-color var(--duration-snap) var(--ease-industrial); }
.minicta:hover { background: #28ffa0; }
.minicta:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--surface-base), 0 0 0 4px var(--green-600); }
.minicta--ghost { width: auto; background: transparent; color: var(--green-300); border: 1px solid var(--green-800); padding: 0 14px; margin-top: 0; }
.minicta--ghost:hover { background: rgba(3,255,136,0.06); }
.minicta--railghost { background: rgba(3,255,136,0.05); color: var(--green-300); border: 1px solid var(--green-800); min-height: 48px; }
.minicta--railghost:hover { background: rgba(3,255,136,0.1); border-color: var(--green-600); }
@media (max-width: 760px) { .sc-nav__links, .sc-nav .minicta--ghost { display: none; } .sc-nav__burger { display: flex; } }

.pmlp-disclosure { max-width: 1100px; margin: 0 auto; padding: 10px var(--space-6) 0; font-size: 0.694rem; line-height: var(--lh-16); color: var(--gray-500); }
.pmlp-disclosure a, .pmlp-disclosure .dis-link { color: var(--gray-500); text-decoration: underline dotted; text-decoration-color: var(--gray-700); text-underline-offset: 3px; }
.pmlp-disclosure a:hover { color: var(--text-secondary); }
@media (max-width: 860px) { .pmlp-disclosure { padding-left: var(--space-4); padding-right: var(--space-4); } }

.vcap { border: 1px solid var(--v3-border-primary); border-radius: var(--radius-xl); background: var(--surface-layer); padding: var(--space-5) var(--space-6); position: relative; }
.vcap__label { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; line-height: var(--lh-16); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-muted); font-weight: var(--weight-medium); margin-bottom: var(--space-2); display: flex; align-items: flex-start; gap: 7px; }
.vcap__label i { width: 5px; height: 5px; border-radius: var(--radius-full); background: var(--green-600); flex-shrink: 0; margin-top: 5px; }
.vcap__label span { min-width: 0; }
.vcap__verdict { font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-tertiary); font-weight: var(--weight-regular); }
.vcap__verdict .vcap__hl { color: var(--green-600); }
.vcap__verdict b { color: var(--text-secondary); font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-weight: var(--weight-medium); }
.vcap__stats { display: flex; flex-wrap: wrap; gap: var(--space-1) var(--space-3); margin-top: var(--space-3); font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; line-height: var(--lh-16); color: var(--text-tertiary); }
.vcap__stats b { color: var(--green-300); font-weight: var(--weight-medium); }
.vcap__provenance { margin-top: var(--space-3); padding-top: var(--space-3); border-top: 1px solid var(--v3-border-secondary); font-size: 0.694rem; line-height: var(--lh-16); color: var(--text-muted); }
.vcap__foot { margin-top: var(--space-2); font-size: 0.694rem; }
.vcap__foot a { color: var(--text-tertiary); text-decoration: none; }
.vcap__foot a:hover { color: var(--text-secondary); }
.vcap__more { display: none; }
@media (max-width: 860px) {
  .vcap { padding: var(--space-4); }
  .vcap__verdict { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .vcap.is-open .vcap__verdict { display: block; }
  .vcap__stats, .vcap__provenance, .vcap__foot { display: none; }
  .vcap.is-open .vcap__stats, .vcap.is-open .vcap__provenance, .vcap.is-open .vcap__foot { display: flex; }
  .vcap.is-open .vcap__provenance, .vcap.is-open .vcap__foot { display: block; }
  .vcap__more { display: inline-flex; align-items: center; min-height: 32px; background: none; border: none; color: var(--text-tertiary); font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; cursor: pointer; padding: 4px 0 0; }
}

.mh { padding: var(--space-6) var(--space-6) var(--space-4); border: 1px solid var(--v3-border-secondary); border-radius: var(--radius-xl); background: var(--surface-elevated); margin-bottom: var(--space-4); min-width: 0; overflow: hidden; }
.mh__brand { display: flex; align-items: center; gap: var(--space-3); margin-bottom: var(--space-4); }
.mh__icon { width: 48px; height: 48px; border-radius: var(--radius-lg); background: #fff; display: flex; align-items: center; justify-content: center; font-family: var(--font-sans); font-weight: var(--weight-bold); font-size: 1.728rem; color: #000; flex-shrink: 0; }
.mh__name { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.833rem; color: var(--text-tertiary); font-weight: var(--weight-medium); text-transform: uppercase; letter-spacing: var(--tracking-wide); }
.mh h1 { font-size: clamp(1.2rem, 3vw, 1.5rem); line-height: 1.25; font-weight: var(--weight-bold); letter-spacing: var(--tracking-tight-2); margin-bottom: var(--space-2); overflow-wrap: break-word; }
.trust { display: flex; flex-wrap: wrap; gap: 5px 14px; margin-top: 11px; font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.833rem; line-height: 1.4; color: var(--text-secondary); }
.trust b { color: var(--brand-green); font-weight: var(--weight-semibold); }
.trust__item { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.trust__icon { width: 12px; height: 12px; flex-shrink: 0; color: var(--text-tertiary); }
@media (max-width: 767px) { .trust { display: none; } }
.dx-mini-trust { display: none; font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.833rem; color: var(--text-secondary); align-items: center; gap: 6px; margin-top: 7px; }
.dx-mini-trust i { width: 6px; height: 6px; border-radius: var(--radius-full); background: var(--green-300); flex-shrink: 0; }
@media (max-width: 767px) { .dx-mini-trust { display: flex; } }

.dx-cal { border-top: 1px solid var(--v3-border-secondary); margin-top: var(--space-3); padding-top: 0; }
.dx-cal > summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); min-height: 34px; font-size: 0.833rem; line-height: var(--lh-20); font-weight: var(--weight-semibold); color: var(--text-secondary); }
.dx-cal > summary::-webkit-details-marker { display: none; }
.dx-cal > summary::after { content: '+'; color: var(--text-tertiary); font-family: var(--font-mono); font-size: 1rem; flex-shrink: 0; }
.dx-cal[open] > summary::after { content: '\2013'; }
.dx-cal__body { padding-top: var(--space-3); }
.dx-sum-min { display: none; }
@media (max-width: 640px) { .dx-sum-full { display: none; } .dx-sum-min { display: inline; } }
.cvx-h2 { font-size: 1.2rem; line-height: var(--lh-28); font-weight: var(--weight-bold); letter-spacing: var(--tracking-tight-1); margin: var(--space-4) 0 var(--space-3); }
.cvx-h3 { font-size: 1rem; line-height: var(--lh-24); font-weight: var(--weight-bold); margin: var(--space-5) 0 var(--space-2); }
.statline { background: var(--surface-layer); border: 1px solid var(--v3-border-secondary); border-radius: 12px; padding: 12px 14px; font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); margin-bottom: var(--space-4); }
.statline b { color: var(--brand-green); font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-weight: var(--weight-semibold); }

.pm { margin: var(--space-5) 0 0; }
.pm__intake { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); margin-bottom: var(--space-3); }
.pm__intake b { color: var(--text-primary); font-weight: var(--weight-semibold); }
.pm__bar { position: relative; height: 44px; border-radius: var(--radius-md); background: var(--gray-700); display: flex; align-items: center; padding: 0 var(--space-4); margin-bottom: 6px; overflow: hidden; }
.pm__bar-label { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.9375rem; font-weight: var(--weight-medium); color: var(--text-primary); position: relative; z-index: 1; }
.pm__bar--split { padding: 0; background: none; display: flex; gap: 3px; }
.pm__seg { height: 100%; display: flex; align-items: center; padding: 0 var(--space-3); border-radius: var(--radius-md); min-width: 0; }
.pm__seg--pass { background: var(--gray-300); }
.pm__seg--pass span { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.833rem; font-weight: var(--weight-semibold); color: var(--green-800); white-space: nowrap; }
.pm__seg--fail { flex: 1; background: repeating-linear-gradient(135deg, var(--gray-850) 0 6px, var(--gray-925) 6px 12px); border: 1px solid var(--gray-850); gap: 7px; }
.pm__seg--fail svg { width: 12px; height: 12px; color: var(--red-400); flex-shrink: 0; }
.pm__seg--fail span { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.833rem; color: var(--gray-500); white-space: nowrap; }
.pm__connect { display: flex; align-items: flex-start; gap: 8px; padding: var(--space-3) var(--space-1); color: var(--text-tertiary); }
.pm__connect svg { width: 14px; height: 14px; flex-shrink: 0; margin-top: 2px; color: var(--gray-500); }
.pm__connect span { font-size: 0.833rem; line-height: var(--lh-20); }
.pm__chips { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.pm__chips-label { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-muted); width: 100%; margin-bottom: 2px; }
.pm__chip { display: inline-flex; align-items: center; gap: 5px; height: 36px; padding: 0 12px; border: 1px solid var(--gray-700); border-radius: var(--radius-md); font-size: 0.833rem; color: var(--text-secondary); cursor: default; }
.pm__chip b { font-family: var(--font-mono); font-feature-settings: var(--features-mono); color: var(--brand-green); font-weight: var(--weight-medium); }
.pm figcaption { margin-top: var(--space-3); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-tertiary); }
.cvx-flanks { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); margin-top: var(--space-5); }
@media (max-width: 640px) { .cvx-flanks { grid-template-columns: 1fr; } }
.cvx-flank { border: 1px solid var(--v3-border-secondary); border-radius: var(--radius-lg); background: var(--surface-layer); padding: var(--space-4); }
.cvx-flank .dx-spark { height: 40px; margin-top: var(--space-2); }
.cvx-flank-cap { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; line-height: var(--lh-16); color: var(--text-muted); margin-top: var(--space-2); }

.dx-ledger { list-style: none; margin: var(--space-3) 0 0; padding: 0; }
.dx-ledger .ledger-entry2 { display: flex; gap: var(--space-3); padding: var(--space-3) 0; border-top: 1px solid var(--v3-border-secondary); }
.dx-ledger .ledger-entry2:first-child { border-top: none; }
.lav { width: 28px; height: 28px; border-radius: var(--radius-full); background: var(--gray-800); display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 0.694rem; color: var(--text-tertiary); }
.lav--engine { background: var(--green-950) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='5' r='1.4' fill='%2302C869'/%3E%3Cpath d='M14 6.5v3' stroke='%2302C869' stroke-width='1.6' stroke-linecap='round'/%3E%3Crect x='7' y='9.5' width='14' height='11.5' rx='3.5' fill='none' stroke='%2302C869' stroke-width='1.6'/%3E%3Ccircle cx='11.2' cy='14.2' r='1.4' fill='%2302C869'/%3E%3Ccircle cx='16.8' cy='14.2' r='1.4' fill='%2302C869'/%3E%3Cpath d='M11.2 17.4q2.8 1.9 5.6 0' fill='none' stroke='%2302C869' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") center / 22px 22px no-repeat; color: var(--green-600); border: 1px solid var(--green-850); }
.lcontent { flex: 1; min-width: 0; }
.lrow { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }
.lhead { display: flex; align-items: center; gap: var(--space-2); margin-bottom: 2px; }
.luser { font-size: 0.833rem; line-height: var(--lh-16); font-weight: var(--weight-medium); color: var(--text-secondary); }
.ltime { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; line-height: var(--lh-16); color: var(--text-tertiary); }
.lresult { font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-tertiary); }
.lchip { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; letter-spacing: 0.06em; text-transform: uppercase; font-weight: var(--weight-semibold); padding: 2px 8px; border-radius: var(--radius-sm); display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; flex-shrink: 0; }
.lchip--pass { color: var(--green-600); border: 1px solid rgba(3,255,136,0.14); background: var(--green-950); }
.lchip--fail { color: var(--red-400); border: 1px solid rgba(246,75,75,0.2); background: var(--red-975); }
.lchip--queued { color: var(--gray-400); border: 1px solid var(--gray-800); background: var(--gray-925); }
.lchip--run { color: var(--gray-300); border: 1px solid var(--gray-750); background: var(--gray-900); }
.ledger-hidden { display: none; }
.dx-ledger.is-open .ledger-hidden { display: flex; }
.ledger-show-more { margin-top: var(--space-2); background: none; border: 1px solid var(--gray-700); border-radius: var(--radius-md); color: var(--text-secondary); font-family: var(--font-sans); font-size: 0.833rem; padding: 8px 16px; min-height: 44px; cursor: pointer; }
.ledger-show-more:hover { background: rgba(255,255,255,0.05); }
.dx-ledger-foot { font-size: 0.694rem; line-height: var(--lh-16); color: var(--text-muted); margin-top: var(--space-3); padding-top: var(--space-3); border-top: 1px solid var(--v3-border-secondary); }
.cvx-residual { font-size: 0.833rem; line-height: var(--lh-24); color: var(--text-tertiary); }
.cvx-residual a { color: var(--text-secondary); text-decoration: underline; text-underline-offset: 2px; }
.cvx-residual a:hover { color: var(--text-primary); }

.dx-jumpbar { display: none; }
@media (max-width: 860px) {
  .dx-jumpbar { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding: 2px 0 10px; margin: 0 0 var(--space-3); }
  .dx-jumpbar::-webkit-scrollbar { display: none; }
  .dx-jumpbar a { flex-shrink: 0; display: inline-flex; align-items: center; gap: 5px; min-height: 44px; padding: 0 12px; border: 1px solid var(--gray-800); border-radius: 999px; font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; color: var(--text-tertiary); text-decoration: none; white-space: nowrap; }
  .dx-jumpbar a b { color: var(--text-secondary); font-weight: var(--weight-medium); }
}

.code-card { border: 1px solid var(--v3-border-secondary); border-radius: var(--radius-xl); background: var(--surface-elevated); overflow: hidden; transition: border-color var(--duration-snap) var(--ease-industrial); min-width: 0; }
.code-card:hover { border-color: var(--v3-border-primary); }
.code-card--hero { border-color: rgba(3,255,136,0.45); box-shadow: 0 0 0 1px rgba(3,255,136,0.14); }
.code-card--hero:hover { border-color: rgba(3,255,136,0.6); }
.code-card + .code-card { margin-top: var(--space-3); }
.code-card__headline { padding: var(--space-4) var(--space-6); }
@media (max-width: 860px) { .code-card__headline, .code-card__meta { padding-left: var(--space-4); padding-right: var(--space-4); } }
.code-card__badge-row { display: flex; align-items: center; gap: var(--space-2); margin-bottom: var(--space-3); flex-wrap: wrap; }
.code-card__badge { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; line-height: var(--lh-16); letter-spacing: 0.08em; text-transform: uppercase; font-weight: var(--weight-semibold); padding: 3px 8px; border-radius: var(--radius-sm); display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.code-card__badge--top-pick { background: var(--green-900); color: var(--green-300); border: 1px solid var(--green-800); }
.code-card__badge--verified { background: var(--green-950); color: var(--green-600); border: 1px solid rgba(3,255,136,0.1); }
.code-card__badge--community { background: var(--gray-900); color: var(--gray-400); border: 1px solid var(--gray-800); }
.pc-badge--untested { background: var(--gray-900); color: var(--gray-400); border: 1px dashed var(--gray-600); }
.pc-badge--ruled-out { background: var(--gray-900); color: var(--gray-300); border: 1px solid var(--gray-800); }
.code-card__badge-dot { width: 5px; height: 5px; border-radius: var(--radius-full); }
.code-card__badge--top-pick .code-card__badge-dot { background: var(--green-300); }
.code-card__badge--verified .code-card__badge-dot { background: var(--green-600); }
.code-card__badge--community .code-card__badge-dot { background: var(--gray-500); }
.pc-badge--untested .code-card__badge-dot { background: var(--gray-500); }
.pc-badge--ruled-out .code-card__badge-dot { background: var(--gray-600); }

.pc-brand-row { display: flex; align-items: flex-start; gap: var(--space-3); min-width: 0; }
.pc-brand-row > .pc-logo { margin-top: 2px; }
.pc-brand-row__stack { flex: 1; min-width: 0; }
.pc-logo { border-radius: var(--radius-md); box-sizing: border-box; display: block; flex-shrink: 0; background: #fff; }
.pc-logo--hero { width: 36px; height: 36px; }
.pc-logo--card { width: 32px; height: 32px; }
.pc-logo--mini { width: 24px; height: 24px; border-radius: var(--radius-sm); }
.pc-logo--fallback { background: var(--gray-800); color: var(--text-primary); font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-weight: var(--weight-medium); font-size: 0.833rem; display: flex; align-items: center; justify-content: center; }
.dx-figure { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 1.728rem; line-height: var(--lh-40); font-weight: var(--weight-semibold); letter-spacing: var(--tracking-tight-1); color: var(--text-primary); text-transform: uppercase; margin-bottom: 2px; }
.dx-figure--hero { font-size: 2.074rem; line-height: var(--lh-48); }
.dx-figure--zinc { color: var(--text-secondary); }
.code-card--struck .dx-figure { text-decoration: line-through; text-decoration-thickness: 2px; color: var(--text-muted); }
.dx-wording { font-size: 1rem; line-height: var(--lh-24); font-weight: var(--weight-medium); color: var(--text-secondary); margin-bottom: var(--space-1); }
.dx-edge { font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-tertiary); margin: 2px 0 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.dx-edge b { color: var(--text-secondary); font-weight: var(--weight-medium); }

.dx-cond-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-1) var(--space-3); width: 100%; min-height: 30px; padding: 0; margin-top: 0; background: none; border: none; cursor: pointer; text-align: left; }
.dx-cond { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-tertiary); white-space: nowrap; }
.dx-cond--more { color: var(--text-muted); }
.dx-cond-row:hover .dx-cond { color: var(--text-secondary); }
.dx-cond-row:focus-visible { outline: none; border-radius: var(--radius-sm); box-shadow: 0 0 0 2px var(--surface-base), 0 0 0 4px var(--gray-400); }
.code-card__meta-sep { width: 3px; height: 3px; border-radius: var(--radius-full); background: var(--gray-700); flex-shrink: 0; }

.code-card__mask-row { margin-top: var(--space-2); }
@media (max-width: 640px) { .dx-cond-row { min-height: 44px; } }
.code-mask { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 1.2rem; line-height: var(--lh-28); letter-spacing: 0.18em; color: var(--text-tertiary); user-select: none; }
.code-card--hero .code-mask { color: var(--text-secondary); }
.code-card__cta { width: 100%; min-height: 48px; display: flex; align-items: center; justify-content: center; gap: var(--space-2); padding: 12px 20px; background: var(--action-primary); color: var(--text-on-action); border: none; border-radius: var(--radius-md); font-family: var(--font-sans); font-size: 1rem; line-height: var(--lh-20); font-weight: var(--weight-bold); cursor: pointer; white-space: nowrap; margin-top: var(--space-2); transition: background-color var(--duration-snap) var(--ease-industrial), box-shadow var(--duration-snap) var(--ease-industrial), border-color var(--duration-snap) var(--ease-industrial); }
.code-card__cta:hover { background: #28ffa0; box-shadow: 0 0 22px rgba(3,255,136,0.35); }
.code-card__cta:active { background: #00F280; }
.code-card__cta:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--surface-base), 0 0 0 4px var(--green-600); }
.code-card__cta--ghost { background: rgba(3,255,136,0.05); color: var(--green-300); border: 1px solid var(--green-800); }
.code-card__cta--ghost:hover { background: rgba(3,255,136,0.1); border-color: var(--green-600); }
.code-card__cta--cand { background: rgba(255,255,255,0.08); color: var(--text-primary); border: 1px solid var(--gray-600); }
.code-card__cta--cand:hover { background: rgba(255,255,255,0.12); border-color: var(--gray-500); box-shadow: none; }
.code-card__cta--muted { background: rgba(255,255,255,0.04); color: var(--text-secondary); border: 1px solid var(--gray-700); }
.code-card__cta--muted:hover { background: rgba(255,255,255,0.1); border-color: var(--gray-600); color: var(--text-primary); box-shadow: none; }

.pc-reason { display: flex; gap: 7px; align-items: baseline; margin-top: var(--space-3); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-tertiary); }
.pc-reason .dx-ico { color: var(--red-400); align-self: center; }
.pc-reason b { color: var(--red-400); font-weight: var(--weight-medium); }
.code-card--struck { opacity: 0.6; }

.code-card__meta { padding: 0 var(--space-6) var(--space-4); display: flex; align-items: center; gap: var(--space-3); flex-wrap: wrap; }
.code-card__meta-item { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.833rem; line-height: var(--lh-16); color: var(--text-tertiary); display: flex; align-items: center; gap: 4px; }
.dx-meter { display: inline-flex; align-items: center; gap: 6px; }
.dx-meter--wedge .dx-meter__shape { display: inline-flex; align-items: flex-end; gap: 1px; }
.dx-meter--wedge .dx-meter__shape i { width: 3px; background: var(--gray-800); border-radius: 1px 1px 0 0; }
.dx-meter--wedge .dx-meter__shape i:nth-child(1) { height: 3px; }
.dx-meter--wedge .dx-meter__shape i:nth-child(2) { height: 6px; }
.dx-meter--wedge .dx-meter__shape i:nth-child(3) { height: 9px; }
.dx-meter--wedge .dx-meter__shape i:nth-child(4) { height: 12px; }
.dx-meter[data-class="verified"] { --mtr-fill: var(--green-600); }
.dx-meter[data-class="candidate"] { --mtr-fill: var(--gray-500); }
.dx-meter[data-fill="1"] .dx-meter__shape i:nth-child(-n+1),
.dx-meter[data-fill="2"] .dx-meter__shape i:nth-child(-n+2),
.dx-meter[data-fill="3"] .dx-meter__shape i:nth-child(-n+3),
.dx-meter[data-fill="4"] .dx-meter__shape i:nth-child(-n+4) { background: var(--mtr-fill); }
.dx-meter__label b { color: var(--text-secondary); font-weight: var(--weight-medium); }

.dx-tray { border-top: 1px solid var(--v3-border-secondary); background: var(--surface-inset); }
.dx-tray > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: var(--space-2); min-height: 44px; padding: var(--space-2) var(--space-6); font-size: 0.833rem; color: var(--text-tertiary); }
.dx-tray > summary::-webkit-details-marker { display: none; }
.dx-tray > summary:hover { color: var(--text-secondary); }
.dx-tray > summary::before { content: '\25BE'; font-size: 0.833rem; transition: transform var(--duration-slide) var(--ease-industrial); }
.dx-tray[open] > summary::before { transform: rotate(180deg); }
.dx-tray__body { padding: 0 var(--space-6) var(--space-4); }
@media (max-width: 860px) { .dx-tray > summary, .dx-tray__body { padding-left: var(--space-4); padding-right: var(--space-4); } }
.dx-about { font-size: 0.833rem; line-height: var(--lh-24); color: var(--text-tertiary); margin-bottom: var(--space-3); }
.dx-about b { color: var(--text-secondary); font-weight: var(--weight-medium); }
.code-card__ledger-title { font-size: 0.694rem; line-height: var(--lh-16); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-tertiary); font-weight: var(--weight-semibold); margin-bottom: var(--space-3); }
.dx-conds { list-style: none; display: flex; flex-direction: column; gap: 4px; margin-bottom: var(--space-4); }
.dx-conds li { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; line-height: var(--lh-16); color: var(--text-tertiary); display: flex; gap: 7px; }
.dx-conds li::before { content: '\2022'; color: var(--gray-600); }
.dx-conds--typed { gap: 6px; }
.dx-conds--typed li { display: grid; grid-template-columns: 13px max-content 1fr; gap: 8px; align-items: baseline; }
.dx-conds--typed li::before { content: none; }
.dx-conds--typed .dx-ico { align-self: center; color: var(--text-muted); }
.dx-conds--typed .t { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-secondary); white-space: nowrap; }
.dx-conds--typed .w { font-family: var(--font-sans); font-feature-settings: var(--features-sans); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-tertiary); }
@media (max-width: 640px) { .dx-conds--typed li { grid-template-columns: 13px 1fr; } .dx-conds--typed .w { grid-column: 2; } }
.dx-ico { width: 13px; height: 13px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.dx-spark { display: flex; align-items: flex-end; gap: 3px; height: 44px; margin-top: var(--space-3); }
.dx-spark-bar { flex: 1; max-width: 10px; min-width: 4px; border-radius: 2px 2px 0 0; background: var(--gray-800); }
.dx-spark-bar.is-today { background: var(--green-300); }
.dx-spark-bar.is-best { background: var(--green-600); }
.dx-spark-cap { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; line-height: var(--lh-16); color: var(--text-muted); margin-top: var(--space-2); }
.dx-spark--dual { padding-top: 9px; }
.dx-spark--dual .dx-spark-bar { height: var(--h, 4%); min-height: 2px; position: relative; }
.dx-spark-bar.has-pass::after, .dx-spark-bar.has-fail::after { content: ''; position: absolute; top: -8px; left: 50%; transform: translateX(-50%); width: 5px; height: 5px; border-radius: var(--radius-full); background: var(--green-300); }
.dx-spark-bar.has-fail::after { background: var(--red-400); }
.dx-spark-axis { display: flex; justify-content: space-between; font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; color: var(--text-muted); margin-top: 4px; }

.ledger-list { list-style: none; }
.ledger-entry { display: grid; grid-template-columns: 1fr auto; grid-template-areas: "user time" "result result"; gap: 2px var(--space-2); padding: var(--space-3) 0 var(--space-3) 38px; position: relative; border-top: 1px solid var(--v3-border-secondary); }
.ledger-entry::before { content: attr(data-initial); position: absolute; left: 0; top: var(--space-3); width: 28px; height: 28px; border-radius: var(--radius-full); background: var(--gray-800); color: var(--text-tertiary); font-size: 0.694rem; display: flex; align-items: center; justify-content: center; }
.ledger-entry--engine::before { content: ''; background: var(--green-950) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='5' r='1.4' fill='%2302C869'/%3E%3Cpath d='M14 6.5v3' stroke='%2302C869' stroke-width='1.6' stroke-linecap='round'/%3E%3Crect x='7' y='9.5' width='14' height='11.5' rx='3.5' fill='none' stroke='%2302C869' stroke-width='1.6'/%3E%3Ccircle cx='11.2' cy='14.2' r='1.4' fill='%2302C869'/%3E%3Ccircle cx='16.8' cy='14.2' r='1.4' fill='%2302C869'/%3E%3Cpath d='M11.2 17.4q2.8 1.9 5.6 0' fill='none' stroke='%2302C869' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") center / 22px 22px no-repeat; border: 1px solid var(--green-850); }
.ledger-entry__user { grid-area: user; font-size: 0.833rem; font-weight: var(--weight-medium); color: var(--text-secondary); }
.ledger-entry__time { grid-area: time; font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; color: var(--text-tertiary); }
.ledger-entry__result { grid-area: result; font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-tertiary); }
.ledger-entry__result--pass { color: var(--green-600); }
.ledger-entry__result--fail { color: var(--red-400); }
.ledger-entry--official { background: var(--surface-layer); border: 1px solid var(--v3-border-secondary); border-radius: var(--radius-lg); padding: var(--space-3) var(--space-3) var(--space-3) 52px; margin-bottom: var(--space-2); border-top: 1px solid var(--v3-border-secondary); gap: 3px var(--space-3); }
.ledger-entry--official::before { left: var(--space-3); }
.ledger-entry__avatar-img { position: absolute; left: var(--space-3); top: var(--space-3); width: 28px; height: 28px; border-radius: var(--radius-full); border: 1px solid var(--gray-500); object-fit: cover; }
.ledger-entry--tip .ledger-entry__result { color: var(--text-tertiary); }
.ledger-entry__shot { grid-area: result; justify-self: end; width: 88px; height: 56px; border-radius: var(--radius-md); border: 1px solid var(--v3-border-secondary); object-fit: cover; cursor: pointer; }
.ledger-entry--shot-row { grid-template-areas: "user time" "result shot"; }
.ledger-entry--shot-row .ledger-entry__shot { grid-area: shot; margin-left: var(--space-3); align-self: start; }
@media (max-width: 640px) { .ledger-entry--shot-row { grid-template-areas: "user time" "result result" "shot shot"; } .ledger-entry--shot-row .ledger-entry__shot { justify-self: start; margin-top: var(--space-2); width: 72px; height: 48px; } }
.shot-lightbox { border: 1px solid var(--v3-border-primary); border-radius: var(--radius-xl); background: var(--surface-raised); padding: 0; max-width: min(720px, 92vw); }
.shot-lightbox::backdrop { background: rgba(0, 0, 0, .72); }
.shot-lightbox figure { margin: 0; }
.shot-lightbox img { display: block; width: 100%; height: auto; border-radius: var(--radius-xl) var(--radius-xl) 0 0; border-bottom: 1px solid var(--v3-border-secondary); }
.shot-lightbox figcaption { padding: var(--space-3) var(--space-4); display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); }
.shot-lightbox__cap { font-size: 0.833rem; line-height: var(--lh-16); color: var(--text-secondary); }
.shot-lightbox__actions { display: flex; align-items: center; gap: var(--space-3); flex-shrink: 0; }
.shot-lightbox__cta { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--text-primary); border: 1px solid var(--v3-border-primary); border-radius: var(--radius-md); padding: 8px 12px; text-decoration: none; min-height: 34px; display: inline-flex; align-items: center; }
.shot-lightbox__cta:hover { border-color: var(--gray-600); }
.shot-lightbox__close { background: none; border: 1px solid var(--v3-border-secondary); border-radius: var(--radius-md); color: var(--text-muted); font-size: 1rem; line-height: 1; width: 34px; height: 34px; cursor: pointer; }
.ledger-votes { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; color: var(--text-muted); margin-top: var(--space-3); }
.ledger-more > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: var(--space-2); min-height: 44px; font-size: 0.833rem; color: var(--text-tertiary); }
.ledger-more > summary::-webkit-details-marker { display: none; }
.ledger-more > summary:hover { color: var(--text-secondary); }
.ledger-more > summary::before { content: '\25BE'; font-size: 0.833rem; transition: transform var(--duration-slide) var(--ease-industrial); }
.ledger-more[open] > summary::before { transform: rotate(180deg); }
.ledger-more > summary b { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-weight: var(--weight-medium); color: var(--text-secondary); }
.dx-report-btn { display: inline-flex; align-items: center; min-height: 44px; background: none; border: none; color: var(--text-secondary); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; font-family: var(--font-sans); font-size: 0.833rem; padding: 0; }
.dx-report-btn:hover { color: var(--text-primary); }

.dx-eyebrow { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-muted); margin: var(--space-6) 0 var(--space-2); display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.dx-eyebrow i { width: 5px; height: 5px; border-radius: var(--radius-full); background: var(--gray-500); flex-shrink: 0; }
.dx-readout, .pc-sec__count { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; line-height: var(--lh-20); color: var(--text-tertiary); margin-top: var(--space-3); }
.pc-sec__count { letter-spacing: var(--tracking-wide); text-transform: uppercase; margin: var(--space-2) 0 var(--space-4); }
.view-more { text-align: center; padding: var(--space-4) 0 0; }
.view-more__btn { font-family: var(--font-sans); font-feature-settings: var(--features-sans); font-size: 0.694rem; line-height: var(--lh-16); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--green-300); font-weight: var(--weight-semibold); background: none; border: 1px solid var(--green-800); padding: 8px 20px; border-radius: var(--radius-md); cursor: pointer; display: inline-flex; align-items: center; gap: var(--space-2); min-height: 44px; }
.view-more__btn:hover { background: rgba(3,255,136,0.06); }
.pc-pointer { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 2px 0; font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); text-decoration: none; }
.pc-pointer:hover { color: var(--text-primary); }
.pc-pointer .arr { font-family: var(--font-mono); color: var(--text-muted); }

@media (max-width: 640px) {
  .pc-pointer { display: none; }
  .mh { padding-top: var(--space-4); padding-bottom: var(--space-4); }
  .mh__brand { margin-bottom: var(--space-3); }
  .dx-eyebrow { margin-top: var(--space-3); }
  .code-card__headline { padding-top: var(--space-3); }
  .code-card__badge-row { margin-bottom: var(--space-2); }
  .dx-figure--hero { font-size: 1.728rem; line-height: var(--lh-40); }
}

.pc-sec { margin-top: var(--space-12); }
@media (max-width: 640px) { .pc-sec { margin-top: var(--space-8); } }
.pc-sec__h2 { font-size: 1.728rem; line-height: var(--lh-32); font-weight: var(--weight-semibold); color: var(--text-primary); margin: 0; }
.pc-sec-head { margin-bottom: var(--space-3); }
.pc-sec__lede { max-width: 64ch; margin-top: var(--space-2); line-height: var(--lh-20); }
.kz-prose { font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-tertiary); }
.kz-prose + .kz-prose { margin-top: var(--space-4); }
.kz-prose strong { color: var(--text-secondary); font-weight: var(--weight-medium); }
.kz-block { border: 1px solid var(--v3-border-secondary); border-radius: var(--radius-xl); background: var(--surface-elevated); overflow: hidden; margin-top: var(--space-6); }
.kz-zone-open { margin-top: var(--space-12); }
@media (max-width: 640px) { .kz-zone-open { margin-top: var(--space-8); } }
.kz-block__header { padding: var(--space-5) var(--space-6); border-bottom: 1px solid var(--v3-border-secondary); display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-3); }
@media (max-width: 560px) { .kz-block__header { flex-wrap: wrap; } .kz-block__title { width: 100%; } }
.kz-block__title { font-size: 1.728rem; font-weight: var(--weight-semibold); line-height: var(--lh-32); display: flex; align-items: flex-start; gap: var(--space-2); }
.kz-block__badge { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; letter-spacing: var(--tracking-wide); text-transform: uppercase; font-weight: var(--weight-medium); padding: 3px 8px; border-radius: var(--radius-sm); background: var(--green-950); color: var(--green-600); border: 1px solid rgba(3,255,136,0.1); white-space: nowrap; }
.kz-block__body { padding: var(--space-5) var(--space-6); }
@media (max-width: 860px) { .mh, .kz-block__header, .kz-block__body { padding-left: var(--space-4); padding-right: var(--space-4); } }
.band-label { display: inline-flex; align-items: center; font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; line-height: var(--lh-16); letter-spacing: var(--tracking-wide); text-transform: uppercase; font-weight: var(--weight-medium); color: var(--text-tertiary); padding: 2px 7px; border: 1px solid var(--v3-border-secondary); border-radius: var(--radius-sm); white-space: nowrap; }
.dx-job { display: flex; border: 0; padding: 0; margin-bottom: var(--space-2); }

.faq-item { border: 1px solid var(--v3-border-secondary); border-radius: var(--radius-lg); margin-bottom: var(--space-2); overflow: hidden; background: var(--surface-layer); }
.faq-q { display: flex; align-items: center; justify-content: space-between; padding: 13px 15px; min-height: 44px; cursor: pointer; font-size: 0.9375rem; font-weight: var(--weight-bold); color: var(--text-secondary); gap: var(--space-3); user-select: none; list-style: none; }
.faq-q::-webkit-details-marker { display: none; }
.faq-q:hover { color: var(--text-primary); }
.faq-q::after { content: '+'; color: var(--brand-green); font-weight: var(--weight-bold); font-size: 1rem; flex-shrink: 0; line-height: 1; }
.faq-item[open] .faq-q::after { content: '\2013'; }
.faq-a { padding: 0 15px var(--space-4); font-size: 0.833rem; line-height: var(--lh-24); color: var(--text-tertiary); }
.faq-a strong { color: var(--text-secondary); font-weight: var(--weight-medium); }

.dx-tl { list-style: none; margin-bottom: var(--space-2); padding: 0; }
.dx-tl__ev { display: flex; align-items: baseline; gap: 9px; padding: 5px 0; position: relative; }
.dx-tl__ev + .dx-tl__ev::before { content: ''; position: absolute; left: 3px; top: -8px; height: 12px; width: 1px; background: var(--gray-800); }
.dx-tl__dot { width: 7px; height: 7px; border-radius: var(--radius-full); flex-shrink: 0; align-self: center; }
.dx-tl__dot--pass { background: var(--green-300); }
.dx-tl__dot--fail { background: var(--red-400); }
.dx-tl__dot--report { background: var(--gray-400); }
.dx-tl__dot--added { background: transparent; border: 1px solid var(--gray-500); }
.dx-tl__date { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; color: var(--text-muted); width: 44px; flex-shrink: 0; }
.dx-tl__what { font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-tertiary); }

.reseller-card__bridge { display: flex; align-items: center; gap: var(--space-2); margin-bottom: var(--space-3); flex-wrap: nowrap; }
.reseller-card__logo-img { width: 24px; height: 24px; border-radius: var(--radius-sm); object-fit: contain; display: block; }
svg.reseller-card__logo-img { color: var(--text-primary); }
.reseller-card__arrow { color: var(--text-tertiary); font-size: 0.833rem; }
.reseller-card__store-name { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-tertiary); font-weight: var(--weight-medium); margin-bottom: var(--space-1); }
.reseller-card__discount { font-size: 1.2rem; font-weight: var(--weight-regular); line-height: var(--lh-28); color: var(--text-primary); margin-bottom: var(--space-1); }
.reseller-card__note { font-size: 0.833rem; line-height: var(--lh-16); color: var(--text-tertiary); margin-bottom: var(--space-3); }
.reseller-card__note b { color: var(--text-secondary); font-weight: var(--weight-medium); }
.pc-discount { font-family: var(--font-mono); font-feature-settings: var(--features-mono); text-transform: uppercase; font-weight: var(--weight-medium); }
.reseller-card__bridge .code-card__badge { margin-left: auto; }
.pc-linkout { display: inline-flex; align-items: center; gap: var(--space-2); min-height: 44px; font-size: 0.833rem; color: var(--text-secondary); text-decoration: none; }
.pc-linkout:hover { color: var(--text-primary); }
.pc-linkout .arr { font-family: var(--font-mono); color: var(--text-muted); }

.nc-deal-list { display: flex; flex-direction: column; gap: var(--space-2); }
.nc-deal { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-4) var(--space-5); background: var(--surface-elevated); border: 1px solid var(--v3-border-secondary); border-radius: var(--radius-xl); text-decoration: none; color: inherit; transition: border-color var(--duration-snap) var(--ease-industrial); }
.nc-deal:hover { border-color: var(--v3-border-primary); }
.nc-deal:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--surface-base), 0 0 0 4px var(--gray-400); }
div.nc-deal { cursor: pointer; }
.nc-deal__logo { flex-shrink: 0; width: 36px; height: 36px; border-radius: var(--radius-md); overflow: hidden; background: #fff; display: flex; align-items: center; justify-content: center; }
.nc-deal__logo svg { width: 100%; height: 100%; object-fit: contain; padding: 4px; display: block; color: var(--gray-1000); }
.nc-deal__icon { flex-shrink: 0; width: 36px; height: 36px; border-radius: var(--radius-md); background: var(--green-950); border: 1px solid var(--green-900); display: flex; align-items: center; justify-content: center; color: var(--green-300); }
.nc-deal__icon svg { width: 16px; height: 16px; }
.nc-deal__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.nc-deal__type { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; line-height: var(--lh-16); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-tertiary); font-weight: var(--weight-medium); }
.nc-deal__title { font-size: 1rem; font-weight: var(--weight-medium); color: var(--text-primary); line-height: var(--lh-24); overflow-wrap: break-word; }
.nc-deal__val { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 1.2rem; line-height: var(--lh-28); font-weight: var(--weight-medium); letter-spacing: var(--tracking-tight-1); }
.nc-deal__desc { font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-tertiary); }
.nc-deal__meta { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; line-height: var(--lh-16); color: var(--text-muted); }
.nc-deal__stack { font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-tertiary); }
.nc-deal__stack a { color: var(--green-300); font-weight: var(--weight-medium); text-decoration: none; }
.nc-deal__stack a:hover { text-decoration: underline; }
.pc-gateway { display: inline-flex; align-items: center; gap: 5px; align-self: flex-start; font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; line-height: var(--lh-16); letter-spacing: 0.08em; text-transform: uppercase; font-weight: var(--weight-medium); color: var(--gray-300); background: var(--gray-900); border: 1px solid var(--gray-750); border-radius: var(--radius-sm); padding: 2px 7px; margin-top: 2px; white-space: normal; }
.pc-gateway svg { width: 10px; height: 10px; }
.nc-deal .code-card__cta { width: auto; align-self: center; flex-shrink: 0; margin: 0; min-height: 48px; padding: 10px 20px; font-size: 0.833rem; font-weight: var(--weight-semibold); text-decoration: none; white-space: nowrap; }
.nc-deal .code-card__cta svg { width: 13px; height: 13px; flex-shrink: 0; }
@media (max-width: 640px) { .nc-deal { flex-wrap: wrap; } .nc-deal .code-card__cta { width: 100%; margin-top: var(--space-2); } }
.pc-mathcheck { font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-tertiary); padding: var(--space-2) var(--space-1) 0; }

.pc-notes { border: 1px solid var(--v3-border-secondary); border-radius: var(--radius-lg); background: var(--surface-inset); margin-top: var(--space-4); padding: 0 var(--space-4); }
.pc-notes .pc-mathcheck { padding: var(--space-3) 0; margin: 0; }
.pc-notes .pc-programs { border-top: 1px solid var(--v3-border-secondary); margin-top: 0; padding: var(--space-2) 0; }
.pc-notes .pc-steps { border-top: 1px solid var(--v3-border-secondary); margin-top: 0; }
.pc-notes .pc-steps__body { padding-bottom: var(--space-3); }
.pc-programs { display: flex; align-items: center; text-decoration: none; cursor: pointer; gap: var(--space-3); min-height: 44px; padding: var(--space-3) var(--space-1) 0; border-top: 1px solid var(--v3-border-secondary); margin-top: var(--space-2); font-size: 0.833rem; color: var(--text-tertiary); }
.pc-programs:hover { color: var(--text-secondary); }
.pc-programs svg { width: 13px; height: 13px; color: var(--text-muted); flex-shrink: 0; }
.pc-steps { border-top: 1px solid var(--v3-border-secondary); margin-top: var(--space-3); }
.pc-steps > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: var(--space-2); min-height: 44px; font-size: 0.833rem; color: var(--text-tertiary); }
.pc-steps > summary::-webkit-details-marker { display: none; }
.pc-steps > summary:hover { color: var(--text-secondary); }
.pc-steps__body { padding: var(--space-2) var(--space-1) var(--space-4); }
.pc-steps__h { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; line-height: var(--lh-16); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-tertiary); font-weight: var(--weight-medium); margin: var(--space-3) 0 var(--space-2); }
.pc-steps__h:first-child { margin-top: 0; }
.pc-steps .dx-conds:last-child { margin-bottom: 0; }

.bar-chart { margin-top: var(--space-5); }
.bar-chart__title { font-size: 0.694rem; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-tertiary); font-weight: var(--weight-semibold); margin-bottom: var(--space-3); }
.bar-chart__scroll { overflow-x: auto; scrollbar-width: none; }
.bar-chart__scroll::-webkit-scrollbar { display: none; }
.bar-chart__bars { display: flex; justify-content: space-between; gap: var(--space-2); height: 220px; max-width: 52.5rem; margin-left: auto; margin-right: auto; min-width: 560px; }
.bar-col { flex: 0 0 40px; display: flex; flex-direction: column; align-items: center; }
.bar-col__value { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; line-height: var(--lh-16); color: var(--text-tertiary); margin-bottom: var(--space-1); height: 32px; display: flex; align-items: flex-end; justify-content: center; text-align: center; }
.bar-col__track { flex: 1; width: 100%; background: var(--gray-900); border-radius: var(--radius-sm); overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; }
.bar-col__fill { width: 100%; height: var(--fill); border-radius: inherit; background: linear-gradient(0deg, var(--green-900), var(--green-400)) no-repeat; background-size: 100% calc(1 / var(--fill-frac, 1) * 100%); background-position: 0 100%; }
.bar-col__fill--best { background: linear-gradient(0deg, var(--green-800), var(--green-300)) no-repeat; background-size: 100% calc(1 / var(--fill-frac, 1) * 100%); background-position: 0 100%; }
.bar-col__fill--now { outline: 1px dashed var(--gray-500); outline-offset: -1px; }
.bar-chart__labels { display: flex; justify-content: space-between; gap: var(--space-2); margin-top: var(--space-2); max-width: 52.5rem; margin-left: auto; margin-right: auto; min-width: 560px; }
.bar-chart__label { flex: 0 0 40px; font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; line-height: var(--lh-16); color: var(--text-tertiary); text-align: center; }
.dx-pulse { border-top: 1px solid var(--v3-border-secondary); padding-top: var(--space-4); margin-top: var(--space-5); }
.dx-pulse .dx-spark { height: 56px; margin-top: var(--space-3); position: relative; }
.dx-spark-median { position: absolute; left: 0; right: 0; border-top: 1px dashed var(--gray-500); pointer-events: none; }
.dx-spark-median__lbl { position: absolute; right: 0; top: -18px; font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; color: var(--text-tertiary); background: var(--surface-elevated); padding: 0 4px; }
.dx-spark-pin { position: absolute; right: 0; bottom: calc(100% + 4px); font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; font-weight: var(--weight-medium); color: var(--text-primary); }
.dx-spark-wrap { position: relative; padding-top: 26px; }
.kz-callout { display: flex; align-items: flex-start; gap: var(--space-3); padding: var(--space-4); border-radius: var(--radius-lg); background: rgba(3,255,136,0.03); border: 1px solid rgba(3,255,136,0.08); margin-top: var(--space-5); }
.kz-callout--read { background: var(--surface-inset); border-color: var(--v3-border-secondary); }
.kz-callout__icon { color: var(--green-600); font-size: 1rem; flex-shrink: 0; margin-top: 2px; }
.kz-callout--read .kz-callout__icon { color: var(--gray-500); }
.kz-callout__text { font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-tertiary); }
.kz-callout__text strong { color: var(--text-secondary); }
.dx-watch { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); flex-wrap: wrap; padding: var(--space-4); border: 1px solid var(--v3-border-secondary); border-radius: var(--radius-lg); background: var(--surface-inset); margin-top: var(--space-4); }
.dx-watch__h { font-size: 1rem; font-weight: var(--weight-semibold); color: var(--text-primary); }
.dx-watch__s { font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-tertiary); margin-top: 2px; max-width: 52ch; }
.dx-watch__btn { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 20px; background: transparent; color: var(--text-secondary); border: 1px solid var(--gray-700); border-radius: var(--radius-md); font-family: var(--font-sans); font-size: 0.833rem; font-weight: var(--weight-semibold); cursor: pointer; }
.dx-watch__btn:hover { background: rgba(255,255,255,0.06); color: var(--text-primary); }

.hack-list { list-style: none; display: flex; flex-direction: column; gap: var(--space-2); margin-bottom: var(--space-5); }
.hack { display: flex; gap: var(--space-3); align-items: flex-start; padding: var(--space-3) var(--space-4); border: 1px solid var(--v3-border-secondary); border-radius: var(--radius-lg); background: var(--surface-layer); }
.hack__n { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 1.2rem; line-height: var(--lh-24); color: var(--gray-500); font-weight: var(--weight-medium); flex-shrink: 0; width: 24px; }
.hack__body { flex: 1; min-width: 0; }
.hack__t { font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); }
.hack__t b { color: var(--text-primary); font-weight: var(--weight-medium); }
.hack__src { display: inline-flex; align-items: center; gap: 5px; margin-top: 3px; font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; letter-spacing: 0.04em; color: var(--text-muted); text-decoration: none; }
.hack__src:hover { color: var(--text-tertiary); }
.guide-h3 { font-size: 1rem; line-height: var(--lh-24); font-weight: var(--weight-bold); color: var(--text-primary); margin: var(--space-6) 0 var(--space-2); }
.guide-p { font-size: 0.833rem; line-height: var(--lh-24); color: var(--text-tertiary); }
.guide-p + .guide-p { margin-top: var(--space-3); }
.guide-p strong { color: var(--text-secondary); font-weight: var(--weight-medium); }

.dx-reviews-head { display: flex; align-items: baseline; gap: var(--space-3); flex-wrap: wrap; margin-bottom: var(--space-4); }
.dx-reviews-head .num { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 2.074rem; font-weight: var(--weight-medium); color: var(--text-primary); line-height: 1; }
.dx-stars { color: var(--gray-300); font-size: 1rem; letter-spacing: 2px; }
.dx-reviews-head .of { font-size: 0.833rem; color: var(--text-tertiary); }
.rvw-hist { display: flex; flex-direction: column; gap: 5px; margin: 0 0 var(--space-5); max-width: 420px; }
.rvw-hist__row { display: flex; align-items: center; gap: var(--space-2); }
.rvw-hist__lbl { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; color: var(--text-tertiary); width: 24px; flex-shrink: 0; }
.rvw-hist__track { flex: 1; height: 8px; background: var(--gray-900); border-radius: 4px; overflow: hidden; }
.rvw-hist__fill { height: 100%; background: var(--gray-400); border-radius: inherit; }
.rvw-hist__n { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; color: var(--text-muted); width: 36px; text-align: right; flex-shrink: 0; }
.dx-review { border: 1px solid var(--v3-border-secondary); border-radius: var(--radius-lg); background: var(--surface-layer); padding: var(--space-4); margin-bottom: var(--space-3); }
.dx-review__head { display: flex; align-items: center; gap: var(--space-2); flex-wrap: wrap; margin-bottom: var(--space-2); }
.dx-review__who { font-size: 0.833rem; font-weight: var(--weight-medium); color: var(--text-secondary); }
.dx-review__when { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; color: var(--text-muted); }
.dx-review__body { font-size: 0.833rem; line-height: var(--lh-24); color: var(--text-tertiary); }
.rvw-chips { display: flex; gap: var(--space-2); flex-wrap: wrap; margin-top: var(--space-2); }
.rvw-chip { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--gray-400); background: var(--gray-900); border: 1px solid var(--gray-800); border-radius: var(--radius-sm); padding: 2px 7px; }
.rvw-foot { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); margin-top: var(--space-3); }
.rvw-prov { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; color: var(--text-muted); }
.rvw-report { background: none; border: none; color: var(--text-muted); font-size: 0.694rem; cursor: pointer; min-height: 32px; }
.rvw-report:hover { color: var(--text-tertiary); }
.rvw-expand { display: flex; align-items: center; gap: var(--space-4); flex-wrap: wrap; margin-top: var(--space-4); }
.rvw-expand__btn { background: none; border: 1px solid var(--gray-700); border-radius: var(--radius-md); color: var(--text-secondary); font-family: var(--font-sans); font-size: 0.833rem; font-weight: var(--weight-semibold); padding: 10px 18px; min-height: 44px; cursor: pointer; }
.rvw-expand__btn:hover { background: rgba(255,255,255,0.05); color: var(--text-primary); }
.rvw-all { font-size: 0.833rem; color: var(--text-tertiary); text-decoration: none; }
.rvw-all:hover { color: var(--text-secondary); }
.rvw-invite { margin-top: var(--space-5); padding: var(--space-4); border: 1px solid var(--v3-border-secondary); border-radius: var(--radius-lg); background: var(--surface-inset); display: flex; align-items: center; gap: var(--space-4); flex-wrap: wrap; }
.rvw-invite__t { font-size: 1rem; font-weight: var(--weight-semibold); color: var(--text-primary); }
.rvw-invite__s { font-size: 0.694rem; line-height: var(--lh-16); color: var(--text-muted); width: 100%; }
.rvw-form { margin-top: var(--space-4); padding: var(--space-4); border: 1px solid var(--v3-border-secondary); border-radius: var(--radius-lg); background: var(--surface-inset); }
.rvw-form.is-hidden { display: none; }
.rvw-lbl { display: block; font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-tertiary); font-weight: var(--weight-semibold); margin: var(--space-4) 0 var(--space-2); }
.rvw-lbl:first-child { margin-top: 0; }
.rvw-stars-in { display: flex; gap: 4px; }
.rvw-star { width: 44px; height: 44px; background: none; border: none; color: var(--gray-700); font-size: 1.2rem; cursor: pointer; }
.rvw-star.is-on { color: var(--gray-300); }
.rvw-ta { width: 100%; min-height: 96px; background: var(--surface-elevated); border: 1px solid var(--v3-border-secondary); border-radius: var(--radius-md); color: var(--text-secondary); font-family: var(--font-sans); font-size: 0.833rem; line-height: var(--lh-20); padding: var(--space-3); resize: vertical; }
.rvw-ta:focus-visible { outline: none; border-color: var(--gray-500); }
.rvw-count { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; color: var(--text-muted); margin-top: var(--space-1); }
.rvw-name { width: 100%; max-width: 320px; background: var(--surface-elevated); border: 1px solid var(--v3-border-secondary); border-radius: var(--radius-md); color: var(--text-secondary); font-family: var(--font-sans); font-size: 0.833rem; padding: 10px var(--space-3); min-height: 44px; }
.rvw-name:focus-visible { outline: none; border-color: var(--gray-500); }
.rvw-chips-in { display: flex; gap: var(--space-2); flex-wrap: wrap; }
.rvw-chip-in { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; color: var(--gray-400); background: var(--gray-925); border: 1px solid var(--gray-800); border-radius: 999px; padding: 8px 12px; min-height: 36px; cursor: pointer; }
.rvw-chip-in.is-on { color: var(--text-primary); border-color: var(--gray-500); background: var(--gray-900); }
.rvw-submit { display: inline-flex; align-items: center; justify-content: center; margin-top: var(--space-4); background: rgba(255,255,255,0.08); color: var(--text-primary); border: 1px solid var(--gray-600); border-radius: var(--radius-md); font-family: var(--font-sans); font-size: 0.833rem; font-weight: var(--weight-semibold); padding: 12px 20px; min-height: 48px; cursor: pointer; }
.rvw-submit:hover { background: rgba(255,255,255,0.12); }
.rvw-attest { font-size: 0.694rem; line-height: var(--lh-16); color: var(--text-muted); margin-top: var(--space-3); }

.method-step { display: flex; gap: var(--space-4); padding: var(--space-4) 0; border-bottom: 1px solid var(--v3-border-secondary); }
.method-step:last-of-type { border-bottom: none; }
.method-step__icon { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; color: var(--text-tertiary); flex-shrink: 0; margin-top: 2px; border: 1px solid var(--v3-border-secondary); border-radius: var(--radius-md); background: var(--surface-layer); }
.method-step__icon svg { width: 16px; height: 16px; }
.method-step__content { flex: 1; }
.method-step__title { font-size: 1rem; font-weight: var(--weight-medium); color: var(--text-primary); margin-bottom: 4px; }
.method-step__desc { font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-tertiary); }
.method-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-3); padding-top: var(--space-5); }
.method-stat { text-align: center; }
@media (max-width: 640px) { .method-stats { grid-template-columns: 1fr; } .method-stat { display: flex; align-items: baseline; gap: var(--space-3); text-align: left; } .method-stat__value { flex-shrink: 0; text-align: right; width: 100px; } }
.method-stat__value { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 1.2rem; font-weight: var(--weight-regular); color: var(--green-300); line-height: var(--lh-28); }
.method-stat__label { font-size: 0.833rem; line-height: var(--lh-16); color: var(--text-tertiary); margin-top: 2px; }
.method-links { display: flex; gap: var(--space-5); flex-wrap: wrap; margin-top: var(--space-4); padding-top: var(--space-4); border-top: 1px solid var(--v3-border-secondary); }
.method-links a, .method-links > span { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font-size: 0.833rem; color: var(--text-secondary); text-decoration: none; }
.method-links a:hover { color: var(--text-primary); }
.method-links .arr { font-family: var(--font-mono); color: var(--text-muted); }

.pmlp-related__list { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-3); margin-top: var(--space-4); }
@media (max-width: 760px) { .pmlp-related__list { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 460px) { .pmlp-related__list { grid-template-columns: 1fr; } }
.pmlp-related__link { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-4); height: 100%; background: var(--surface-elevated); border: 1px solid var(--v3-border-secondary); border-radius: var(--radius-lg); color: var(--text-primary); text-decoration: none; transition: border-color var(--duration-snap) var(--ease-industrial); }
.pmlp-related__link:hover { border-color: var(--v3-border-primary); }
.pmlp-related__link:focus-visible { outline: 2px solid var(--brand-green); outline-offset: 2px; }
.pmlp-related__top { display: flex; align-items: center; gap: var(--space-3); }
.pmlp-related__initial { width: 32px; height: 32px; border-radius: var(--radius-md); background: var(--gray-800); display: flex; align-items: center; justify-content: center; font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.833rem; font-weight: var(--weight-medium); color: var(--text-primary); flex-shrink: 0; }
.pmlp-related__name { font-size: 0.833rem; font-weight: var(--weight-medium); color: var(--text-primary); }
.pmlp-related__hook { font-size: 0.833rem; line-height: var(--lh-16); color: var(--text-secondary); }
.pmlp-related__proof { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; line-height: var(--lh-16); color: var(--text-muted); margin-top: auto; }

.pmlp-sidebar { position: sticky; top: calc(56px + var(--space-4)); align-self: start; max-height: calc(100vh - 56px - var(--space-6)); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; }
.pmlp-sidebar::-webkit-scrollbar { display: none; }
.rc { background: var(--surface-layer); border: 1px solid var(--v3-border-secondary); border-radius: 13px; padding: var(--space-4); margin-bottom: var(--space-3); }
.rc__h { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-muted); margin-bottom: 9px; display: flex; align-items: center; gap: 7px; }
.rc__h i { width: 5px; height: 5px; border-radius: var(--radius-full); background: #03ff88; flex-shrink: 0; }
.rc__headline { font-size: 1rem; font-weight: var(--weight-bold); color: var(--text-primary); }
.rc__sub { font-size: 0.694rem; line-height: var(--lh-16); color: var(--text-muted); margin-top: 3px; }
.rc__stars { display: flex; align-items: center; gap: 6px; margin-top: 6px; font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; color: var(--text-tertiary); }
.rc__stars a { color: var(--text-tertiary); text-decoration: none; }
.rc__stars a:hover { color: var(--text-secondary); }
.fr { display: flex; gap: var(--space-2); align-items: baseline; padding: 6px 0; border-bottom: 1px solid var(--v3-border-secondary); font-size: 0.833rem; }
.fr:last-of-type { border-bottom: none; }
.fr .who { color: var(--text-muted); font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; white-space: nowrap; }
.fr .what { color: var(--text-secondary); flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fr .ok, .fr .no { margin-left: auto; }
.fr .ok { color: #03ff88; font-weight: var(--weight-bold); font-size: 0.694rem; font-family: var(--font-mono); white-space: nowrap; }
.fr .no { color: var(--red-400); font-weight: var(--weight-bold); font-size: 0.694rem; font-family: var(--font-mono); white-space: nowrap; }
.side-card { border: 1px solid var(--v3-border-secondary); border-radius: var(--radius-xl); background: var(--surface-elevated); overflow: hidden; margin-bottom: var(--space-3); }
.side-card__h { padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--v3-border-secondary); }
.side-card__t { font-size: 0.694rem; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-tertiary); font-weight: var(--weight-semibold); }
.side-card__b { padding: var(--space-2) var(--space-4) var(--space-3); }
.si { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); padding: 7px 0; border-bottom: 1px solid var(--v3-border-secondary); }
.si:last-child { border-bottom: none; }
.si__t { font-size: 0.833rem; line-height: var(--lh-16); color: var(--text-secondary); flex: 1; min-width: 0; }
a.si { text-decoration: none; }
a.si:hover .si__t { color: var(--text-primary); }
.si__v { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; line-height: var(--lh-20); color: var(--text-tertiary); text-align: right; flex-shrink: 0; white-space: nowrap; }
.rail-hack { padding: 8px 0; border-bottom: 1px solid var(--v3-border-secondary); }
.rail-hack:last-of-type { border-bottom: none; }
.rail-hack__t { font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); display: flex; gap: 8px; }
.rail-hack__t .n { font-family: var(--font-mono); font-feature-settings: var(--features-mono); color: var(--gray-500); flex-shrink: 0; }
.rail-hack__t b { color: var(--text-primary); font-weight: var(--weight-medium); }
.rail-hack__src { display: inline-block; margin: 3px 0 0 22px; font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; letter-spacing: 0.04em; color: var(--text-muted); text-decoration: none; }
.rail-hack__src:hover { color: var(--text-tertiary); }
.ext-cta { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-3) var(--space-4); border: 1px solid var(--v3-border-secondary); border-radius: var(--radius-xl); background: var(--surface-elevated); margin-bottom: var(--space-3); }
.ext-cta__body { flex: 1; min-width: 0; }
.ext-cta__h { font-size: 0.833rem; font-weight: var(--weight-bold); color: var(--text-primary); margin-bottom: 2px; }
.ext-cta__s { font-size: 0.694rem; line-height: var(--lh-16); color: var(--text-tertiary); }
.ext-cta__link { flex-shrink: 0; display: inline-flex; align-items: center; gap: 4px; color: #03ff88; font-size: 0.833rem; font-weight: var(--weight-semibold); white-space: nowrap; text-decoration: none; min-height: 44px; }
.ext-cta__link:hover { color: #28ffa0; }

footer { border-top: 1px solid var(--v3-border-secondary); padding-top: var(--space-8); }
.sc-footer { background: #000; color: #fff; padding: 1.5rem; }
.sc-footer__inner { max-width: 1348px; margin: 0 auto; display: flex; flex-direction: column; gap: 1.5rem; }
@media (min-width: 768px) { .sc-footer__inner { flex-direction: row; gap: 2rem; align-items: flex-start; justify-content: space-between; } }
.sc-footer__section { border-top: 1px solid #374151; padding: 0.25rem 0; min-width: 0; }
@media (min-width: 768px) { .sc-footer__section { border-top: none; padding: 0; } }
.sc-footer__section summary { font-family: var(--font-sans); font-size: 0.9375rem; font-weight: 500; color: #fff; padding: 0.5rem 0; cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; }
.sc-footer__section summary::after { content: '\25BE'; font-size: 0.694rem; margin-left: 0.5rem; }
@media (min-width: 768px) { .sc-footer__section summary { cursor: default; } .sc-footer__section summary::after { display: none; } }
.sc-footer__links { list-style: none; display: flex; flex-direction: column; gap: 0.625rem; overflow: hidden; max-height: 0; transition: max-height 0.2s ease; }
.sc-footer__section[open] .sc-footer__links { max-height: 500px; padding: 0.25rem 0 0.5rem; }
@media (min-width: 768px) { .sc-footer__links { max-height: none; padding-top: 0.75rem; } }
.sc-footer__links a, .sc-footer__links span { color: #d1d5db; font-size: 0.833rem; text-decoration: none; }
.sc-footer__links a:hover { text-decoration: underline; }
.sc-footer__legal { max-width: 1348px; margin: 1.5rem auto 0; padding-top: 1.25rem; border-top: 1px solid #374151; display: flex; flex-wrap: wrap; gap: 0.75rem; justify-content: space-between; }
.sc-footer__legal-copy { color: #9ca3af; font-size: 0.833rem; max-width: 520px; line-height: 1.5; }
.sc-footer__legal-copy a { color: #fff; text-decoration: underline; }
.sbar { display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; max-height: 25svh; align-items: center; gap: var(--space-3); padding: 10px 14px calc(12px + env(safe-area-inset-bottom)); background: rgba(0, 0, 0, 0.92); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-top: 1px solid rgba(3, 255, 136, 0.3); transform: translateY(110%); transition: transform var(--duration-slide) var(--ease-industrial); }
.sbar.on { transform: none; }
.sbar__copy { flex: 1; min-width: 0; }
.sbar .l1 { font-size: 0.9375rem; font-weight: 800; color: var(--text-primary); }
.sbar .l2 { font-size: 0.694rem; color: var(--text-muted); font-family: var(--font-mono); font-feature-settings: var(--features-mono); margin-top: 2px; }
.sbar .go { background: var(--brand-green); color: #000; font-weight: 800; font-size: 0.9375rem; border-radius: 9px; padding: 12px 20px; white-space: nowrap; border: none; cursor: pointer; font-family: var(--font-sans); }
@media (prefers-reduced-motion: reduce) { .sbar { transition-duration: 0s; } }
@media (max-width: 860px) { .sbar { display: flex; } } 
.mock-chip { position: fixed; left: 12px; bottom: 12px; z-index: 900; font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; letter-spacing: 0.06em; color: var(--gray-500); background: var(--gray-925); border: 1px solid var(--v3-border-secondary); border-radius: 7px; padding: 5px 9px; pointer-events: none; }
/* Change-log rows (v1.13 D6) — freshness made crawlable; zinc register, mono date atoms only */
.cl-list { list-style: none; display: flex; flex-direction: column; }
.cl-row { display: flex; gap: var(--space-4); padding: var(--space-3) 0; border-top: 1px solid var(--v3-border-secondary); }
.cl-row:first-child { border-top: 0; padding-top: 0; }
.cl-date { flex-shrink: 0; width: 52px; font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; letter-spacing: var(--tracking-wide); color: var(--text-muted); margin-top: 2px; }
.cl-what { font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-tertiary); }
.cl-foot { margin-top: var(--space-3); font-size: 0.694rem; line-height: var(--lh-16); color: var(--gray-500); }

.anno-toggle { position: fixed; right: 12px; bottom: 12px; z-index: 901; min-height: 44px; min-width: 44px; display: inline-flex; align-items: center; gap: 7px; padding: 0 14px; background: var(--gray-950); color: var(--text-secondary); border: 1px solid var(--v3-border-primary); border-radius: 9px; font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.833rem; cursor: pointer; }
.anno-toggle:hover { color: var(--text-primary); border-color: var(--gray-600); }
.adot { display: none; }
body.annotated [] { position: relative; outline: 1px dashed rgba(139,92,246,0.35); outline-offset: -1px; }
body.annotated .adot { display: flex; position: absolute; top: 6px; right: 6px; z-index: 40; width: 18px; height: 18px; border-radius: 50%; background: var(--axi-violet); color: #fff; font-family: var(--font-mono); font-size: 0.694rem; font-weight: 700; align-items: center; justify-content: center; font-style: normal; }
body.annotated .adot::after { content: attr(data-n); }
.apanel { position: fixed; top: 0; right: 0; bottom: 0; z-index: 902; width: min(420px, 92vw); background: var(--gray-950); border-left: 1px solid var(--v3-border-primary); transform: translateX(105%); transition: transform var(--duration-slide) var(--ease-industrial); overflow-y: auto; padding: var(--space-5) var(--space-5) 90px; }
body.annotated .apanel { transform: none; }
.apanel__title { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-muted); margin-bottom: var(--space-4); }
.apanel__item { display: flex; gap: var(--space-3); padding: var(--space-3) 0; border-top: 1px solid var(--v3-border-secondary); }
.apanel__n { flex-shrink: 0; width: 18px; height: 18px; border-radius: 50%; background: var(--axi-violet); color: #fff; font-family: var(--font-mono); font-size: 0.694rem; font-weight: 700; display: flex; align-items: center; justify-content: center; margin-top: 2px; }
.apanel__n--none { background: var(--gray-800); color: var(--text-tertiary); }
.apanel__body { flex: 1; min-width: 0; font-size: 0.833rem; line-height: var(--lh-16); color: var(--text-tertiary); }
.apanel__name { font-size: 0.833rem; font-weight: var(--weight-semibold); color: var(--text-primary); display: flex; align-items: center; gap: var(--space-2); flex-wrap: wrap; }
.apanel__law { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; letter-spacing: 0.04em; color: var(--green-600); margin-top: 3px; }
.chip { font-family: var(--font-mono); font-size: 0.694rem; letter-spacing: 0.08em; padding: 1px 6px; border-radius: 4px; border: 1px solid; }
.chip--new { color: var(--green-300); border-color: var(--green-800); background: var(--green-950); }
.chip--changed { color: var(--amber-400); border-color: var(--amber-800); background: var(--amber-975); }
.chip--law { color: var(--gray-400); border-color: var(--gray-750); background: var(--gray-925); }

.faq-q, .dx-tray > summary, .pc-programs, .pc-steps > summary, .ledger-more > summary,
.ext-cta__h, .ext-cta__link, .method-links a, .dx-review__who, .pc-linkout, .minicta,
.rvw-all, .rvw-expand__btn, .dx-report-btn, .dx-watch__btn, .rvw-submit, .sc-nav__links a { line-height: var(--lh-20); }
.ledger-entry__time, .ledger-entry__user, .dx-mini-trust, .dx-eyebrow, .bar-chart__title,
.pm__chips-label, .dx-spark-axis, .vcap__foot, .fr .who, .side-card__t, .rc__h,
.kz-block__badge, .dx-tl__date, .rvw-lbl, .rvw-hist__lbl, .dx-conds--typed .t, .reseller-card__store-name { line-height: var(--lh-16); }
.hack__src, .rail-hack__src, .rvw-prov, .rvw-count, .lchip, .rvw-chip, .sbar .l2,
.dx-spark-median__lbl, .pmlp-related__proof { line-height: 1.35; }

main :where(a:not([class])) { color: var(--text-secondary); text-decoration: underline; text-underline-offset: 2px; text-decoration-color: var(--gray-700); }
main :where(a:not([class]):hover) { color: var(--text-primary); }

.code-story { font-size: 0.833rem; color: var(--gray-500); line-height: 1.55; margin: var(--space-2) var(--space-4) 0; padding: var(--space-2) 0 var(--space-3); border-top: 1px dashed var(--gray-800); }

.pc-sec__count--sweep { margin-top: 2px; opacity: .82; }

.vcap__residual { margin-top: var(--space-3); padding-top: var(--space-3); border-top: 1px solid var(--v3-border-secondary); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-tertiary); }
.vcap__residual b { color: var(--text-secondary); font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-weight: var(--weight-medium); }
.vcap__residual a { color: var(--text-tertiary); text-decoration: underline; text-decoration-color: var(--gray-700); text-underline-offset: 3px; }
.vcap__residual a:hover { color: var(--text-secondary); }
@media (max-width: 860px) {
  .vcap__residual { display: none; }
  .vcap.is-open .vcap__residual { display: block; }
}
.cp-countline { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; line-height: var(--lh-20); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-tertiary); margin-bottom: var(--space-4); }
.chan-list { display: flex; flex-direction: column; gap: var(--space-2); margin-top: var(--space-5); }
.chan { display: flex; align-items: flex-start; gap: var(--space-3); padding: var(--space-4); background: var(--surface-inset); border: 1px solid var(--v3-border-secondary); border-radius: var(--radius-lg); }
.chan__icon { flex-shrink: 0; width: 36px; height: 36px; border-radius: var(--radius-md); background: var(--gray-900); border: 1px solid var(--gray-800); display: flex; align-items: center; justify-content: center; color: var(--gray-400); }
.chan__icon svg { width: 16px; height: 16px; }
.chan__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.chan__type { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; line-height: var(--lh-16); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-tertiary); font-weight: var(--weight-medium); }
.chan__what { font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-tertiary); }
.chan__what strong { color: var(--text-secondary); font-weight: var(--weight-medium); }
.chan__read { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; line-height: var(--lh-16); color: var(--text-muted); margin-top: 2px; }
.cp-cta-row { display: flex; align-items: center; gap: var(--space-4); flex-wrap: wrap; margin-top: var(--space-5); }
.cp-cta-cap { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; line-height: var(--lh-16); color: var(--text-muted); }
.cp-foot { margin-top: var(--space-5); padding-top: var(--space-3); border-top: 1px solid var(--v3-border-secondary); font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; line-height: var(--lh-16); color: var(--text-muted); }
.cp-out { width: auto; align-self: center; flex-shrink: 0; margin: 0; min-height: 48px; padding: 10px 20px; font-size: 0.833rem; font-weight: var(--weight-semibold); text-decoration: none; white-space: nowrap; }
.cp-out svg { width: 13px; height: 13px; flex-shrink: 0; }
.cp-anchor-link { color: var(--text-secondary); text-decoration: underline; text-decoration-color: var(--gray-700); text-underline-offset: 3px; }
.cp-anchor-link:hover { color: var(--text-primary); }
@media (max-width: 640px) { .cp-out { width: 100%; } }

/* ─────────────────────────────────────────────────────────────────────────
   v3 RESTORATION LAYER — Direction A, "The Restored Weave".
   Zero changes to any ratified selector above. Everything below is either
   (a) mock chrome, excluded from the page, or (b) the provenance chip that
   labels a restored organ. No new section grammar; restored organs inherit
   the existing .kz-block / .code-card / .rc / .ledger-entry registers.
   ───────────────────────────────────────────────────────────────────────── */

/* Mock chrome — NOT part of the page. Violet border, collapsed by default. */
.mockbar { border-bottom: 1px solid rgba(139,92,246,0.55); background: #0B0714; }
.mockbar > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: var(--space-3); flex-wrap: wrap; min-height: 40px; padding: 8px var(--space-6); font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.833rem; line-height: 1.4; color: var(--violet-300); }
.mockbar > summary::-webkit-details-marker { display: none; }
.mockbar > summary::after { content: 'open \25BE'; margin-left: auto; color: var(--gray-500); font-size: 0.694rem; letter-spacing: 0.06em; }
.mockbar[open] > summary::after { content: 'close \25B4'; }
.mockbar__tag { display: inline-flex; align-items: center; padding: 2px 8px; border: 1px solid rgba(139,92,246,0.55); border-radius: var(--radius-sm); color: #fff; background: rgba(139,92,246,0.16); font-weight: var(--weight-medium); white-space: nowrap; }
.mockbar__thesis { color: var(--gray-400); font-family: var(--font-sans); font-size: 0.833rem; min-width: 0; }
.mockbar__body { padding: 0 var(--space-6) var(--space-5); border-top: 1px solid rgba(139,92,246,0.22); }
.mockbar__h { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--violet-300); margin: var(--space-4) 0 var(--space-2); }
.mockbar__list { list-style: none; display: flex; flex-direction: column; gap: 7px; }
.mockbar__list li { display: grid; grid-template-columns: 20px 1fr; gap: 9px; font-size: 0.833rem; line-height: var(--lh-20); color: var(--gray-300); }
.mockbar__list li > span:first-child { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; color: var(--violet-300); }
.mockbar__list b { color: #fff; font-weight: var(--weight-semibold); }
.mockbar__law { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; letter-spacing: 0.03em; color: var(--gray-500); }
.mockbar__binds { list-style: none; display: flex; flex-direction: column; gap: 5px; }
.mockbar__binds li { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; line-height: 1.45; color: var(--amber-300); }
.mockbar__binds li b { color: #fff; }
.mockbar__foot { margin-top: var(--space-4); padding-top: var(--space-3); border-top: 1px solid rgba(139,92,246,0.22); font-size: 0.833rem; line-height: var(--lh-16); color: var(--gray-500); }
@media (max-width: 860px) { .mockbar > summary, .mockbar__body { padding-left: var(--space-4); padding-right: var(--space-4); } }

/* The provenance chip. Every organ this direction ADDED / MOVED / EXPANDED
   wears one, naming the pipe it binds to. Muted badge register, 10px. */
[data-v3] { position: relative; }
.v3chip { display: inline-flex; align-items: baseline; gap: 5px; font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; line-height: 1.4; letter-spacing: 0.04em; color: var(--gray-450); background: var(--gray-925); border: 1px solid var(--gray-800); border-radius: var(--radius-sm); padding: 2px 7px; white-space: normal; max-width: 100%; }
.v3chip::before { content: ''; width: 4px; height: 4px; border-radius: var(--radius-full); background: var(--gray-600); flex-shrink: 0; align-self: center; }
.v3chip--live::before { background: var(--green-600); }
.v3chip--sample::before { background: var(--gray-400); }
.v3chip--bind { color: var(--amber-300); border-color: var(--amber-800); background: var(--amber-975); }
.v3chip--bind::before { background: var(--amber-300); }
.v3chip--row { font-size: 0.694rem; padding: 1px 6px; letter-spacing: 0.02em; }
.v3chip-line { display: flex; align-items: center; gap: var(--space-2); flex-wrap: wrap; margin-bottom: var(--space-3); }
.v3chip-line--tail { margin: var(--space-3) 0 0; }

/* Restored community layer — extra report rows ride .ledger-entry unchanged.
   This only supplies the group frame + the per-row sample marker slot. */
.cfeed { border-top: 1px solid var(--v3-border-secondary); margin-top: var(--space-4); padding-top: var(--space-3); }
.cfeed__h { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); flex-wrap: wrap; margin-bottom: var(--space-2); }
.cfeed__grp { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; line-height: var(--lh-16); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-tertiary); font-weight: var(--weight-semibold); margin: var(--space-3) 0 2px; }
.ledger-entry .v3chip--row { grid-area: time; justify-self: end; margin-top: 2px; }
.ledger-entry--rowchip { grid-template-areas: "user time" "result result" "chip chip"; }
.ledger-entry--rowchip .v3chip--row { grid-area: chip; justify-self: start; margin-top: 4px; }

/* Restored star row — visible carrier for the aggregateRating already in schema.
   Fold law (A-8): on phones it collapses to ONE line and drops its chip, the same
   way the ratified .trust strip collapses to .dx-mini-trust. Zero fold regression. */
.starrow { display: flex; align-items: center; gap: var(--space-2); flex-wrap: wrap; margin-top: 9px; }
.starrow__stars { color: var(--gray-300); font-size: 0.833rem; letter-spacing: 2px; }
.starrow__num { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.833rem; font-weight: var(--weight-medium); color: var(--text-primary); }
.starrow__of { font-size: 0.833rem; line-height: var(--lh-16); color: var(--text-tertiary); }
.starrow__of a { color: var(--text-secondary); }
@media (max-width: 767px) { .starrow { display: none; } }
/* The capsule's own chip obeys the ratified capsule clamp: hidden until Show-more. */
@media (max-width: 860px) {
  .vcap > .v3chip-line { display: none; }
  .vcap.is-open > .v3chip-line { display: flex; }
}

/* Restored code-drop calendar — rail module, the legacy calendar slot. */
.dropcal { display: grid; grid-template-columns: repeat(6, 1fr); gap: 4px; margin-top: 9px; }
.dropcal__m { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 5px 0 4px; border: 1px solid var(--v3-border-secondary); border-radius: var(--radius-sm); background: var(--surface-inset); }
.dropcal__lbl { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; line-height: 1.2; color: var(--text-tertiary); }
.dropcal__bar { width: 14px; height: 18px; border-radius: 2px; background: var(--gray-900); display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; }
.dropcal__bar i { display: block; width: 100%; background: var(--green-800); }
.dropcal__m--deep .dropcal__bar i { background: var(--green-300); }
.dropcal__m--now { border-color: var(--gray-500); border-style: dashed; }
.dropcal__val { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; line-height: 1.2; color: var(--text-muted); }
.dropcal__m--deep .dropcal__val { color: var(--green-300); }
.dropcal-note { font-size: 0.694rem; line-height: var(--lh-16); color: var(--text-tertiary); margin-top: 9px; }
.dropcal-note b { color: var(--text-secondary); font-weight: var(--weight-medium); }
.dropcal-seasons { list-style: none; margin-top: 9px; display: flex; flex-direction: column; gap: 5px; }
.dropcal-seasons li { display: grid; grid-template-columns: 46px 1fr; gap: 8px; font-size: 0.694rem; line-height: 1.45; color: var(--text-tertiary); }
.dropcal-seasons .w { font-family: var(--font-mono); font-feature-settings: var(--features-mono); color: var(--text-muted); }

/* Restored savings guide head — the engine-composed digest, kz register. */
.sgcomp { border: 1px solid var(--v3-border-secondary); border-radius: var(--radius-lg); background: var(--surface-inset); padding: var(--space-4); margin-bottom: var(--space-5); }
.sgcomp__h { font-size: 1rem; line-height: var(--lh-24); font-weight: var(--weight-bold); color: var(--text-primary); margin-bottom: var(--space-2); }
.sgcomp__list { list-style: none; display: flex; flex-direction: column; gap: 7px; margin-top: var(--space-3); }
.sgcomp__list li { display: grid; grid-template-columns: 92px 1fr; gap: 10px; align-items: baseline; font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-tertiary); }
@media (max-width: 560px) { .sgcomp__list li { grid-template-columns: 1fr; gap: 2px; } }
.sgcomp__list .k { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-secondary); }
.sgcomp__list b { color: var(--text-secondary); font-weight: var(--weight-medium); }
.sgcomp__foot { margin-top: var(--space-3); padding-top: var(--space-3); border-top: 1px solid var(--v3-border-secondary); font-size: 0.694rem; line-height: var(--lh-16); color: var(--text-muted); }

/* Honest-absent shell — reuses the ruled-out register, never invents a number. */
.absent { border: 1px dashed var(--gray-700); border-radius: var(--radius-lg); background: var(--gray-950); padding: var(--space-3) var(--space-4); margin-top: var(--space-3); }
.absent__t { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.694rem; line-height: var(--lh-16); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-tertiary); font-weight: var(--weight-semibold); margin-bottom: 5px; }
.absent__b { font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-tertiary); }
.absent__b b { color: var(--text-secondary); font-weight: var(--weight-medium); }

/* ==================================================================
DIRECTION D2-T1 -- "The Verdict" (P-MLP Final Mile studio, Nike, 2026-09-08)
The first object on the page is a verdict: three short lines and a button, in the grammar of a
trust card. Everything else folds into ONE expansion behind it. Same fold mechanism throughout.
================================================================== */

/* ---- the S-28 fold primitive: every converted disclosure element and every hand-built fold uses this ---- */
.fold-shell__body { max-height: 0; overflow: hidden; }
.fold-shell.is-open > .fold-shell__body,
.fold-shell.is-open > .fold-btn + .fold-shell__body { max-height: none; }
.fold-btn { display: flex; align-items: center; gap: var(--space-3); width: 100%; text-align: left;
  background: none; border: none; cursor: pointer; font-family: inherit; color: inherit; padding: 0; }
.fold-btn::before { content: ''; }
/* generic section-level folds (retailer / deals / savings / changelog / one-time / guide / faq / related) */
.section-fold { border: 1px solid var(--v3-border-secondary); border-radius: var(--radius-xl);
  background: var(--surface-elevated); margin-top: var(--space-6); overflow: hidden; }
.section-fold .section-fold__btn { min-height: 56px; padding: var(--space-4) var(--space-5);
  font-size: 1rem; font-weight: var(--weight-semibold); color: var(--text-secondary); }
.section-fold .section-fold__btn:hover { color: var(--text-primary); }
.section-fold .section-fold__btn::after { content: ''; margin-left: auto; }
.section-fold .fold-count { margin-left: auto; font-family: var(--font-mono); font-feature-settings: var(--features-mono);
  font-size: 0.694rem; letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-muted);
  white-space: nowrap; }
.section-fold > .fold-shell__body { padding: 0 var(--space-5); }
.section-fold.is-open > .fold-shell__body { padding-bottom: var(--space-5); }
@media (max-width: 860px) { .section-fold .section-fold__btn { padding-left: var(--space-4); padding-right: var(--space-4); }
  .section-fold > .fold-shell__body { padding: 0 var(--space-4); }
  .section-fold.is-open > .fold-shell__body { padding-bottom: var(--space-4); } }
/* faq-item / dx-tray / dx-cal / pc-steps / ledger-more converted folds: quiet inline face */
.faq-item.fold-shell > .fold-btn, .dx-tray.fold-shell > .fold-btn, .dx-cal.fold-shell > .fold-btn,
.pc-steps.fold-shell > .fold-btn, .ledger-more.fold-shell > .fold-btn {
  min-height: 40px; font-size: 0.9375rem; color: var(--text-secondary); font-weight: var(--weight-semibold); }
.faq-item.fold-shell, .pc-steps.fold-shell { border-bottom: 1px solid var(--v3-border-secondary); padding: var(--space-3) 0; }
.faq-item.fold-shell:first-of-type { padding-top: 0; }
.dx-tray.fold-shell { margin-top: var(--space-3); }
.dx-tray.fold-shell > .fold-btn { color: var(--text-tertiary); font-weight: var(--weight-regular); font-size: 0.833rem; }
.ledger-more.fold-shell > .fold-btn { color: var(--text-tertiary); font-size: 0.833rem; min-height: 32px; }
.dx-cal.fold-shell { border-top: 1px solid var(--v3-border-secondary); margin-top: var(--space-3); padding-top: var(--space-3); }

/* ---- THE VERDICT OBJECT: the page's first content element. A bordered trust-card, not a gray
   labeled capsule box -- deliberately different layout DNA from the source's own header/capsule
   (fence item 12). Three lines at rest (stamp, verdict, action) plus the spoken capsule text;
   every other screen-one casualty (old capsule tail/stats/header/dx-cal/hero/jumpbar) rides
   inside the ONE "Full capsule" fold below them, never a second fold of its own. It lives as
   .page-main's OWN first child, never a .page-grid sibling (the 2026-09-09 overlap fix, the same
   structure the ratified Apple fork uses): the base stylesheet pins .page-main to grid-row 1 / span 2,
   so a sibling .verdict placed at row 1 / col 1 shared that cell and .page-main's H1 + code list
   painted over the card (measured at 1440 wide: card bottom 554px, H1 top 154px). Nested, normal
   flow keeps it first and flush with the field's left edge, and both columns still start at the
   same top, so it still crowns the rail. ---- */
.verdict { border: 1px solid var(--v3-border-secondary); border-radius: var(--radius-xl);
  background: var(--surface-elevated); margin: var(--space-4) var(--space-5) 0; padding: var(--space-5); }
@media (min-width: 861px) {
  .verdict { margin: 0 0 var(--space-6); }
  .verdict__action { max-width: 480px; }
  .verdict__note, .verdict__meta, .verdict .vcap__verdict { max-width: 62ch; }
}
.verdict__stamp { font-family: var(--font-mono); font-feature-settings: var(--features-mono);
  font-size: 0.694rem; letter-spacing: var(--tracking-wide); color: var(--text-tertiary); margin: 0; }
.verdict__line { font-size: 2.074rem; line-height: 1.1; font-weight: var(--weight-bold);
  color: var(--text-primary); margin: var(--space-2) 0 0; }
.verdict__line b { color: var(--green-300); font-weight: var(--weight-bold); }
/* Amanda's ruling 2026-09-08 (treatment A): the mask and the button are ONE control -- the empty slot
   on the left, the action on the right; after the tap the same rectangle shows the code and the copy. */
.verdict__action { display: flex; align-items: stretch; gap: 0; margin-top: var(--space-4);
  border: 1px solid var(--v3-border-primary) /* Amanda 9/9 ~13:40: the Show code rectangle's border was too faint; one step up the ramp, same as Apple's ways block */; border-radius: 12px; overflow: hidden; background: var(--surface-inset); }
.verdict__action .code-card__mask-row { flex: 1 1 0; min-width: 0; overflow: hidden; display: flex; align-items: center; padding: 0 12px; margin: 0; }
.verdict__action .code-mask { font-size: 0.9375rem; letter-spacing: .22em; color: var(--text-tertiary); white-space: nowrap; }
.verdict__action .code-card__cta { flex: 0 0 auto; white-space: nowrap; border-radius: 0; min-height: 52px; padding: 0 18px; width: auto; margin: 0; }
/* the brand tile leads the object, at rest, in its source form (the July face law: tile + figure) */
.verdict .mh__brand { margin: 0 0 var(--space-2); }
/* Amanda's ruling 2026-09-09 (the glint, S1): the answer object carries the page's own hero-card ring,
   lifted verbatim from .code-card--hero -- still, one framed thing per page. */
.verdict { border-color: rgba(3,255,136,0.45); box-shadow: 0 0 0 1px rgba(3,255,136,0.14); }
.mh__icon .swoosh { display: block; width: 30px; height: 10px; color: #000; }
/* chevrons: closed points right, open points down (her note 2026-09-09) */
.chev { display: inline-block; font-style: normal; transition: transform .18s ease; transform-origin: 50% 55%; }
[aria-expanded="true"] .chev, .is-open > .fold-btn .chev, .is-open > .srow__face .chev { transform: rotate(90deg); }
.verdict__note { font-size: 0.833rem; line-height: 1.45; color: var(--text-tertiary); margin: var(--space-2) 0 0; }
.verdict__meta { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.833rem;
  line-height: 1.45; color: var(--text-secondary); margin: var(--space-3) 0 0; }
.verdict__meta b { color: var(--green-300); font-weight: var(--weight-medium); }
/* the base stylesheet's own phone-width rule clamps ANY .vcap__verdict to 2 lines and only lifts
   it via ".vcap.is-open .vcap__verdict" -- an ancestor class this object no longer carries (it is
   ".verdict", not ".vcap"). Left alone, that clamp would cut the required ~48-word spoken text
   short mid-sentence. Un-clamped here, unconditionally: this text renders in full at rest, always
   -- it is never the thing folded. */
.verdict > .vcap__verdict { display: block; -webkit-line-clamp: unset; overflow: visible;
  font-size: 0.833rem; line-height: var(--lh-24); color: var(--text-tertiary);
  margin-top: var(--space-4); padding-top: var(--space-4); border-top: 1px solid var(--v3-border-secondary); }
.verdict > .vcap__verdict .vcap__hl { color: var(--text-secondary); font-weight: var(--weight-medium); }
.verdict > .verdict__more-h { margin: var(--space-4) 0 0; padding-top: var(--space-3); border-top: 1px solid var(--v3-border-secondary);
  font-size: 0.9375rem; line-height: var(--lh-24); font-weight: var(--weight-medium); color: var(--text-secondary); }
.verdict > .verdict__more-shell > .verdict__more-h { margin: var(--space-4) 0 0; padding-top: var(--space-3); border-top: 1px solid var(--v3-border-secondary);
  font-size: 0.9375rem; line-height: var(--lh-24); font-weight: var(--weight-medium); color: var(--text-secondary); }
.verdict > .verdict__more-h > .fold-btn.verdict__more { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3);
  width: 100%; margin: 0; padding: var(--space-2) 0; font-size: 0.9375rem; font-weight: inherit; color: inherit; text-align: left; }
.verdict > .verdict__more-shell > .verdict__more-h > .fold-btn.verdict__more { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3);
  width: 100%; margin: 0; padding: var(--space-2) 0; font-size: 0.9375rem; font-weight: inherit; color: inherit; text-align: left; }
.verdict > .verdict__more-h > .fold-btn.verdict__more:hover { color: var(--text-primary); }
.verdict > .verdict__more-shell > .verdict__more-h > .fold-btn.verdict__more:hover { color: var(--text-primary); }
.verdict > .verdict__more-h .fold-count { margin-left: auto; flex-shrink: 0; }
.verdict > .verdict__more-shell > .verdict__more-h .fold-count { margin-left: auto; flex-shrink: 0; }
.dx-cal--flat { margin-top: var(--space-4); padding-top: var(--space-4); border-top: 1px solid var(--v3-border-secondary); }
/* Amanda's Apple note 9/9 12:21 ("Why is this aligned to the left?"), same defect here: the capsule inherited the July
   62ch measure and sat as a narrow column inside the object; it spans the object like everything else in it. */
.verdict > .vcap__verdict { max-width: none; }
.verdict > .fold-shell__body.verdict__more-body { padding-top: var(--space-4); }
.verdict > .verdict__more-shell > .fold-shell__body.verdict__more-body { padding-top: var(--space-4); }
.verdict > .fold-shell__body.verdict__more-body > * + * { margin-top: var(--space-3); }
.verdict > .verdict__more-shell > .fold-shell__body.verdict__more-body > * + * { margin-top: var(--space-3); }
/* everything folded in used to render at screen-one widths/paddings (mh, trust, starrow,
   mini-trust, the whole hero) -- inside the fold it just needs to not look like a second nested
   card, so its own component chrome (padding/borders) is muted rather than restyled. */
.verdict .mh { padding: 0; }
.verdict .mh__brand { margin-bottom: var(--space-2); }
.verdict .code-card--hero { border: none; background: none; margin-top: var(--space-3);
  padding-top: var(--space-3); border-top: 1px solid var(--v3-border-secondary); }
.verdict .dx-cal.fold-shell { border-top: none; margin-top: var(--space-3); padding-top: 0; }
.dx-cond-row--static { display: flex; flex-wrap: wrap; gap: 0; align-items: center; min-height: 0;
  padding: 0 0 var(--space-2); color: var(--text-tertiary); font-size: 0.833rem; }
.dx-cond-row--static .dx-cond { color: var(--text-tertiary); }

/* ---- the H1: exact source text, rendered as the headline of the code list; the list's own h2 carries
   the --deck modifier and reads as its one-line deck. Amanda's ruling 2026-09-09 (the h1-three-ways
   rig, option A): the 11px small-caps label this replaces served the machine and no human. Title = H1
   parity (p-mlp-driver A-11) is about the words, never the size. Desktop takes the h2's own size;
   phones take Direction A's headline size so the sentence runs two lines, not three. ---- */
.verdict-h1-wrap { margin: 0 0 var(--space-2); }
.verdict-h1-wrap h1 { font-size: 1.728rem; line-height: var(--lh-32); font-weight: var(--weight-semibold);
  letter-spacing: normal; color: var(--text-primary); text-wrap: balance; margin: 0; }
@media (max-width: 860px) { .verdict-h1-wrap h1 { font-size: clamp(1.2rem, 3vw, 1.5rem); line-height: 1.25; } }
.pc-sec__h2--deck { font-size: 1rem; line-height: var(--lh-24); font-weight: var(--weight-regular); color: var(--text-secondary); margin: 0 0 var(--space-3); }

/* ---- the field: every remaining code as a ~64px row (build-S.py's .srow, ported unchanged) ---- */
.srow { border: 1px solid var(--v3-border-secondary); border-radius: var(--radius-lg); background: var(--surface-elevated); }
.srow + .srow { margin-top: var(--space-2); }
.srow > .fold-btn.srow__face { min-height: 56px; padding: var(--space-3) var(--space-4); }
/* Ported from Apple (Amanda's notes 9/9): no rank column, nothing on a row face ever clips; her ruling B (label above,
   offer below) applies where a row HAS a label -- the candidate and ruled-out state words -- and one typeface per row. */
.srow__grid { display: grid; width: 100%; grid-template-columns: minmax(0, 1fr) minmax(0, 34%) auto;
  align-items: center; column-gap: var(--space-4); }
.srow__face:hover { background: rgba(255,255,255,0.02); }
.srow__main { min-width: 0; display: block; font-size: 0.9375rem; line-height: var(--lh-24); }
.srow__state { display: block; font-family: var(--font-sans); font-feature-settings: var(--features-sans); font-size: 0.833rem; line-height: var(--lh-20);
  font-weight: var(--weight-medium); color: var(--text-tertiary); margin: 0 0 1px; }
.srow__fig { display: inline; font-family: var(--font-sans); font-feature-settings: var(--features-sans); font-size: 0.9375rem;
  font-weight: var(--weight-semibold); color: var(--text-primary); margin-right: var(--space-2); white-space: normal; }
.srow__w { display: inline; font-size: 0.9375rem; line-height: var(--lh-24); color: var(--text-secondary); font-weight: var(--weight-regular);
  white-space: normal; overflow: visible; text-overflow: clip; }
.srow__rec { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.833rem; line-height: 1.4;
  color: var(--text-tertiary); text-align: right; white-space: normal; overflow: visible; }
.srow__chev { color: var(--text-muted); font-size: 0.694rem; }
@media (max-width: 560px) {
  .srow__grid { grid-template-columns: minmax(0, 1fr) auto; row-gap: 4px; }
  .srow__main { grid-column: 1; grid-row: 1; }
  .srow__rec { grid-column: 1; grid-row: 2; text-align: left; }
  .srow__chev { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
  .srow > .fold-btn.srow__face { min-height: 64px; }
}
/* the census and sweep lines under the deck at a readable size (the 11px caps line was the H1 problem again) */
.pc-sec__count { font-size: 0.833rem; letter-spacing: 0.04em; color: var(--text-tertiary); }
/* ruling 18 (Amanda, 2026-09-10 screenshot: "boxes within boxes… the alignment looks strange"): inside a section fold the
   July knowledge block kept its own card, and each FAQ question was a card again, centered between the fold button's
   empty first slot and the plus sign. Inside a section fold: the block loses its frame; questions are rows on a
   hairline, left-aligned, with the page's chevron; the section's count reads in sans, sentence case. */
.section-fold .kz-block { border: 0; border-radius: 0; background: none; margin: 0; overflow: visible; }
.section-fold .kz-block__body { padding: 0 0 var(--space-2); }
.section-fold .kz-block__header { padding: 0 0 var(--space-3); }
.section-fold .faq-item, .section-fold .faq-item.fold-shell { border: 0; border-radius: 0; background: none; margin: 0; padding: 0; border-bottom: 1px solid var(--v3-border-secondary); overflow: visible; }
.section-fold .faq-item:last-child { border-bottom: 0; }
.section-fold .faq-q { justify-content: flex-start; padding: var(--space-3) 0; gap: var(--space-3); font-weight: var(--weight-semibold); color: var(--text-primary); text-align: left; }
.section-fold .faq-q::before { display: none; }
.section-fold .faq-q::after { content: '▸'; margin-left: auto; font-family: var(--font-sans); font-size: 0.694rem; font-weight: var(--weight-regular); color: var(--text-muted); transition: transform .18s; transform-origin: 50% 55%; }
.section-fold .faq-item.is-open > .faq-q::after { content: '▸'; transform: rotate(90deg); }
.section-fold .faq-a { padding: 0 0 var(--space-3); color: var(--text-secondary); }
.section-fold .fold-count { font-family: var(--font-sans); font-feature-settings: var(--features-sans); font-size: 0.833rem; letter-spacing: normal; text-transform: none; color: var(--text-tertiary); }
/* ruling 19 (Amanda, 2026-09-10: "do a sweep of all of direction 2 for alignment issues like the FAQ"). Every July organ
   that survives inside a fold arrived wearing its own box, an icon column and uppercase mono labels. Inside a fold (the
   section folds and the object's drawer): one frame per section. Organs lose their cards and read as rows on hairlines;
   icon columns go, so titles start at the left edge; labels read in sans, sentence case; a callout keeps one edge, not a
   box; the savings chart fits the column. Words unchanged. */
:is(.section-fold, .rail-fold, .srow__body) .kz-callout, :is(.section-fold, .rail-fold, .srow__body) .statline, :is(.section-fold, .rail-fold, .srow__body) .dx-review, :is(.section-fold, .rail-fold, .srow__body) .nc-deal, :is(.section-fold, .rail-fold, .srow__body) .chan,
:is(.section-fold, .rail-fold, .srow__body) .hack, :is(.section-fold, .rail-fold, .srow__body) .sgcomp, :is(.section-fold, .rail-fold, .srow__body) .pc-notes, :is(.section-fold, .rail-fold, .srow__body) .rvw-invite, :is(.section-fold, .rail-fold, .srow__body) .absent,
:is(.section-fold, .rail-fold, .srow__body) .code-card.rowx, .verdict .statline, .verdict .absent, .verdict .kz-callout
  { border: 0; border-radius: 0; background: none; padding: var(--space-3) 0; margin: 0; }
:is(.section-fold, .rail-fold, .srow__body) .dx-review, :is(.section-fold, .rail-fold, .srow__body) .nc-deal, :is(.section-fold, .rail-fold, .srow__body) .chan, :is(.section-fold, .rail-fold, .srow__body) .hack, :is(.section-fold, .rail-fold, .srow__body) .code-card.rowx { border-bottom: 1px solid var(--v3-border-secondary); }
:is(.section-fold, .rail-fold, .srow__body) .dx-review:last-child, :is(.section-fold, .rail-fold, .srow__body) .nc-deal:last-child, :is(.section-fold, .rail-fold, .srow__body) .chan:last-child, :is(.section-fold, .rail-fold, .srow__body) .hack:last-child, :is(.section-fold, .rail-fold, .srow__body) .code-card.rowx:last-child { border-bottom: 0; }
:is(.section-fold, .rail-fold, .srow__body) .kz-callout, .verdict .kz-callout { border-left: 2px solid var(--green-800); padding-left: var(--space-3); }
:is(.section-fold, .rail-fold, .srow__body) .absent, .verdict .absent { border-left: 2px solid var(--v3-border-primary); padding-left: var(--space-3); }
:is(.section-fold, .rail-fold, .srow__body) .nc-deal__icon, :is(.section-fold, .rail-fold, .srow__body) .chan__icon, :is(.section-fold, .rail-fold, .srow__body) .method-step__icon { display: none; }
:is(.section-fold, .rail-fold, .srow__body) .nc-deal, :is(.section-fold, .rail-fold, .srow__body) .chan, :is(.section-fold, .rail-fold, .srow__body) .hack, :is(.section-fold, .rail-fold, .srow__body) .method-step { display: block; }
:is(.section-fold, .rail-fold, .srow__body) .nc-deal__type, :is(.section-fold, .rail-fold, .srow__body) .chan__type, :is(.section-fold, .rail-fold, .srow__body) .pc-gateway, :is(.section-fold, .rail-fold, .srow__body) .pc-steps__h, :is(.section-fold, .rail-fold, .srow__body) .band-label,
:is(.section-fold, .rail-fold, .srow__body) .absent__t, :is(.section-fold, .rail-fold, .srow__body) .dx-eyebrow, :is(.section-fold, .rail-fold, .srow__body) .rvw-chip, :is(.section-fold, .rail-fold, .srow__body) .cp-countline, :is(.section-fold, .rail-fold, .srow__body) .k,
.verdict .pm__chips-label, .verdict .lchip, .verdict .band-label, .verdict .absent__t
  { font-family: var(--font-sans); font-feature-settings: var(--features-sans); font-size: 0.833rem; line-height: var(--lh-20); letter-spacing: normal; text-transform: none; }
:is(.section-fold, .rail-fold, .srow__body) .rvw-chip, :is(.section-fold, .rail-fold, .srow__body) .pc-gateway, .verdict .lchip { display: inline; border: 0; background: none; padding: 0; color: var(--text-tertiary); }
:is(.section-fold, .rail-fold, .srow__body) .rvw-chip + .rvw-chip::before { content: '·'; padding: 0 .45em; color: var(--text-muted); }
:is(.section-fold, .rail-fold, .srow__body) .dropcal__m { border: 0; background: none; }
:is(.section-fold, .rail-fold, .srow__body) .bar-chart__bars { min-width: 0; max-width: 100%; gap: 4px; }
:is(.section-fold, .rail-fold, .srow__body) .bar-col { flex: 1 1 0; min-width: 0; }
:is(.section-fold, .rail-fold, .srow__body) .bar-col__value { font-size: 0.694rem; }
.section-fold table, .section-fold pre { display: block; max-width: 100%; overflow-x: auto; }
:is(.section-fold, .rail-fold, .srow__body) .fold-shell__body > .kz-block > .kz-block__body > *:first-child { margin-top: 0; }
:is(.section-fold, .rail-fold, .srow__body) .rc, :is(.section-fold, .rail-fold, .srow__body) .dx-watch, :is(.section-fold, .rail-fold, .srow__body) .band-label
  { border: 0; border-radius: 0; background: none; padding: 0; }
:is(.section-fold, .rail-fold, .srow__body) .rc { border-top: 1px solid var(--v3-border-secondary); padding-top: var(--space-3); margin-top: var(--space-4); }
:is(.section-fold, .rail-fold, .srow__body) .rc__h { color: var(--text-primary); margin: 0 0 var(--space-1); }
:is(.section-fold, .rail-fold, .srow__body) .rc__sub { font-family: var(--font-mono); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); }
:is(.section-fold, .rail-fold, .srow__body) .dx-watch { padding: var(--space-3) 0 0; border-top: 1px solid var(--v3-border-secondary); margin-top: var(--space-3); }
:is(.section-fold, .rail-fold, .srow__body) .bar-chart__labels { min-width: 0; max-width: 100%; display: flex; gap: 4px; }
:is(.section-fold, .rail-fold, .srow__body) .bar-chart__label { flex: 1 1 0; min-width: 0; font-size: 0.694rem; white-space: normal; overflow-wrap: anywhere; text-align: center; }
/* a section fold nested inside a section fold (the "more" folds under the method and the reviews): no second card */
.section-fold .section-fold { border: 0; border-radius: 0; background: none; margin-top: var(--space-3); }
.section-fold .section-fold > h2 > .section-fold__btn, .section-fold .section-fold > .section-fold__btn { padding-left: 0; padding-right: 0; min-height: 44px; }
.section-fold .section-fold > .fold-shell__body { padding-left: 0; padding-right: 0; }
/* the section faces (her screenshot, 2026-09-10): the fold button's empty first slot indented every title by a gap, and at
   phone width the count wrapped onto its own line and centered. Titles start at the edge; the count sits at the right on
   desktop and under the title, left-aligned, on a phone. */
.fold-btn::before { display: none; content: none; }
.section-fold .section-fold__btn { flex-wrap: wrap; justify-content: flex-start; align-items: baseline; text-align: left; row-gap: 2px; }
.section-fold .section-fold__btn::after { display: none; content: none; }
.section-fold .section-fold__btn .section-fold__h { flex: 1 1 auto; min-width: 0; text-align: left; }
.section-fold .section-fold__btn .fold-count { margin-left: auto; text-align: right; white-space: normal; flex: 0 1 auto; }
@media (max-width: 560px) {
  .section-fold .section-fold__btn .fold-count { flex-basis: 100%; margin-left: 0; text-align: left; }
}
/* three more from the audit: the count must beat a later rule of equal weight at phone width; long links in the method
   and certificate text wrap instead of running off the screen; the steps' labels sit on a face, not in a body. */
@media (max-width: 560px) {
  .section-fold .section-fold__btn.fold-btn .fold-count, .section-fold > h2 > .section-fold__btn .fold-count { flex-basis: 100%; margin-left: 0; text-align: left; }
}
:is(.section-fold, .rail-fold, .srow__body) a, :is(.section-fold, .rail-fold, .srow__body) b, :is(.section-fold, .rail-fold, .srow__body) p, :is(.section-fold, .rail-fold, .srow__body) li { overflow-wrap: anywhere; min-width: 0; }
.pc-steps__h, .pc-steps .fold-btn { font-family: var(--font-sans); font-feature-settings: var(--features-sans); font-size: 0.9375rem; line-height: var(--lh-20); letter-spacing: normal; text-transform: none; }
/* the July jump bar inside the certificate fold wraps instead of scrolling off the screen; the deal titles speak one typeface */
:is(.section-fold, .rail-fold, .srow__body) .dx-jumpbar { flex-wrap: wrap; overflow: visible; }
:is(.section-fold, .rail-fold, .srow__body) .dx-jumpbar a { white-space: normal; }
:is(.section-fold, .rail-fold, .srow__body) .nc-deal__val { font-family: var(--font-sans); font-feature-settings: var(--features-sans); font-weight: var(--weight-semibold); letter-spacing: normal; }
/* ruling 20 (Amanda, 2026-09-10: "this hierarchy is confusing… check for confusing UI hierarchy like that too"): inside a
   section, nothing reads as large as the section's own title (1rem semibold). One step down, 0.9375rem semibold, for
   sub-headings and nested fold faces; body copy at 0.833rem; a nested face's count at 0.833 regular; figures inside a
   section stop at the row figure's 1.2rem and the rating at 1.728rem. Every size is on the page's ladder. */
:is(.section-fold, .rail-fold) .fold-shell__body :is(h3, h4, h5, .method-step__title, .nc-deal__title, .guide-h3, .sgcomp__h, .dx-watch__h, .rvw-invite__t, .kz-callout__t, .hack__t, .chan__title, .cvx-h2, .cvx-h3, .dx-cal__t, .rvw-h, .rc__headline, .rc__h) { font-size: 0.9375rem; line-height: var(--lh-20); font-weight: var(--weight-medium); color: var(--text-secondary); }
:is(.section-fold, .rail-fold) .fold-shell__body .fold-shell > .fold-btn, :is(.section-fold, .rail-fold) .fold-shell__body .section-fold > h2 > .fold-btn, :is(.section-fold, .rail-fold) .fold-shell__body .section-fold__h { font-size: 0.9375rem; font-weight: var(--weight-medium); color: var(--text-secondary); }
:is(.section-fold, .rail-fold) .fold-shell__body .fold-shell > .fold-btn .rowx-more__h, :is(.section-fold, .rail-fold) .fold-shell__body .faq-q { font-weight: var(--weight-medium); color: var(--text-secondary); }
/* the section's own title stays the one semibold, primary-colour line in its frame */
.section-fold > h2 > .section-fold__btn, .section-fold > h2 > .section-fold__btn .section-fold__h { color: var(--text-primary); font-weight: var(--weight-semibold); }
:is(.section-fold, .rail-fold) .fold-shell__body .fold-btn .fold-count { font-size: 0.833rem; font-weight: var(--weight-regular); }
:is(.section-fold, .rail-fold) .fold-shell__body :is(p:not([class]), .method-step__desc, .kz-callout, .kz-callout p, .absent, .absent p, .cl-row, .hack, .hack__body, .rvw-foot, .vcap__verdict-tail, .dx-about, .faq-a, .rvw-body, .rvw-text, .method-stat__label, .dx-watch p, .rvw-invite p, .sgcomp p) { font-size: 0.833rem; line-height: var(--lh-20); }
:is(.section-fold, .rail-fold) .fold-shell__body > div:not([class]) { font-size: 0.833rem; line-height: var(--lh-20); }
:is(.section-fold, .rail-fold) .fold-shell__body :is(.pmlp-related__top, .method-links, .method-links a, .cp-cta-row, .cp-cta-row a, .si, li:not([class])) { font-size: 0.9375rem; line-height: var(--lh-24); }
:is(.section-fold, .rail-fold) .fold-shell__body .nc-deal__val { font-size: 0.9375rem; line-height: var(--lh-20); }
:is(.section-fold, .rail-fold) .fold-shell__body .hack__n { font-size: 0.833rem; line-height: var(--lh-20); }
:is(.section-fold, .rail-fold) .fold-shell__body .method-stat__value { font-size: 1.2rem; }
:is(.section-fold, .rail-fold) .fold-shell__body .num { font-size: 1.728rem; }
:is(.section-fold, .rail-fold) .fold-shell__body .rowx-head { font-size: 0.9375rem; line-height: var(--lh-20); }
:is(.section-fold, .rail-fold) .fold-shell__body .rowx-head .rowx-w { font-size: 0.9375rem; }
/* her notes 2026-09-10 08:29 on the deals: air between a deal's copy and its button */
:is(.section-fold, .rail-fold, .srow__body) .nc-deal .code-card__cta, :is(.section-fold, .rail-fold, .srow__body) .nc-deal .pc-gateway { margin-top: var(--space-3); }
:is(.section-fold, .rail-fold, .srow__body) .nc-deal .code-card__cta + .code-card__cta { margin-top: var(--space-2); }
/* her note 2026-09-10 08:29: the Amazon deal's button carried an external-link arrow the other buttons do not; CTAs carry no arrows */
:is(.section-fold, .rail-fold, .srow__body) .nc-deal .code-card__cta svg { display: none; }
/* deal buttons read as one kind: compact, one line, the green outline; never a full-width bar */
:is(.section-fold, .rail-fold, .srow__body) .nc-deal .code-card__cta { display: inline-flex; width: auto; min-height: 44px; padding: 0 18px; }
/* the July section wrapper inside a fold body carried its own 48px top margin: the fold's face is the section's heading */
.section-fold > .fold-shell__body > .pc-sec, .section-fold > .fold-shell__body > .kz-block { margin-top: 0; }
.section-fold > .fold-shell__body > .pc-sec > .pc-sec__count:first-of-type { margin-top: 0; }
:is(.section-fold, .rail-fold, .srow__body) .nc-deal__logo { display: none; }
/* ruling 21 (Amanda, 2026-09-10, rig the-grouped-frame.html, treatment A): "a section be grouped rather than each
   individual item its own box." One frame per group: the heading above it, the folds inside as rows on hairlines,
   corners on the frame only. The code list keeps its separate rows ("easier to scan them"). Reverses the card half of
   ruling 10, which was chosen when hairlines were 1.2:1; they have been gray-750 since ruling 11. */
.group > .section-fold.fold-shell, .group > .section-fold + .section-fold { margin-top: 0; border-radius: 0; border-top-width: 0; }  /* beats ruling 10's 8px card gap, which sits later in the sheet */
.group > .group__h + .section-fold { border-top-width: 1px; border-radius: var(--radius-xl) var(--radius-xl) 0 0; }
.group > .section-fold:not(:has(+ .section-fold)) { border-radius: 0 0 var(--radius-xl) var(--radius-xl); }
/* a fold's face IS the section's own heading (lifted, never repeated) */
.section-fold__h { margin: 0; font-size: 1rem; line-height: var(--lh-24); font-weight: var(--weight-semibold); }
.section-fold__h svg { vertical-align: middle; margin-top: 0 !important; }
.section-fold .section-fold__btn .fold-count { white-space: normal; text-align: right; }
@media (max-width: 560px) {
  .section-fold .section-fold__btn { flex-wrap: wrap; row-gap: 4px; }
  .section-fold .section-fold__btn .fold-count { margin-left: auto; }
}
/* the drawer face aligns with the content above (the base .fold-btn::before flex item + gap made a 12px indent) */
.verdict > .verdict__more-h > .fold-btn.verdict__more::before { display: none; }
/* the drawer face aligns with the content above (the base .fold-btn::before flex item + gap made a 12px indent) */
.verdict > .verdict__more-shell > .verdict__more-h > .fold-btn.verdict__more::before { display: none; }
/* the proof receipts moved out of the drawer into "How we check" */
.proof-strips { margin-top: var(--space-4); padding-top: var(--space-4); border-top: 1px solid var(--v3-border-secondary); }
.proof-strips > * + * { margin-top: var(--space-3); }
.proof-strips .vcap__stats, .proof-strips .vcap__foot, .proof-strips .trust, .proof-strips .starrow { display: flex; }
.proof-strips .vcap__provenance { display: block; }
/* Amanda 9/9 ~16:45: "what is this? we never designed this scroll popup footer." The July template's sticky grab bar (A-8:
   persistent grab access after the hero scrolls, <=25svh) rode along with the retired "Get code" label. On this direction
   the object's Show code and the sheet are the grab access; the bar is hidden here as on Apple, markup kept for parity.
   A-8 delta to name to Dakota: if the law insists on a persistent bar, it gets designed with the ruled words. */
.sbar { transform: translateY(110%) !important; }
/* Amanda 9/9 ~16:50: July's controls speak like the rest of this page. The list's "show all" button in sentence case at
   the page's control size; the rail's labels in the sans face, sentence case, like every other face on the page. */
.view-more__btn { text-transform: none; letter-spacing: normal; font-size: 0.9375rem; line-height: var(--lh-24); font-weight: var(--weight-semibold); min-height: 44px; padding: 0 var(--space-4); border-radius: 10px; }
.rc__h, .side-card__t { font-family: var(--font-sans); font-feature-settings: var(--features-sans); font-size: 0.9375rem; line-height: var(--lh-24);
  letter-spacing: normal; text-transform: none; font-weight: var(--weight-semibold); color: var(--text-secondary); }
.rc__h i:not(.chev) { display: none; }   /* the label dot only, wherever it sits; never the face chevron */
.wsx-row[hidden] { display: none; }
/* Amanda's ruling 2026-09-09 ~14:10 (hairlines-four-levels.html): level 750. Every hairline takes the value the system
   keeps as border-primary (gray-750, 1.6:1 on the card); the emphasized line (the Show code rectangle, the ways block)
   steps once more to gray-700. A page-level override of two DS-2.0 tokens: a design-system amendment to propose, not a
   page trick -- David Guzman co-signs token changes. */
:root { /* S5.2a delta tokens (--v3-*; never a pmlp.css token name). --v3-border-*: the mock's page-level override of pmlp.css --border-secondary/--border-primary, per Amanda's 2026-09-09 hairline ruling above (a DS-2.0 token amendment; David co-signs). --v3-type-step: the 0.694rem -> 0.833rem type step, DS-2.0 scope, pending David's ruling (plan v1.2 Rulings: "DS-2.0 type step | David | A flagged delta token"). */ --v3-border-secondary: var(--gray-750); --v3-border-primary: var(--gray-700); --v3-type-step: 0.833rem; }
/* grouping (Amanda 9/9 ~13:55): a plain heading, members as their own cards stacked with the rows' gap */
.group { margin-top: var(--space-8); }
.group__h { font-size: 1.2rem; line-height: var(--lh-28); font-weight: var(--weight-semibold); color: var(--text-primary); margin: 0 0 var(--space-3); }
.group > .section-fold { margin-top: var(--space-2); }
.group > .group__h + .section-fold { margin-top: 0; }
/* rail cards folded behind their own titles; the label-dot rule must not restyle the face chevron */
.rail-fold__btn { display: flex; align-items: center; justify-content: space-between; width: 100%; font: inherit; color: inherit; }
.rail-fold .rc__h, .rail-fold .side-card__t { margin: 0; }
.rail-fold__btn .fold-count { margin-left: auto; }
.rc__h .fold-count .chev { width: auto; height: auto; border-radius: 0; background: none; color: var(--text-muted); flex-shrink: 0; }
.srow__body .rc { margin: var(--space-3) 0 0; }
/* the extension card (Apple note 9/9 12:23, same card here): copy at full width, the link at the bottom */
.ext-cta { display: block; }
.ext-cta__body { margin-bottom: var(--space-3); }
.ext-cta__s { font-size: 0.833rem; line-height: var(--lh-20); }
.ext-cta__link { min-height: 40px; }
.fold-shell__body .vcap__stats, .fold-shell__body .vcap__foot, .fold-shell__body .trust, .fold-shell__body .starrow { display: flex; }
.fold-shell__body .vcap__provenance, .fold-shell__body .vcap__residual { display: block; }
.fold-shell__body .pc-pointer { display: inline-flex; }
.verdict:not(.is-open) > .fold-shell__body { padding-top: 0; }
.verdict .v3chip-line:empty { display: none; margin: 0; }
/* clear of the served page's ✎ Annotate chip, which sits at the same corner */
.srow > .fold-shell__body.srow__body.is-open, .srow.is-open > .srow__body { padding: 0 var(--space-4) var(--space-4); }
.srow .code-card { border: 0; background: transparent; margin-top: var(--space-2); }
/* ruling 17 (Amanda, 2026-09-10, rig the-figure-in-the-row.html, treatment C): the figure is the offer. On the closed
   face it leads at 1.2rem on its own line with the wording as its deck; when the row opens it steps up to 1.728rem,
   direction one's card size, so the opened row becomes the card. Object 2.074 > opened row 1.728 > face 1.2 > record 0.833. */
.srow__main { line-height: var(--lh-20); }
.srow__fig { display: block; font-size: 1.2rem; line-height: 1.25; margin: 0 0 2px; }
.srow__w { display: block; font-size: 0.9375rem; line-height: var(--lh-20); }
.srow.is-open .srow__fig { font-size: 1.728rem; line-height: 1.15; margin: 2px 0 4px; letter-spacing: -0.01em; }
.srow.is-open .srow__w { font-size: 1rem; line-height: var(--lh-24); color: var(--text-secondary); }
.srow.is-open .srow__rec { margin-top: 2px; }

/* ---- layout: single reading column; the verdict object still crowns the rail on desktop (Crown
   Trick, its own rule above); the rail stacks BELOW everything on phone instead of vanishing
   (screen-one item 10, unchanged from build-D2.py). ---- */
@media (max-width: 860px) {
  .pmlp-sidebar { display: block; grid-column: 1; grid-row: auto; margin-top: var(--space-6); }
}
.pmlp-sidebar { margin-top: 0; }
@media (min-width: 861px) { .pmlp-sidebar { display: flex; flex-direction: column; gap: var(--space-4); grid-column: 2; grid-row: 1 / span 40; align-self: start; margin-top: 0; }
  /* the rail is a flex column capped at the viewport: a card that may clip (overflow hidden) must not shrink to fit, or its face collapses to a sliver (2026-09-11 desktop render) */
  .pmlp-sidebar > * { flex: 0 0 auto; } }

/* (the top-index chip/anchor CSS was retired with the organ -- her 9/16 second evening
   correction; the treatments live in git and the rig record) */

/* ---- THE NO-CODE DEALS AT THE LIST'S FOOT (Amanda, 2026-09-16: the index rig question, then
   her late-Wednesday deal-rows ruling on the-deal-rows-in-the-list.html: "there's no reason for
   this to be different than the other content blocks design wise"). No frame, no bordered title,
   no anchor jumps: a plain group label, then three rows in the code list's own srow grammar that
   open in line. The srow card dress and spacing come from the page's own .srow rules. ---- */
.srow-deals { margin-top: var(--space-3); }
/* the group header, bumped twice on her notes (9/16 evening), then unboxed by the deal-rows
   ruling: her ruled size, in the open plane, with the list's own gap before the first row */
.srow-deals__head { margin: var(--space-4) 0 var(--space-3); font-size: 1.2rem; line-height: 1.2;
  font-weight: var(--weight-semibold); color: var(--text-primary); }
.srow-deals .rowx-edge { margin-top: var(--space-2); }
.srow-deals .dx-conds { margin: var(--space-2) 0; }
.srow-deals .rowx-action { margin-top: var(--space-2); }
.srow-deals .pc-gateway { margin: 0; }

/* ---- mockup chrome note: the studio annotation sidecar (apanel / anno-toggle) is untouched by
   this direction; its own CSS from the base stylesheet still applies unchanged. ---- */


/* ==================================================================
THE WORKSTATION SHEET -- Amanda Lasnik's fork addition, 2026-09-09.
Desktop >=861px: a centered panel. Phone: a bottom sheet at 92svh, never full screen. Three zones:
a fixed 44px handle, a scrolling body, a fixed CTA dock holding exactly ONE action-class slot.
================================================================== */
.wsx-shell { position: fixed; inset: 0; z-index: 500; display: flex; align-items: flex-end;
  justify-content: center; background: var(--surface-overlay);
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity var(--duration-slide) var(--ease-industrial); }
.wsx-shell.is-open { opacity: 1; visibility: visible; pointer-events: auto; }
.wsx-surface { display: flex; flex-direction: column; width: 100%; height: 92svh;
  background: var(--surface-elevated); border: 1px solid var(--v3-border-primary);
  border-radius: var(--radius-xl) var(--radius-xl) 0 0;
  transform: translateY(105%); transition: transform var(--duration-slide) var(--ease-industrial); }
.wsx-shell.is-open .wsx-surface { transform: translateY(0); }
@media (min-width: 861px) {
  .wsx-shell { align-items: center; }
  .wsx-surface { width: min(680px, 92vw); height: auto; max-height: 85vh; border-radius: var(--radius-xl); }
}

/* zone 1: the 44px handle -- a drag grip (mobile) + the 44x44 close control, same zone */
.wsx-handle { position: relative; flex: 0 0 44px; display: flex; align-items: center; justify-content: center; }
.wsx-handle__grip { width: 36px; height: 4px; border-radius: var(--radius-full); background: var(--gray-700); }
.wsx-close { position: absolute; top: 0; right: 0; width: 44px; height: 44px; display: flex;
  align-items: center; justify-content: center; background: none; border: none; color: var(--text-tertiary);
  font-size: 1.2rem; line-height: 1; cursor: pointer; }
.wsx-close:hover { color: var(--text-primary); }

/* zone 2: the scrolling body -- tightened (Amanda's cue ruling 2026-09-16: treatment A): the hero
   block closes up so the board starts higher and the door's edge lands ON a row, not after one */
.wsx-body { flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; padding: 0 var(--space-5) var(--space-4); }
.wsx-body .mh__brand { margin-bottom: var(--space-2); }

/* the offer, first line of the hero block (ruled 2026-09-16 12:25pm): figure type, then the hero's
   own condition chips as plain words on mid-dots (the page's separator law: a dot never starts a line) */
.wsx-offer { margin: 0 0 var(--space-3); }
.wsx-offer__fig { font-size: 1.2rem; line-height: 1.15; font-weight: var(--weight-bold);
  color: var(--text-primary); margin: 0 0 5px; }
.wsx-offer__conds { margin: 0; font-size: 0.694rem; line-height: var(--lh-16);
  color: var(--text-tertiary); }
.wsx-offer__cond { display: inline; }
.wsx-offer__cond::after { content: '\00b7'; color: var(--text-muted); padding: 0 .5em; }
.wsx-offer__cond:last-child::after { content: none; }

/* the code slot -- Treatment A continuity: the SAME outlined-rectangle idiom as .verdict__action
   (var(--surface-inset), a hairline border, 12px radius), simplified: the code, and under it the
   record line -- no "Copied" indicator here, the copy happens on the door. */
.wsx-codegroup { margin-bottom: var(--space-2); }
.wsx-codeslot { display: flex; align-items: center; min-height: 56px; padding: 0 var(--space-4);
  border: 1px solid var(--v3-border-secondary); border-radius: 12px; background: var(--surface-inset); }
.wsx-codeslot .wsx-dots i { width: 8px; height: 8px; }
.wsx-codeslot__value { font-family: var(--font-mono); font-feature-settings: var(--features-mono);
  font-size: 1.728rem; letter-spacing: 0.08em; color: var(--text-primary); font-weight: var(--weight-medium); }
.wsx-record { margin-top: var(--space-2); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); }
.wsx-trust { font-family: var(--font-mono); font-feature-settings: var(--features-mono);
  font-size: 0.694rem; line-height: var(--lh-16); color: var(--text-tertiary); margin-bottom: var(--space-3); }
/* the teach line sits BELOW the board now (the ruled allowance in the 12:40 cue ruling); the old
   hero/board separator moves onto the board head's top border. Specificity .wsx-body-scoped so the
   rowx treatment-C margins (appended later in the cascade) do not re-open the old position. */
.wsx-teach { font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); }
.wsx-body .wsx-teach--below { margin: var(--space-2) 0 0; padding: var(--space-3) 0 0;
  border-top: 1px solid var(--v3-border-secondary); border-bottom: 0; }
.wsx-body .wsx-boardhead { border-top: 1px solid var(--v3-border-secondary); padding-top: var(--space-3); }
.wsx-body .wsx-trust { margin-bottom: var(--space-3); }
/* the hand-off: a row, not a whisper (her 9/16 note: the quiet line was "too faint and hard to
   notice"). Label + the three deals as underlined links; tapping one closes the sheet and lands
   on that deal's entry through the page's landing script. */
.wsx-handoff { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-2) var(--space-3);
  min-height: 48px; margin: var(--space-2) 0 0; padding: var(--space-3) 0 0;
  border-top: 1px solid var(--v3-border-secondary); }
.wsx-handoff__label { font-size: 0.694rem; line-height: var(--lh-16); color: var(--text-tertiary); }
.wsx-handoff__links { display: inline-flex; flex-wrap: wrap; gap: var(--space-2) var(--space-4); }
.wsx-handoff__links a { font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary);
  text-decoration: underline; text-decoration-color: var(--gray-600); text-underline-offset: 3px; }
.wsx-handoff__links a:hover { color: var(--text-primary); text-decoration-color: var(--gray-500); }

/* the eight-dot mask, page-wide for this sheet: CSS-drawn dots, never bullet text (see sheet_dots()) */
.wsx-dots { display: inline-flex; align-items: center; gap: 5px; flex: 0 0 auto; }
.wsx-dots i { width: 6px; height: 6px; border-radius: var(--radius-full); background: var(--gray-700); display: inline-block; }

/* the copy board -- every other code, one flat line each: dots/code, offer, quiet record or state
   word, Copy. No rank ordinal anywhere. The struck row stays struck (a negative kept visible, not
   removed); the candidate row keeps its own state word instead of a false "worked N of M". */
.wsx-board { display: flex; flex-direction: column; }
.wsx-row { display: flex; align-items: center; gap: var(--space-3); min-height: 48px; padding: var(--space-2) 0; }
.wsx-row + .wsx-row { border-top: 1px solid var(--v3-border-secondary); }
.wsx-row__code { font-family: var(--font-mono); font-feature-settings: var(--features-mono);
  font-size: 0.833rem; letter-spacing: 0.05em; color: var(--text-primary); flex: 0 0 auto; }
.wsx-row__fig { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-size: 0.833rem; color: var(--text-secondary); }
.wsx-row--struck { opacity: .6; }
.wsx-row--struck .wsx-row__fig { text-decoration: line-through; text-decoration-color: var(--gray-600); color: var(--text-tertiary); }
.wsx-row__rec { flex: 0 0 auto; font-size: 0.694rem; color: var(--text-tertiary); white-space: nowrap; }
.wsx-row__rec--state { font-family: var(--font-sans); font-feature-settings: var(--features-sans);
  text-transform: none; letter-spacing: normal; color: var(--text-tertiary); }   /* a state word is a label: sans, sentence case (2026-09-11) */
.wsx-row__copy { flex: 0 0 auto; min-height: 48px; padding: 0 var(--space-4); background: rgba(3,255,136,0.05);
  color: var(--green-300); border: 1px solid var(--green-800); border-radius: var(--radius-md);
  font-family: var(--font-sans); font-size: 0.833rem; font-weight: var(--weight-bold); cursor: pointer; }
.wsx-row__copy:hover { background: rgba(3,255,136,0.1); border-color: var(--green-600); }

/* zone 3: the fixed dock -- ONE action-class slot (S-32 item 1). The door is the ONLY filled
   green control anywhere in this sheet (S-32 item 8); the row Copy controls above are ghost-green,
   never a solid fill. */
.wsx-dock { flex: 0 0 auto; border-top: 1px solid var(--v3-border-secondary); background: var(--surface-elevated);
  padding: var(--space-3) var(--space-5) calc(16px + env(safe-area-inset-bottom)); }
.wsx-door { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 52px;
  background: var(--action-primary); color: var(--text-on-action); border: none; border-radius: var(--radius-md);
  font-family: var(--font-sans); font-size: 1rem; font-weight: var(--weight-bold); cursor: pointer; }
.wsx-door:hover { background: #28ffa0; }
.wsx-door:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--surface-base), 0 0 0 4px var(--green-600); }
.wsx-doorline { margin-top: var(--space-2); font-size: 0.694rem; line-height: var(--lh-16); color: var(--text-tertiary); }
.wsx-codeslot { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }
.wsx-slot__copy { min-height: 44px; }
/* ruling 23 (Amanda, 2026-09-11, rig the-copy-control.html, treatment A): one control, split. After the tap the ruled
   rectangle is a two-cell control: the code cell and a Copy cell that fills the full height at the right edge, one
   hairline between them, no inner border, no inset. The segment that said Show code now says Copy; the shape does not
   change. Copied (the ruled light fill) lands on the cell. */
.wsx-codeslot { padding: 0 0 0 var(--space-4); gap: var(--space-3); overflow: hidden; }
.wsx-slot__copy { align-self: stretch; height: auto; min-height: 56px; margin-left: auto; padding: 0 18px; border: 0; border-left: 1px solid var(--v3-border-secondary); border-radius: 0; background: transparent; }
.wsx-slot__copy:hover { background: rgba(3,255,136,0.06); border-color: var(--v3-border-secondary); }
.wsx-slot__copy.is-copied, .wsx-slot__copy.is-copied:hover { background: var(--gray-200); color: #000; border-color: var(--gray-200); }
/* long codes: the big code steps down a size (12+ chars, 17+ chars) rather than overflowing the slot; never breaks mid-code */
.wsx-codeslot__value { overflow-wrap: anywhere; min-width: 0; }
.wsx-codeslot__value.is-long { font-size: 1.2rem; letter-spacing: .06em; }
.wsx-codeslot__value.is-xlong { font-size: 1rem; letter-spacing: .04em; }
@media (min-width: 861px) { .wsx-codeslot__value.is-long { font-size: 1.728rem; letter-spacing: 0.08em; } .wsx-codeslot__value.is-xlong { font-size: 1.2rem; letter-spacing: .06em; } }  /* the desktop panel is 680px wide: long codes keep more size there */
/* the door never clips: a domain longer than the line wraps and the door grows; the code in the receipt line is mono */
.wsx-door { white-space: normal; line-height: 1.25; padding: 12px var(--space-4); border-radius: 12px 12px 0 0; }
/* the strip: the door's lower half. Black on the sheet's dark canvas, one hairline, shared corners; the code in mono. */
.wsx-doorstrip { display: flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 var(--space-4); background: #000;
  border: 1px solid var(--v3-border-primary); border-top: 0; border-radius: 0 0 12px 12px; font-size: 0.694rem; line-height: var(--lh-16);
  color: var(--text-secondary); cursor: pointer; }
.wsx-doorstrip__code { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.833rem; letter-spacing: .05em;
  color: var(--text-primary); overflow-wrap: anywhere; }
.wsx-doorline { margin-top: var(--space-3); }
.wsx-doorline__code { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-weight: var(--weight-medium); color: var(--text-secondary); letter-spacing: .04em; }
.wsx-boardhead { margin: var(--space-5) 0 var(--space-2); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-tertiary); }
/* Copied is the selection state, on the button itself: a light fill, never a second green (one filled green per page) */
.wsx-row__copy.is-copied { background: var(--gray-200); color: #000; border-color: var(--gray-200); }
.wsx-row__copy.is-copied:hover { background: var(--gray-100); border-color: var(--gray-100); }
.wsx-row__code { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 1rem; letter-spacing: .06em; color: var(--text-primary); flex: 0 0 auto; }
/* rows never truncate (Amanda's standing rule): the figure wraps; when the action does not fit beside it, it drops to
   its own line, right-aligned. */
.wsx-row { flex-wrap: wrap; row-gap: 4px; }
.wsx-row__fig { white-space: normal; overflow: visible; text-overflow: clip; flex: 1 1 120px; }
.wsx-row__rec { white-space: normal; }
.wsx-row__copy { margin-left: auto; }
.wsx-disclosure { margin-top: var(--space-2); font-size: 0.694rem; line-height: var(--lh-16); color: var(--text-muted); }

/* the page's own sticky grab-bar goes inert while the sheet is open -- hidden by transform, never
   removed (S-32 item 7); the same transform property #sbar already uses for its own closed state. */
.sbar.wsx-inert { transform: translateY(110%) !important; pointer-events: none !important; }



/* ---- inside the row (Amanda, 2026-09-10): the opened body in the page's own grammar ---- */
.srow .code-card.rowx, .srow .code-card.code-card--hero.rowx { margin-top: var(--space-2); padding: 0; border: 0; box-shadow: none; background: transparent; overflow: visible; }
.rowx-action { display: flex; align-items: stretch; max-width: 480px; margin: var(--space-2) 0 var(--space-3);
  border: 1px solid var(--v3-border-primary); border-radius: 12px; background: var(--surface-inset); overflow: hidden; }
.rowx-action .code-card__mask-row { flex: 1 1 0; min-width: 0; overflow: hidden; display: flex; align-items: center; padding: 0 12px; margin: 0; }
.rowx-action .code-mask { font-size: 0.9375rem; letter-spacing: .22em; color: var(--text-tertiary); white-space: nowrap; }
.rowx-action .code-card__cta { flex: 0 0 auto; white-space: nowrap; width: auto; min-height: 52px; margin: 0; padding: 0 18px;
  border: 0; border-left: 1px solid var(--v3-border-primary); border-radius: 0; background: transparent; color: var(--green-400, #03ff88);
  font-size: 1rem; font-weight: var(--weight-semibold); box-shadow: none; }
.rowx-action .code-card__cta:hover { background: rgba(3,255,136,0.06); box-shadow: none; }
.rowx-action a.code-card__cta { display: flex; align-items: center; justify-content: center; text-decoration: none; }
.rowx-action--bare .code-card__cta { border-left: 0; }
.rowx-record { margin: 0 0 var(--space-2); font-family: var(--font-mono); font-feature-settings: var(--features-mono);
  font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); display: flex; flex-wrap: wrap; align-items: baseline; }
/* the dot rides the END of each fact (padding, no space, so no break opportunity before it): a separator never
   starts a wrapped line, and a long fact still wraps inside itself instead of clipping */
.rowx-record .rowx-sep, .rowx-record .code-card__meta-sep, .rowx-conds .code-card__meta-sep { display: none; }
.rowx-record > span:not(.rowx-sep)::after, .rowx-conds .dx-cond::after { content: '\00b7'; color: var(--text-muted); padding: 0 .55em; }
.rowx-record > span:not(.rowx-sep):last-child::after, .rowx-conds .dx-cond:last-child::after { content: none; }
.rowx-record .code-card__badge { font: inherit; letter-spacing: 0; text-transform: none; padding: 0; margin: 0; border: 0; background: none; border-radius: 0; color: var(--green-400, #03ff88); }
.rowx-record .code-card__badge--community, .rowx-record .code-card__badge--top-pick { color: var(--text-primary); }
.rowx-record .pc-badge--ruled-out { color: var(--text-tertiary); }
.rowx-record .code-card__badge-dot { display: none; }
.rowx-record time { font: inherit; color: inherit; }
.rowx-record b { color: var(--text-primary); font-weight: var(--weight-medium); }
.rowx-conds { margin: 0 0 var(--space-2); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); }
.rowx-conds .dx-cond { font-family: var(--font-sans); font-size: 0.833rem; line-height: inherit; color: inherit; white-space: normal; }
.rowx-edge, .rowx-note { margin: 0 0 var(--space-2); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); display: block; -webkit-line-clamp: unset; overflow: visible; }
.rowx-edge b, .rowx-note b { color: var(--text-primary); font-weight: var(--weight-medium); }
.rowx-note { font-family: var(--font-sans); }
.rowx-pointer { margin: 0 0 var(--space-2); }
.rowx-pointer .pc-pointer { display: inline; min-height: 0; padding: 0; }
.rowx-pointer .pc-pointer .arr { margin-left: 4px; }
.rowx .code-story { margin: var(--space-3) 0 0; padding: 0; border: 0; font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); }
.rowx-head { margin: 0 0 var(--space-2); font-size: 1rem; line-height: var(--lh-24); color: var(--text-primary); }
.rowx-head .rowx-label { display: block; font-size: 0.833rem; line-height: var(--lh-20); font-weight: var(--weight-medium); color: var(--text-tertiary); }
.rowx-head .rowx-fig { font-weight: var(--weight-semibold); text-transform: none; }
.rowx-head .rowx-w { font-weight: var(--weight-regular); color: var(--text-primary); }
.rowx-more { margin-top: var(--space-4); padding-top: var(--space-3); border-top: 1px solid var(--v3-border-secondary); }
.rowx-more__h { margin: 0 0 var(--space-2); font-size: 0.9375rem; line-height: var(--lh-20); font-weight: var(--weight-semibold); color: var(--text-primary);
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 var(--space-3); }
.rowx-count { font-size: 0.833rem; font-weight: var(--weight-regular); color: var(--text-tertiary); }
.rowx .code-card__ledger-title { margin: var(--space-4) 0 var(--space-2); font-size: 0.9375rem; line-height: var(--lh-20); letter-spacing: 0; text-transform: none;
  font-weight: var(--weight-semibold); color: var(--text-primary); }
.rowx .dx-about { margin: 0 0 var(--space-2); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); }
.rowx .dx-conds { margin: 0 0 var(--space-2); gap: 2px; }
.rowx .dx-conds li { font-family: var(--font-sans); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); }
.rowx .dx-conds--typed li { display: grid; grid-template-columns: 6rem minmax(0, 1fr); column-gap: 12px; row-gap: 0; align-items: baseline; }
.rowx .dx-conds--typed .t { font-family: var(--font-sans); font-size: 0.833rem; line-height: var(--lh-20); letter-spacing: 0; text-transform: none; color: var(--text-tertiary); white-space: normal; }
.rowx .dx-conds--typed .w { color: var(--text-secondary); justify-self: start; text-align: left; }
.rowx .dx-tray__body { padding: 0; margin: 0; background: none; border: 0; }
.rowx .ledger-list { margin: 0; }
.rowx .ledger-entry { padding-left: 0; padding: var(--space-3) 0; border-top: 1px solid var(--v3-border-secondary); background: none; border-left: 0; border-right: 0; border-bottom: 0; border-radius: 0; margin: 0; }
.rowx .ledger-entry--official, .rowx .ledger-entry--engine { background: none; border-color: var(--v3-border-secondary); box-shadow: none; }
.rowx .ledger-entry:first-child { border-top: 0; padding-top: 0; }
.rowx .ledger-entry::before { display: none; }
.rowx .ledger-entry--shot-row { padding-bottom: var(--space-3); }
.rowx .ledger-entry__shot, .rowx .ledger-entry__avatar-img { display: none; }
.rowx .ledger-more.rowx-unfolded > div { max-height: none; }
.rowx .ledger-more .ledger-list { margin: 0; }
.rowx .ledger-more .ledger-entry:first-child { border-top: 1px solid var(--v3-border-secondary); padding-top: var(--space-3); }
.rowx .ledger-entry__user { font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-primary); font-weight: var(--weight-medium); }
.rowx .ledger-entry__time { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-tertiary); }
.rowx .ledger-entry__result { font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); margin: 2px 0 0; }
.rowx .ledger-entry__result--pass, .rowx .ledger-entry__result--fail { color: var(--text-secondary); }
.rowx .pc-linkout { min-height: 0; padding: 0; margin-top: var(--space-2); }
.rowx-report { margin: var(--space-3) 0 0; }
.rowx-report .dx-report-btn { min-height: 0; padding: 0; font-size: 0.833rem; }
.rowx-rest { margin-top: var(--space-2); font-size: 0.833rem; color: var(--text-secondary); }
/* the rail card parked in the hero row: a plain section, not a card inside a card */
.srow__body .rc { background: none; border: 0; border-top: 1px solid var(--v3-border-secondary); border-radius: 0; padding: var(--space-3) 0 0; margin: var(--space-4) 0 0; }
.srow__body .rc__h { color: var(--text-primary); margin: 0 0 var(--space-1); }
.srow__body .rc__headline { font-weight: var(--weight-medium); }
.srow__body .rc__sub { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); margin-top: var(--space-1); }
.srow__body .rc__stars { font-size: 0.833rem; margin-top: var(--space-1); }
@media (max-width: 560px) { .rowx-action { max-width: none; } }

/* the sheet's teach zone: everything about the code on top, under the copy board (S-32) */
/* ruling 22 (Amanda, 2026-09-10, rig the-door-and-the-code.html, treatment A): the sheet reads code, record, board, door;
   the About sections fold behind their heading, closed at rest; the desktop surface caps at 720px; one record block
   under the code; 44px board rows. Every hiding is the page's clip primitive (S-32 item 10: never display:none). */
@media (min-width: 861px) { .wsx-surface { max-height: min(85vh, 720px); } }
.wsx-record { margin-top: var(--space-3); font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); }
.wsx-trust { margin: 0 0 var(--space-3); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-tertiary); }
.wsx-teach { margin-bottom: var(--space-3); padding-bottom: var(--space-3); }
.wsx-boardhead { margin: var(--space-3) 0 var(--space-1); }
.wsx-row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "dots fig copy" "dots rec copy"; column-gap: var(--space-3); row-gap: 0; align-items: center; min-height: 44px; padding: 6px 0; }
.wsx-row .wsx-dots { grid-area: dots; }
.wsx-row .wsx-row__fig { grid-area: fig; min-width: 0; }
.wsx-row .wsx-row__code { grid-area: dots; white-space: nowrap; }  /* the revealed code takes the dots' place, beside the offer */
.wsx-row .wsx-row__rec { grid-area: rec; white-space: normal; text-align: left; font-size: 0.694rem; line-height: var(--lh-16); }
.wsx-row .wsx-row__copy { grid-area: copy; min-height: 40px; align-self: center; }
.wsx-more-wrap { margin-top: var(--space-3); }
.wsx-more { max-height: 0; overflow: hidden; border-top: 0; padding-top: 0; }
.wsx-more.is-current { max-height: none; border-top: 1px solid var(--v3-border-secondary); }
.wsx-more__h { margin: 0; }
.rowx-about__h { margin: 0; }
.wsx-more__face { display: flex; width: 100%; align-items: baseline; gap: 0 var(--space-3); min-height: 44px; padding: var(--space-2) 0; margin: 0; background: none; border: 0; color: var(--text-primary); font: inherit; font-size: 0.9375rem; line-height: var(--lh-20); font-weight: var(--weight-semibold); text-align: left; cursor: pointer; }
.rowx-about__face { display: flex; width: 100%; align-items: baseline; gap: 0 var(--space-3); min-height: 44px; padding: var(--space-2) 0; margin: 0; background: none; border: 0; color: var(--text-primary); font: inherit; font-size: 0.9375rem; line-height: var(--lh-20); font-weight: var(--weight-semibold); text-align: left; cursor: pointer; }
.wsx-more__face::after { content: '▸'; margin-left: auto; font-size: 0.694rem; color: var(--text-muted); transition: transform .18s; transform-origin: 50% 55%; }
.wsx-more.is-open .wsx-more__face::after { transform: rotate(90deg); }
.wsx-more__body { max-height: 0; overflow: hidden; }
.rowx-about__body { max-height: 0; overflow: hidden; }
.wsx-more.is-open .wsx-more__body { max-height: none; padding-bottom: var(--space-3); }
.rowx-about.is-open .rowx-about__body { max-height: none; padding-bottom: var(--space-3); }
.wsx-more .rowx-count { font-size: 0.833rem; font-weight: var(--weight-regular); color: var(--text-tertiary); }
.rowx-about .rowx-count { font-size: 0.833rem; font-weight: var(--weight-regular); color: var(--text-tertiary); }
.wsx-more__face .rowx-count { color: var(--text-tertiary); font-weight: var(--weight-regular); }
.rowx-about__face .rowx-count { color: var(--text-tertiary); font-weight: var(--weight-regular); }
.wsx-more .code-story { margin: 0 0 var(--space-3); padding: 0; border: 0; font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); }
.rowx-about .code-story { margin: 0 0 var(--space-3); padding: 0; border: 0; font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); }
.wsx-more .code-card__ledger-title { margin: var(--space-4) 0 var(--space-2); font-size: 0.9375rem; line-height: var(--lh-20); letter-spacing: 0; text-transform: none; font-weight: var(--weight-semibold); color: var(--text-primary); }
.rowx-about .code-card__ledger-title { margin: var(--space-4) 0 var(--space-2); font-size: 0.9375rem; line-height: var(--lh-20); letter-spacing: 0; text-transform: none; font-weight: var(--weight-semibold); color: var(--text-primary); }
.wsx-more .dx-about { margin: 0 0 var(--space-2); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); }
.rowx-about .dx-about { margin: 0 0 var(--space-2); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); }
.wsx-more .dx-tray__body { padding: 0; margin: 0; background: none; border: 0; }
.rowx-about .dx-tray__body { padding: 0; margin: 0; background: none; border: 0; }
.wsx-more .ledger-list { margin: 0; }
.rowx-about .ledger-list { margin: 0; }
.wsx-more .ledger-entry { padding: var(--space-3) 0; padding-left: 0; border: 0; border-top: 1px solid var(--v3-border-secondary); background: none; border-radius: 0; margin: 0; box-shadow: none; }
.rowx-about .ledger-entry { padding: var(--space-3) 0; padding-left: 0; border: 0; border-top: 1px solid var(--v3-border-secondary); background: none; border-radius: 0; margin: 0; box-shadow: none; }
.wsx-more .ledger-entry:first-child { border-top: 0; padding-top: 0; }
.rowx-about .ledger-entry:first-child { border-top: 0; padding-top: 0; }
.wsx-more .ledger-entry::before { display: none; }
.rowx-about .ledger-entry::before { display: none; }
.wsx-more .ledger-entry__user { font-size: 0.833rem; color: var(--text-primary); font-weight: var(--weight-medium); }
.rowx-about .ledger-entry__user { font-size: 0.833rem; color: var(--text-primary); font-weight: var(--weight-medium); }
.wsx-more .ledger-entry__time { font-family: var(--font-mono); font-size: 0.833rem; color: var(--text-tertiary); }
.rowx-about .ledger-entry__time { font-family: var(--font-mono); font-size: 0.833rem; color: var(--text-tertiary); }
.wsx-more .ledger-entry__result { font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); margin: 2px 0 0; }
.rowx-about .ledger-entry__result { font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); margin: 2px 0 0; }
.wsx-more .dx-conds { margin: 0 0 var(--space-2); gap: 2px; }
.rowx-about .dx-conds { margin: 0 0 var(--space-2); gap: 2px; }
.wsx-more .dx-conds li { font-family: var(--font-sans); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); }
.rowx-about .dx-conds li { font-family: var(--font-sans); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); }
.wsx-more .dx-conds--typed li { display: grid; grid-template-columns: 6rem minmax(0, 1fr); column-gap: 12px; row-gap: 0; align-items: baseline; }
.rowx-about .dx-conds--typed li { display: grid; grid-template-columns: 6rem minmax(0, 1fr); column-gap: 12px; row-gap: 0; align-items: baseline; }
.wsx-more .dx-conds--typed .t { font-family: var(--font-sans); font-size: 0.833rem; line-height: var(--lh-20); letter-spacing: 0; text-transform: none; color: var(--text-tertiary); white-space: normal; }
.rowx-about .dx-conds--typed .t { font-family: var(--font-sans); font-size: 0.833rem; line-height: var(--lh-20); letter-spacing: 0; text-transform: none; color: var(--text-tertiary); white-space: normal; }
.wsx-more .dx-conds--typed .w { color: var(--text-secondary); justify-self: start; text-align: left; }
.rowx-about .dx-conds--typed .w { color: var(--text-secondary); justify-self: start; text-align: left; }
.wsx-more .ledger-entry__shot, .wsx-more .ledger-entry__avatar-img { display: none; }
.rowx-about .ledger-entry__shot, .rowx-about .ledger-entry__avatar-img { display: none; }
.wsx-more .ledger-more.rowx-unfolded > div { max-height: none; }
.rowx-about .ledger-more.rowx-unfolded > div { max-height: none; }
.wsx-more .ledger-more .ledger-entry:first-child { border-top: 1px solid var(--v3-border-secondary); padding-top: var(--space-3); }
.rowx-about .ledger-more .ledger-entry:first-child { border-top: 1px solid var(--v3-border-secondary); padding-top: var(--space-3); }
.wsx-more .rowx-pointer .pc-pointer { display: inline; min-height: 0; padding: 0; }
.rowx-about .rowx-pointer .pc-pointer { display: inline; min-height: 0; padding: 0; }


/* ---- the grammar inside a section (grammar.py) ---- */
/* labels: sans, sentence case */
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) :is(.nc-deal__type, .chan__type, .pc-gateway, .pc-steps__h, .band-label, .absent__t, .dx-eyebrow, .rvw-chip, .cp-countline, .k, .pm__chips-label, .lchip, .dx-tl__date, .method-stat__label, .kz-block__badge, .dx-sum-min, .reseller-card__store-name, .rvw-lbl, .code-card__ledger-title)
  { font-family: var(--font-sans); font-feature-settings: var(--features-sans); font-size: 0.833rem; line-height: var(--lh-20); letter-spacing: normal; text-transform: none; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) :is(.rvw-chip, .pc-gateway, .lchip, .pm__chip, .kz-block__badge) { display: inline; border: 0; background: none; padding: 0; margin: 0; color: var(--text-tertiary); border-radius: 0; box-shadow: none; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) :is(.pc-gateway, .pm__chip, .kz-callout) > svg, :is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pc-gateway svg { display: none; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .rvw-chip + .rvw-chip::before { content: '·'; padding: 0 .45em; color: var(--text-muted); }
/* organs inside a section: rows on hairlines, never a card inside a card */
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) :is(.kz-callout, .statline, .dx-review, .nc-deal, .chan, .hack, .sgcomp, .pc-notes, .rvw-invite, .absent, .rc, .dx-watch, .band-label, .pm__seg, .pm__bar, .dx-spark-wrap, .dx-cal__body)
  { border: 0; border-radius: 0; background: none; padding: var(--space-3) 0; margin: 0; box-shadow: none; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) :is(.dx-review, .nc-deal, .chan, .hack) { border-bottom: 1px solid var(--v3-border-secondary); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) :is(.dx-review, .nc-deal, .chan, .hack):last-child { border-bottom: 0; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .kz-callout { border-left: 2px solid var(--green-800); padding-left: var(--space-3); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .absent { border-left: 2px solid var(--v3-border-primary); padding-left: var(--space-3); }
/* icon tiles go; titles start at the margin */
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) :is(.nc-deal__icon, .chan__icon, .method-step__icon, .kz-callout__icon, .trust__icon, .dx-ico, .dx-meter__shape, .ledger-entry__avatar-img, .ledger-entry__shot, .nc-deal__logo, .reseller-card__arrow, .reseller-card__logo-img) { display: none; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) :is(.nc-deal, .chan, .hack, .method-step, .kz-callout, .rvw-invite) { display: block; }
/* one typeface per block: emphasis in prose is sans semibold */
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) :is(p, li, .vcap__verdict, .cvx-p, .dx-about, .kz-callout, .nc-deal__desc, .method-step__desc, .hack__body, .sgcomp, .faq-a, .rvw-body) :is(b, strong)
  { font-family: var(--font-sans); font-feature-settings: var(--features-sans); font-weight: var(--weight-semibold); letter-spacing: normal; color: var(--text-primary); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .nc-deal__val, :is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pc-discount { font-family: var(--font-sans); font-feature-settings: var(--features-sans); font-weight: var(--weight-semibold); letter-spacing: normal; text-transform: none; }
/* a card's meta strip is one record line */
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .code-card__meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0; padding: 0; margin: var(--space-2) 0 0; font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .code-card__meta-item { display: inline; gap: 0; font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .code-card__meta-sep { display: inline; width: auto; height: auto; background: none; border-radius: 0; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .code-card__meta-sep::before { content: '·'; padding: 0 .55em; color: var(--text-muted); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .code-story { border-top: 0; padding-top: var(--space-2); }
/* the ledger */
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .ledger-entry { padding-left: 0; background: none; border-left: 0; border-right: 0; border-radius: 0; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .ledger-entry::before { display: none; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) :is(.ledger-entry__result--pass, .ledger-entry__result--fail, .ledger-entry__result) { color: var(--text-secondary); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .ledger-entry__time { font-size: 0.833rem; }
/* stats: two to a row, value over label, left-aligned */
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) :has(> .method-stat) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3) var(--space-4); padding: var(--space-3) 0; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .method-stat { display: block; text-align: left; padding: 0; margin: 0; border: 0; background: none; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .method-stat__value { display: block; width: auto; min-width: 0; text-align: left; white-space: nowrap; font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 1.2rem; line-height: 1.3; color: var(--green-400, #03ff88); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .method-stat__label { display: block; margin-top: 2px; color: var(--text-secondary); }
/* charts and the jump bar fit the column */
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .bar-chart__bars { min-width: 0; max-width: 100%; gap: 3px; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .bar-col { flex: 1 1 0; min-width: 0; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .bar-col__value { font-size: 0.694rem; white-space: nowrap; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .bar-chart__labels { min-width: 0; max-width: 100%; display: flex; gap: 3px; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .bar-chart__label { flex: 1 1 0; min-width: 0; font-size: 0.694rem; letter-spacing: -0.02em; white-space: nowrap; overflow: hidden; text-align: center; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .dx-jumpbar { display: flex; flex-wrap: wrap; gap: 6px 16px; overflow: visible; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .dx-jumpbar a { white-space: normal; border: 0; background: none; padding: 0; font-family: var(--font-sans); font-size: 0.833rem; color: var(--text-secondary); }
/* the drawer's sweep log: lines, not pills */
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pm__chips { display: flex; flex-wrap: wrap; gap: 4px 14px; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pm__chip { height: auto; font-size: 0.833rem; color: var(--text-secondary); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pm__chip b, :is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .lchip b, :is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pm__seg b { font-family: var(--font-sans); font-feature-settings: var(--features-sans); font-weight: var(--weight-semibold); color: var(--text-primary); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pm__seg, :is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pm__bar { font-family: var(--font-sans); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) :is(.lav, .cvx-flank) { border: 0; background: none; padding: 0; }
/* FAQ questions are rows */
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .faq-item, :is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .faq-item.fold-shell { border: 0; border-radius: 0; background: none; margin: 0; padding: 0; border-bottom: 1px solid var(--v3-border-secondary); overflow: visible; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .faq-item:last-child { border-bottom: 0; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .faq-q { justify-content: flex-start; padding: var(--space-3) 0; gap: var(--space-3); font-size: 0.9375rem; font-weight: var(--weight-medium); color: var(--text-primary); text-align: left; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .faq-q::before { display: none; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .faq-q::after { content: '▸'; margin-left: auto; font-family: var(--font-sans); font-size: 0.694rem; font-weight: var(--weight-regular); color: var(--text-muted); transition: transform .18s; transform-origin: 50% 55%; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .faq-item.is-open > .faq-q::after, :is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .faq-item[open] > .faq-q::after { content: '▸'; transform: rotate(90deg); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .faq-a { padding: 0 0 var(--space-3); color: var(--text-secondary); }
/* deal buttons: compact, one line, no arrows */
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .nc-deal .code-card__cta { display: inline-flex; width: auto; min-height: 44px; padding: 0 18px; margin-top: var(--space-3); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .nc-deal .code-card__cta svg { display: none; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .nc-deal .pc-gateway { display: block; margin-top: var(--space-2); }
/* dates read as dates */
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .dx-tl__date, :is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .cl-row > :first-child { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.833rem; text-transform: none; letter-spacing: normal; color: var(--text-tertiary); }
/* sub-heads inside a section sit one step under the section's title */
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) :is(h3, h4, h5, .method-step__title, .nc-deal__title, .guide-h3, .sgcomp__h, .dx-watch__h, .rvw-invite__t, .kz-callout__t, .hack__t, .chan__title, .cvx-h3, .dx-cal__t, .rvw-h, .rc__headline)
  { font-size: 0.9375rem; line-height: var(--lh-20); font-weight: var(--weight-medium); color: var(--text-secondary); }
/* second pass on the renders: the sweep log's bar overlapped its own labels; its total line was still mono display size;
   deal values were larger than the title they sit in; chart month labels clipped; a parked card's button was a bar */
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pm__bar { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; position: static; height: auto; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pm__bar > * { position: static; width: auto; height: auto; flex: 0 0 auto; background: none; border: 0; padding: 0; margin: 0; background-image: none; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pm__seg, :is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pm__seg > * { font-family: var(--font-sans); font-feature-settings: var(--features-sans); font-size: 0.833rem; line-height: var(--lh-20); font-weight: var(--weight-regular); color: var(--text-secondary); letter-spacing: normal; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pm__seg b { font-weight: var(--weight-semibold); color: var(--text-primary); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .nc-deal__val { font-size: 0.9375rem; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .bar-chart__bars, :is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .bar-chart__labels { gap: 2px; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .bar-chart__label { letter-spacing: -0.04em; overflow: visible; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .rc .minicta { display: inline-flex; width: auto; min-height: 44px; padding: 0 18px; margin-top: var(--space-3); background: rgba(3,255,136,0.05); color: var(--green-300); border: 1px solid var(--green-800); border-radius: var(--radius-md); font-size: 0.833rem; font-weight: var(--weight-semibold); }
/* third pass on the renders (the whole atlas, both directions): the testing funnel was a bar chart with no bars, so it
   reads as one record line; a card's typed conditions lost their icon column and the labels sat on the words; a card's
   condition strip was centred (a button's default); report rows put the name in a narrow column beside the record;
   the day-chart's pin floated over the chart; the section job line clipped; related stores were tiles in a frame;
   the retailer card ran its figure and its wording into one sentence; the capsule's stat strips were green chips */
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pm { display: block; margin: 0; padding: var(--space-2) 0 0; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pm__intake { font-size: 0.833rem; line-height: var(--lh-20); margin: 0 0 var(--space-2); color: var(--text-secondary); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pm__bar, :is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pm__bar--split, :is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pm__seg { display: inline; padding: 0; margin: 0; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pm__bar-label, :is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pm__seg > span { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pm__seg::before { content: '·'; padding: 0 .5em; color: var(--text-muted); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pm svg { display: none; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pm__connect { display: block; margin-top: var(--space-2); padding: 0; font-family: var(--font-sans); font-feature-settings: var(--features-sans); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pm__chips { margin-top: var(--space-2); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pm__chips-label { flex-basis: 100%; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .dx-conds--typed li { display: grid; grid-template-columns: 6rem minmax(0, 1fr); column-gap: 12px; row-gap: 0; align-items: baseline; padding: 3px 0; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .dx-conds--typed .t { grid-column: 1; font-family: var(--font-sans); font-feature-settings: var(--features-sans); font-size: 0.833rem; line-height: var(--lh-20); letter-spacing: normal; text-transform: none; color: var(--text-tertiary); white-space: normal; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .dx-conds--typed .w { grid-column: 2; font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); justify-self: start; text-align: left; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .dx-cond-row { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: baseline; text-align: left; gap: 0; width: 100%; padding: 0; margin: var(--space-2) 0 0; background: none; border: 0; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .dx-cond-row .dx-cond { font-family: var(--font-sans); font-feature-settings: var(--features-sans); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); text-transform: none; letter-spacing: normal; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .ledger-entry { display: block; padding: var(--space-3) 0; margin: 0; border: 0; border-top: 1px solid var(--v3-border-secondary); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .ledger-entry:first-child { border-top: 0; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .ledger-entry__user { display: inline; font-family: var(--font-sans); font-feature-settings: var(--features-sans); font-size: 0.833rem; line-height: var(--lh-20); font-weight: var(--weight-medium); color: var(--text-primary); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .ledger-entry__time { display: inline; font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-tertiary); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .ledger-entry__time::before { content: '·'; padding: 0 .5em; color: var(--text-muted); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .ledger-entry__result { display: block; margin: 2px 0 0; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .dx-spark-wrap { padding-top: 0; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .dx-spark-pin { position: static; display: block; text-align: right; font-size: 0.694rem; line-height: var(--lh-16); font-weight: var(--weight-regular); color: var(--text-secondary); margin: 0 0 4px; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .band-label { display: block; white-space: normal; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pmlp-related__list { display: block; margin-top: var(--space-2); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pmlp-related__link { display: block; height: auto; padding: var(--space-3) 0; background: none; border: 0; border-radius: 0; border-bottom: 1px solid var(--v3-border-secondary); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pmlp-related__list li:last-child .pmlp-related__link { border-bottom: 0; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pmlp-related__initial { display: none; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pmlp-related__top { display: block; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pmlp-related__name { font-size: 0.9375rem; line-height: var(--lh-20); font-weight: var(--weight-medium); color: var(--text-primary); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pmlp-related__hook { display: block; margin-top: 2px; font-size: 0.9375rem; line-height: var(--lh-20); color: var(--text-secondary); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pmlp-related__proof { display: block; margin-top: 2px; font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-tertiary); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .rowx-head .rowx-fig { display: block; font-size: 1.2rem; line-height: 1.25; margin: 2px 0; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .rowx-head .rowx-w { display: block; font-size: 0.9375rem; line-height: var(--lh-20); color: var(--text-secondary); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .vcap__stats { flex-wrap: wrap; gap: 0; margin-top: var(--space-2); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .vcap__stats > span + span::before { content: '·'; padding: 0 .5em; color: var(--text-muted); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .vcap__stats b, :is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .trust b { color: var(--text-primary); font-weight: var(--weight-medium); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .trust { flex-wrap: wrap; gap: 0; font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .trust__item { display: inline; white-space: normal; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .trust__item + .trust__item::before { content: '·'; padding: 0 .5em; color: var(--text-muted); }
/* fourth pass: a separator must never start a line (Amanda, 2026-09-09: "these dots in between the points are not
   working at mobile"). Record lines carry the dot on the END of each item, glued by nowrap; strips that wrap on a
   phone stack instead — one fact per line, no dots — the way the census lines were ruled */
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .code-card__meta-sep { display: none; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .code-card__meta-item::after { content: '·'; padding: 0 .55em; color: var(--text-muted); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .code-card__meta-item:last-child::after { content: none; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .dx-cond-row .dx-cond::after { content: '·'; padding: 0 .55em; color: var(--text-muted); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .dx-cond-row .dx-cond:last-child::after { content: none; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .rvw-chip + .rvw-chip::before { content: none; padding: 0; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .rvw-chip::after { content: '·'; padding: 0 .45em; color: var(--text-muted); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .rvw-chip:last-child::after { content: none; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .ledger-entry__time::before { content: none; padding: 0; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .ledger-entry__user::after { content: '·'; padding: 0 .5em; color: var(--text-muted); font-family: var(--font-mono); font-weight: var(--weight-regular); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pm__bar, :is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pm__bar--split, :is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pm__seg { display: block; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pm__seg::before { content: none; padding: 0; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .vcap__stats > span { display: block; width: 100%; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .vcap__stats > span + span::before { content: none; padding: 0; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .trust__item { display: block; width: 100%; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .trust__item + .trust__item::before { content: none; padding: 0; }
/* a label inside a sentence stays inside the sentence */
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) :is(p, li, span) > .band-label { display: inline; }
/* the parked "best move" lines inside a row read as one record */
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .rc__sub { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .rc__headline { font-size: 0.9375rem; font-weight: var(--weight-medium); color: var(--text-primary); }
/* every fold face shows the page's chevron (Amanda, 2026-09-11: "why do those not have chevrons? ... it functions in the
   exact same way"). Faces built with a .chev element already do; a converted fold whose face has none gets it drawn */
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .fold-btn:not(:has(.chev)):not(.faq-q) { display: flex; align-items: center; gap: var(--space-3); width: 100%; text-align: left; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .fold-btn:not(:has(.chev)):not(.faq-q)::after { content: '▸'; margin-left: auto; font-family: var(--font-sans); font-size: 0.694rem; font-weight: var(--weight-regular); color: var(--text-muted); transition: transform .18s; transform-origin: 50% 55%; flex: 0 0 auto; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .fold-shell.is-open > .fold-btn:not(:has(.chev)):not(.faq-q)::after, :is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .fold-shell.is-open > * > .fold-btn:not(:has(.chev)):not(.faq-q)::after { transform: rotate(90deg); }
/* from the component audit (design-audit.py, 2026-09-11): every instance of a class reads as one signature */
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) :is(.rvw-invite__t, .dx-watch__h, .sgcomp__h, .chan__title, .absent__t) { font-size: 0.9375rem; line-height: var(--lh-20); font-weight: var(--weight-medium); color: var(--text-secondary); font-family: var(--font-sans); text-transform: none; letter-spacing: normal; }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) :is(.nc-deal__type, .chan__type, .pc-gateway, .pc-steps__h, .band-label, .kz-block__badge, .dx-eyebrow) { font-weight: var(--weight-medium); color: var(--text-tertiary); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .nc-deal__meta, :is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .dx-review__when { font-size: 0.833rem; line-height: var(--lh-20); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .fold-shell__body :is(.rvw-invite, .dx-watch, .absent, .sgcomp) :is(.rvw-invite__t, .dx-watch__h, .absent__t, .sgcomp__h), :is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) :is(.rvw-invite, .dx-watch, .absent, .sgcomp) :is(.rvw-invite__t, .dx-watch__h, .absent__t, .sgcomp__h) { font-size: 0.9375rem; line-height: var(--lh-20); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .ledger-entry .ledger-entry__user { font-weight: var(--weight-medium); }
/* bulleted conditions and steps read in sans; the programs pointer loses its icon */
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .dx-conds li { font-family: var(--font-sans); font-feature-settings: var(--features-sans); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pc-programs { display: block; padding: var(--space-3) 0; font-family: var(--font-sans); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); }
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pc-programs > svg { display: none; }

/* ---- shared components, page-wide: one signature each (design-audit.py) ---- */
.section-fold > .section-fold__h > .section-fold__btn, .section-fold > h2 > .section-fold__btn, .section-fold > h3 > .section-fold__btn { color: var(--text-primary); }
.fold-btn .chev, .srow__chev .chev, .fold-count .chev { color: var(--text-muted); font-size: 0.694rem; }
.pmlp-sidebar > :is(.rc, .side-card, .fold-shell) { border: 1px solid var(--v3-border-secondary); border-radius: var(--radius-xl); background: var(--surface-elevated); }
.dx-eyebrow { font-weight: var(--weight-medium); }
.pc-sec__count { font-size: 0.833rem; line-height: var(--lh-20); }


/* the rail's hierarchy, one rule (Amanda, 2026-09-11: "we need to be consistent and have a point of view"): the rail holds
   five cards of one kind, each with a title; three of them fold. Every title is the same word: 0.9375rem semibold,
   text-primary. Every fold face's chevron is the same mark: text-muted, as on the section faces in the centre column.
   Nothing in the rail is brighter or dimmer than its neighbour because of which July class it happened to arrive with. */
.pmlp-sidebar :is(.rc__h, .side-card__t), .pmlp-sidebar .rail-fold__btn { font-family: var(--font-sans); font-size: 0.9375rem; line-height: var(--lh-24); font-weight: var(--weight-semibold); color: var(--text-primary); }
.pmlp-sidebar .chev, .pmlp-sidebar .fold-count { color: var(--text-muted); }

.pc-sec__count { letter-spacing: normal; text-transform: none; line-height: var(--lh-20); }
.pc-sec__count .pc-sec__sep { padding: 0 .3em; color: var(--text-muted); }
@media (max-width: 560px) {
  .pc-sec__count .pc-sec__sep { display: block; height: 0; overflow: hidden; visibility: hidden; padding: 0; }
  .pc-sec__count { margin-bottom: var(--space-3); }
}

/* Dakota's copy cuts, shared with direction one's revision two (2026-09-15) */
.pm--line { margin: var(--space-3) 0 0; }
.pm__line { font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.833rem; line-height: var(--lh-20); color: var(--text-secondary); margin: var(--space-2) 0 0; }
@media (min-width: 961px) { .pm__chips--phone { display: none; } }
.chart-lead { margin-bottom: var(--space-3); }
.ledger-fold { margin-top: var(--space-4); }
.ledger-fold__h { margin: 0; }
.ledger-fold__btn { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); width: 100%; padding: var(--space-2) 0; font: inherit; color: inherit; }


/* ---- direction two, updated 2026-09-14 (Dakota's read) ---- */
/* 3 native folds: the browser hides a closed fold; the clip and the marker go; the face keeps the page's chevron */
details.fold-shell > summary { list-style: none; cursor: pointer; display: block; margin: 0; }
details.fold-shell > summary::-webkit-details-marker { display: none; }
details.fold-shell > summary.fold-btn { display: flex; }
details.fold-shell > summary::before, details.fold-shell > summary.fold-btn::before { content: none; }
details.fold-shell > .fold-shell__body, details.fold-shell > * > .fold-shell__body { max-height: none !important; overflow: visible; }
h2.fold-btn, h3.fold-btn, h4.fold-btn { margin: 0; }
details.fold-shell[open] > .fold-btn .chev, details.fold-shell[open] > * > .fold-btn .chev, details.fold-shell[open] > .srow__face .chev { transform: rotate(90deg); }
details.fold-shell[open] > .fold-btn:not(:has(.chev)):not(.faq-q)::after, details.fold-shell[open] > * > .fold-btn:not(:has(.chev)):not(.faq-q)::after { transform: rotate(90deg); }
/* the face inside a native fold inherits the summary's word: the summary IS the heading the button used to sit in */
details.fold-shell > summary > :is(h2, h3, h4, h5).fold-btn { font-size: inherit; font-weight: inherit; color: inherit; line-height: inherit; }
/* 2 the story and the reports, in the row behind a fold: a nested face, one step under the row (ruling 20) */
.srow__body > .rowx-about { margin-top: var(--space-3); border-top: 1px solid var(--v3-border-secondary); }
.srow__body > .rowx-about > summary.rowx-more__h { margin: 0; padding: var(--space-2) 0; font-size: 0.9375rem; line-height: var(--lh-20); font-weight: var(--weight-medium); color: var(--text-secondary); }
.srow__body > .rowx-about > .rowx-about__body { padding-bottom: var(--space-2); }

/* ---- mock style block 2 of 12 (updated.html line 1927) ---- */

a.stat-link, a.stat-link b { color: var(--text-primary, #ececf0); }
a.stat-link { text-decoration: underline; text-decoration-color: rgba(3,255,136,.65);
  text-decoration-thickness: 1.5px; text-underline-offset: 3px; }

/* ---- mock style block 3 of 12 (updated.html line 1931) ---- */

.srow__grid { grid-template-columns: minmax(0,1fr) auto !important; column-gap: var(--space-3,12px) !important; align-items: center !important; }
.srow__chev { display: none !important; }
.srow__go .code-card__cta { min-height: 44px; padding: 0 16px; font-size: 0.9375rem; white-space: nowrap; }
.srow__main { grid-column: 1; grid-row: 1; }
.srow__go { grid-column: 2; grid-row: 1; }
.srow__face .srow__rec { grid-column: 1 / -1 !important; grid-row: 2; justify-self: start; }
.srow__ver { color: var(--green-400, #03ff88); }

/* ---- mock style block 4 of 12 (updated.html line 1939) ---- */

/* the title line, compact: confirms the place, hands off to the code */
.verdict-h1-wrap--top { margin: 12px 16px 2px; }
.verdict-h1-wrap--top h1 { font-size: 1rem; line-height: 1.35; font-weight: 600;
  letter-spacing: -0.01em; color: var(--text-primary); margin: 0; }
@media (min-width: 761px) { .verdict-h1-wrap--top { max-width: 1100px; margin: 14px auto 0; padding: 0 var(--space-6, 24px); box-sizing: border-box; }
  .verdict-h1-wrap--top h1 { font-size: 1.15rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } }

/* ---- mock style block 5 of 12 (updated.html line 1947) ---- */

/* the page menu, rev-4 ruling C: drawn state shots/rev4/c-burger-menu.png */
.pgm-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.55); z-index: 900; }
.pgm { position: fixed; top: 0; right: 0; width: 300px; max-width: 86vw;
  height: auto; max-height: calc(100% - 24px);   /* her 21 Sep note: the panel ends below the
  last piece of content like a normal phone window; the dimmed page shows through beneath */
  background: var(--surface-primary, #111114); border-left: 1px solid var(--border-strong, rgba(255,255,255,.14));
  border-bottom: 1px solid var(--border-strong, rgba(255,255,255,.14)); border-bottom-left-radius: 12px;
  z-index: 901; padding: 18px 20px; box-sizing: border-box; overflow-y: auto; }
.pgm[hidden], .pgm-backdrop[hidden] { display: none; }
.pgm__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.pgm__title { font-weight: 700; font-size: 0.9375rem; color: var(--text-primary); }
.pgm__close { background: none; border: none; font-size: 1.2rem; color: var(--text-tertiary);
  cursor: pointer; width: 44px; height: 44px; margin: -10px -14px -10px 0; }
.pgm__search { width: 100%; box-sizing: border-box; background: none; color: var(--text-primary);
  border: 1px solid var(--border-strong, rgba(255,255,255,.16)); border-radius: 8px;
  padding: 9px 12px; font: inherit; font-size: 0.875rem; margin-bottom: 14px; }
.pgm__search::placeholder { color: var(--text-tertiary); }
.pgm__list { display: flex; flex-direction: column; gap: 2px; font-size: 0.9375rem; }
.pgm__link { color: var(--text-primary); text-decoration: none; padding: 9px 2px;
  border-bottom: 1px solid var(--border-default, rgba(255,255,255,.07));
  display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.pgm__link:last-child { border-bottom: none; }
.pgm__count { color: var(--text-tertiary); font-family: var(--font-mono); font-size: 0.75rem; }
.pgm__none { color: var(--text-tertiary); font-size: 0.833rem; padding: 9px 2px; }

/* ---- mock style block 6 of 12 (updated.html line 1972) ---- */

/* the refinement pass, 23 Sep: legibility step + the trust line's weight */
.verdict__meta { font-size: 0.875rem; color: var(--text-primary); }  /* Amanda, 23 Sep ~10:05pm: 14px on phones (title 16 > trust 14 > note 13.3; the dot closes line one at 390) */
/* Amanda's ruling, 23 Sep ~5pm: the two facts shoppers quoted (the pass, the two hours) carry the page's
   verification green, mono, medium, the rail's own "PASS · 2h" grammar. Scoped under .verdict so it beats the
   rev-3 prose-emphasis rule that had been rendering these two words in DM Sans semibold, white. */
.verdict .verdict__meta b { color: var(--green-300); font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-weight: var(--weight-medium); }
@media (min-width: 761px) { .verdict__meta { font-size: 0.9375rem; line-height: 1.5; } }  /* Amanda, 23 Sep ~9:55pm: "15 is better, the 16 was too big": one ladder step at every width */
.srow__rec, .wsx-trust, .wsx-record { color: var(--text-secondary); }
.srow__when { white-space: nowrap; }
/* the phone face keeps one line: with the time it wrapped and split "tests passed" across two lines
   (the folded spine's density is the phone posture's virtue, P-14); the hero above carries the 2h.
   Amanda's call to flip: delete this rule and every phone face carries its time on a second line. */
@media (max-width: 760px) { .srow__when { display: block; margin-top: 2px; } .srow__dot { display: none; } }  /* Amanda, 23 Sep late: ruling D, the time takes its own line on phones, flush left, no dot */
.fr .who, .fr .ok, .fr .no, .rail-hack__src, .side-card__t, .si__v, .rc__h, .rc__sub,
.wsx-offer__conds, .wsx-doorline, .wsx-disclosure, .pmlp-disclosure, .nc-deal__type, .nc-deal__meta,
.dx-conds li, .verdict__stamp, .ltime, .ledger-entry__time, .vcap__stats, .vcap__more, .hack__src,
.dx-review__when, .rvw-prov, .reseller-card__store-name, .section-fold .fold-count { font-size: var(--v3-type-step); }
.fr .who, .rail-hack__src, .nc-deal__meta, .dx-review__when, .rvw-prov, .hack__src, .wsx-disclosure, .rc__sub, .rc__h { color: var(--text-tertiary); }
:is(.section-fold, .rail-fold, .srow__body) .rc__h { color: var(--text-primary); }

/* ---- mock style block 7 of 12 (updated.html line 1993) ---- */

/* the refinement pass, 23 Sep (5): the sheet speaks the page's trust vocabulary */
.wsx-row__ver { color: var(--green-300); }
.wsx-record b.is-pass, .wsx-trust b { color: var(--green-300); font-weight: var(--weight-medium); font-family: var(--font-mono); font-feature-settings: var(--features-mono); }
.wsx-record b.is-fail { color: var(--red-400); font-weight: var(--weight-medium); font-family: var(--font-mono); font-feature-settings: var(--features-mono); }
.wsx-offer__state { display: block; font-family: var(--font-mono); font-feature-settings: var(--features-mono); font-size: 0.833rem; color: var(--text-tertiary); margin: 0 0 2px; }
.wsx-offer__state.is-verified { color: var(--green-300); }

/* ---- mock style block 8 of 12 (updated.html line 2001) ---- */
/* refinement pass 23 Sep (8): a chip names the thing; the sheet chips have no spaces between them, so inline-block gives the row a break between chips, never inside one */
.wsx-offer__cond { display: inline-block; white-space: nowrap; }
.dx-cond { white-space: nowrap; }
/* ---- mock style block 9 of 12 (updated.html line 2004) ---- */

/* ruling A, 24 Sep: the ruled-out face is struck and dimmed (p-mlp-driver's failure register; only struck rows dim), "failed" in the sheet's red */
.srow--out .srow__fig { text-decoration: line-through; text-decoration-thickness: 2px; text-decoration-color: var(--gray-500); color: var(--text-tertiary); }
.srow--out .srow__w, .srow--out .srow__state { color: var(--text-tertiary); }
.srow--out > .srow__face { opacity: 0.72; }
.srow--out.is-open > .srow__face { opacity: 1; }
.srow--out .srow__rec b.is-fail { color: var(--red-400); font-weight: var(--weight-medium); }

/* ---- mock style block 10 of 12 (updated.html line 2012) ---- */

/* Amanda, 24 Sep: the release-timing list's label column fits its longest label and is SHARED by every row (one grid for the
   whole list, each item's two spans placed in it), so the text column starts at one x; labels never break mid-word.
   Her second screenshot caught the first fix sizing each row's column to its own label, which ragged the text starts. */
.dropcal-seasons { display: grid; grid-template-columns: max-content minmax(0, 1fr); column-gap: 8px; row-gap: 5px; }
.dropcal-seasons li { display: contents; }
.dropcal-seasons .w { white-space: nowrap; }
/* the hero trust line on phones: two facts, two lines, no dot (the rows' ruling D, applied to the hero); one line with the dot from 761px */
@media (max-width: 760px) { .verdict__meta .verdict__sep { display: block; height: 0; line-height: 0; overflow: hidden; } }

/* ---- mock style block 11 of 12 (updated.html line 2022) ---- */

/* Amanda, 24 Sep: the release-timing list at the rail card's reading size, one step down from the fold bodies' list rule */
:is(.section-fold, .rail-fold) .fold-shell__body .dropcal-seasons li, .dropcal-seasons li { font-size: var(--v3-type-step); line-height: var(--lh-20); }
.dropcal-seasons { row-gap: 4px; }
/* Amanda, 24 Sep ~9:35am, ruling B: the card's note paragraph joins the card's reading size (it sat at 0.694rem, the small-print tier the phone testers called blurry); only the chart's month labels stay small */
.dropcal-note { font-size: var(--v3-type-step); line-height: var(--lh-20); }

/* ---- mock style block 12 of 12 (updated.html line 2029) ---- */

/* Amanda, 24 Sep: the identity-programs callout is a link to the guide's identity section; it keeps the callout's dress */
a.pc-programs { text-decoration: none; color: inherit; }
a.pc-programs:hover span { text-decoration: underline; text-underline-offset: 2px; }

/* ==== pmlp-v3 addendum BEGIN: mh-icon-logo (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
.mh__icon img{width:100%;height:100%;object-fit:contain;display:block}
/* ==== pmlp-v3 addendum END: mh-icon-logo ==== */

/* ==== pmlp-v3 addendum BEGIN: verdict-fold-phone-only (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
@media (min-width: 961px){.verdict__more-shell:not(:has(.pm__intake)):not(:has(.dx-cal__body > :not(.pm))){display:none}}
/* ==== pmlp-v3 addendum END: verdict-fold-phone-only ==== */

/* ==== pmlp-v3 addendum BEGIN: wsx-disabled-controls (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
.wsx-door[aria-disabled="true"],.wsx-row__copy[aria-disabled="true"]{opacity:.4;cursor:not-allowed}.wsx-door[aria-disabled="true"]:hover{background:var(--action-primary)}.wsx-row__copy[aria-disabled="true"]:hover{background:rgba(3,255,136,0.05);border-color:var(--green-800)}
/* ==== pmlp-v3 addendum END: wsx-disabled-controls ==== */

/* ==== pmlp-v3 addendum BEGIN: wsx-close-focus (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
.wsx-close:focus-visible{outline:none;border-radius:var(--radius-md);box-shadow:inset 0 0 0 2px var(--green-600)}
/* ==== pmlp-v3 addendum END: wsx-close-focus ==== */

/* ==== pmlp-v3 addendum BEGIN: legacy-nav-reset (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
html nav:where(.pgm,.pmlp-breadcrumb,.dx-jumpbar){display:block;align-items:normal;position:static;top:auto;z-index:auto;height:auto;padding:0;box-sizing:border-box;border-bottom:0;background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
/* ==== pmlp-v3 addendum END: legacy-nav-reset ==== */

/* ==== pmlp-v3 addendum BEGIN: group-single-fold (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
.group > .group__h + .section-fold:not(:has(+ .section-fold)){border-radius:var(--radius-xl)}
/* ==== pmlp-v3 addendum END: group-single-fold ==== */

/* ==== pmlp-v3 addendum BEGIN: rail-check-row-wrap (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
.fr{flex-wrap:wrap;row-gap:2px}.fr > *{min-width:0;max-width:100%;overflow-wrap:anywhere}.fr .what{flex:1 1 auto;white-space:normal;overflow:visible;text-overflow:clip}.fr .who, .fr .ok, .fr .no{white-space:normal}
/* ==== pmlp-v3 addendum END: rail-check-row-wrap ==== */

/* ==== pmlp-v3 addendum BEGIN: mh-icon-inset (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
.mh__icon img{padding:9px;box-sizing:border-box}
/* ==== pmlp-v3 addendum END: mh-icon-inset ==== */

/* ==== pmlp-v3 addendum BEGIN: rail-phone-flow (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
@media (max-width: 860px){.pmlp-sidebar{position:static;top:auto;max-height:none;overflow-y:visible;overscroll-behavior:auto}}
/* ==== pmlp-v3 addendum END: rail-phone-flow ==== */

/* ==== pmlp-v3 addendum BEGIN: faq-answer-blocks (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
.faq-a > * + *{margin-top:var(--space-2)}.faq-a ul, .faq-a ol{padding-left:1.25em}.faq-a ul{list-style:disc}.faq-a ol{list-style:decimal}.faq-a li + li{margin-top:4px}:is(.section-fold, .rail-fold) .fold-shell__body .faq-a li:not([class]){font-size:inherit;line-height:inherit}
/* ==== pmlp-v3 addendum END: faq-answer-blocks ==== */

/* ==== pmlp-v3 addendum BEGIN: wsx-slot-state (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
.wsx-codeslot__value.is-state{font-family:var(--font-sans);font-feature-settings:var(--features-sans);font-size:0.833rem;font-weight:var(--weight-bold);letter-spacing:normal;white-space:nowrap;overflow-wrap:normal}
/* ==== pmlp-v3 addendum END: wsx-slot-state ==== */

/* ==== pmlp-v3 addendum BEGIN: fold-count-bare (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
.section-fold .section-fold__btn:has(> .fold-count.is-bare){flex-wrap:nowrap}.section-fold .section-fold__btn.fold-btn .fold-count.is-bare{flex:0 0 auto;margin-left:auto;text-align:right}@media (max-width: 560px){.section-fold .section-fold__btn.fold-btn .fold-count.is-bare{flex-basis:auto;margin-left:auto;text-align:right}}
/* ==== pmlp-v3 addendum END: fold-count-bare ==== */

/* ==== pmlp-v3 addendum BEGIN: store-marks (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
.store-mark{width:32px;height:32px;border-radius:var(--radius-md);background:var(--gray-800);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-feature-settings:var(--features-mono);font-size:0.833rem;font-weight:var(--weight-medium);color:var(--text-primary);flex-shrink:0}.store-mark[data-initial]::before{content:attr(data-initial)}:is(.store-mark, .pmlp-related__initial).is-logo{background:#fff;padding:3px;box-sizing:border-box;overflow:hidden;font-size:0}:is(.store-mark, .pmlp-related__initial) img{width:100%;height:100%;object-fit:contain;display:block}.rowx-head .rowx-label:has(> .store-mark){display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pmlp-related__top{display:flex;align-items:center;gap:var(--space-3)}:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pmlp-related__initial{display:flex}:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pmlp-related__top:has(> .pmlp-related__initial) + .pmlp-related__hook{padding-left:calc(32px + var(--space-3))}
/* ==== pmlp-v3 addendum END: store-marks ==== */

/* ==== pmlp-v3 addendum BEGIN: pill-hit-area (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
:is(.verdict__action, .rowx-action){position:relative}:is(.verdict__action, .rowx-action) > .code-card__cta{position:static}:is(.verdict__action, .rowx-action) > .code-card__cta::after{content:"";position:absolute;inset:0}.rowx-action:not(:has(> .code-card__mask-row)) > .code-card__cta{flex:1 1 auto;border-left:0}
/* ==== pmlp-v3 addendum END: pill-hit-area ==== */

/* ==== pmlp-v3 addendum BEGIN: wsx-scrollbar (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
@supports (scrollbar-color: red blue){.wsx-body{scrollbar-width:thin;scrollbar-color:var(--gray-700) var(--surface-elevated)}}.wsx-body::-webkit-scrollbar{width:10px;background:var(--surface-elevated)}.wsx-body::-webkit-scrollbar-track{background:var(--surface-elevated)}.wsx-body::-webkit-scrollbar-thumb{background:var(--gray-700);border:2px solid var(--surface-elevated);border-radius:var(--radius-full)}.wsx-body::-webkit-scrollbar-thumb:hover{background:var(--gray-600)}
/* ==== pmlp-v3 addendum END: wsx-scrollbar ==== */

/* ==== pmlp-v3 addendum BEGIN: wsx-door-centred (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
.wsx-door{text-align:center}.wsx-doorstrip{justify-content:center;text-align:center;flex-wrap:wrap;row-gap:2px;padding-top:6px;padding-bottom:6px}
/* ==== pmlp-v3 addendum END: wsx-door-centred ==== */

/* ==== pmlp-v3 addendum BEGIN: wsx-row-long-code (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
@media (max-width: 560px){.wsx-row:has(> .wsx-row__code.is-long){grid-template-columns:minmax(0, 1fr) auto;grid-template-areas:"dots copy" "fig copy" "rec copy"}.wsx-row .wsx-row__code.is-long{white-space:normal;overflow-wrap:anywhere;min-width:0}}
/* ==== pmlp-v3 addendum END: wsx-row-long-code ==== */

/* ==== pmlp-v3 addendum BEGIN: rail-fit (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
@media (min-width: 861px){.pmlp-sidebar{max-height:var(--pmlp-rail-max, calc(100vh - 56px - var(--space-6)))}}
/* ==== pmlp-v3 addendum END: rail-fit ==== */

/* ==== pmlp-v3 addendum BEGIN: report-outcome-right (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .ledger-entry:has(> .ledger-entry__result--pass, > .ledger-entry__result--fail){display:grid;grid-template-columns:auto minmax(min-content, 1fr) auto;grid-template-areas:"user time result";align-items:baseline;column-gap:0}:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .ledger-entry:has(> .ledger-entry__result--pass, > .ledger-entry__result--fail) > .ledger-entry__user{margin-right:.32em}:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .ledger-entry:has(> .ledger-entry__result--pass, > .ledger-entry__result--fail) > .ledger-entry__time{overflow-wrap:break-word;text-wrap:pretty}:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .ledger-entry > :is(.ledger-entry__result--pass, .ledger-entry__result--fail){grid-area:result;justify-self:end;text-align:right;white-space:nowrap;margin:0 0 0 var(--space-3)}:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .ledger-entry > .ledger-entry__result--pass{color:#03ff88}:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .ledger-entry > .ledger-entry__result--fail{color:var(--red-400)}
/* ==== pmlp-v3 addendum END: report-outcome-right ==== */

/* ==== pmlp-v3 addendum BEGIN: fold-clip-folded (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
details.fold-shell.is-folded > .fold-shell__body{max-height:0 !important;overflow:hidden !important;padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important;border-top-width:0 !important;border-bottom-width:0 !important}details.fold-shell.is-folded > .fold-btn .chev, details.fold-shell.is-folded > * > .fold-btn .chev, details.fold-shell.is-folded > .srow__face .chev{transform:none}details.fold-shell.is-folded > .fold-btn:not(:has(.chev)):not(.faq-q)::after, details.fold-shell.is-folded > * > .fold-btn:not(:has(.chev)):not(.faq-q)::after{transform:none}details.fold-shell.is-folded.faq-item > .faq-q::after{transform:none}@media (prefers-reduced-motion: reduce){.fold-shell .chev, .fold-shell .fold-btn::after, .fold-shell .faq-q::after{transition:none}}
/* ==== pmlp-v3 addendum END: fold-clip-folded ==== */

/* ==== pmlp-v3 addendum BEGIN: fold-face-control (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
details.fold-shell > summary > .fold-ctl, details.fold-shell > summary > :is(h1,h2,h3,h4,h5,h6) > .fold-ctl{display:inherit;flex-direction:inherit;flex-wrap:inherit;align-items:inherit;justify-content:inherit;align-content:inherit;row-gap:inherit;column-gap:inherit;flex:1 1 auto}details.fold-shell > summary[data-fold-face]{position:relative;z-index:0}details.fold-shell > summary[data-fold-face] [data-fold-ctl]::before{content:"" !important;display:block !important;position:absolute !important;inset:0 !important;z-index:-1 !important}details.fold-shell > summary[data-fold-face]::before, details.fold-shell > summary[data-fold-face]::after{pointer-events:none}.section-fold .section-fold__btn > .fold-ctl:has(> .fold-count.is-bare){flex-wrap:nowrap}details.fold-shell > summary[data-fold-face] *:not([data-fold-ctl]):not([data-fold-ctl] *){pointer-events:none}details.fold-shell > summary[data-fold-face] [data-fold-ctl], details.fold-shell > summary[data-fold-face] :is(a[href],button,input,select,textarea), details.fold-shell > summary[data-fold-face] :is(a[href],button,input,select,textarea) *{pointer-events:auto !important}
/* ==== pmlp-v3 addendum END: fold-face-control ==== */

/* ==== pmlp-v3 addendum BEGIN: fold-face-ring (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
@supports selector(:has(*)){details.fold-shell > summary[data-fold-face] [data-fold-ctl]:focus-visible{outline:none}details.fold-shell > summary[data-fold-face]:has([data-fold-ctl]:focus-visible){outline:1px auto;outline:-webkit-focus-ring-color auto 5px;outline-offset:0}@media (forced-colors: active){details.fold-shell > summary[data-fold-face]:has([data-fold-ctl]:focus-visible){outline-color:Highlight}}}
/* ==== pmlp-v3 addendum END: fold-face-ring ==== */

/* ==== pmlp-v3 addendum BEGIN: c12s1-rail-check-one-line (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
.fr{flex-wrap:nowrap}.fr > *{max-width:none;overflow-wrap:normal}.fr .what{flex:1 1 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fr .who, .fr .ok, .fr .no{flex:0 0 auto;white-space:nowrap}
/* ==== pmlp-v3 addendum END: c12s1-rail-check-one-line ==== */

/* ==== pmlp-v3 addendum BEGIN: c12s1-chart-value-fit (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
.bar-chart__bars .bar-col{container-type:inline-size}.bar-chart__bars .bar-col__value{font-size:min(0.694rem, calc(100cqi / (var(--value-chars, 3) * 0.6 + 0.1)))}
/* ==== pmlp-v3 addendum END: c12s1-chart-value-fit ==== */

/* ==== pmlp-v3 addendum BEGIN: c12s3-wsx-tried (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
.wsx-row__copy.is-tried,.wsx-slot__copy.is-tried{background:var(--gray-800);color:var(--gray-400);border-color:var(--gray-800)}.wsx-row__copy.is-tried:hover,.wsx-slot__copy.is-tried:hover{background:var(--gray-750);color:var(--gray-300);border-color:var(--gray-750)}.wsx-row__copy:focus-visible,.wsx-slot__copy:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-base),0 0 0 4px var(--gray-400)}
/* ==== pmlp-v3 addendum END: c12s3-wsx-tried ==== */

/* ==== pmlp-v3 addendum BEGIN: c12s4-store-mark-tile (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
.store-mark{width:40px;height:40px}:is(.store-mark, .pmlp-related__initial).is-logo{border-radius:8px;padding:4px}:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .pmlp-related__initial{width:40px;height:40px}.nc-deal > .store-mark{align-self:center}
/* ==== pmlp-v3 addendum END: c12s4-store-mark-tile ==== */

/* ==== pmlp-v3 addendum BEGIN: c12s4-retailer-card (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
#fold-retailer .code-card.rowx--C{display:grid;grid-template-columns:40px minmax(0, 1fr) auto;grid-template-areas:"mark head action" "about about about";column-gap:var(--space-3);align-items:center}#fold-retailer .rowx--C > .store-mark{grid-area:mark;align-self:center}#fold-retailer .rowx--C > .rowx-head{grid-area:head;margin:0;min-width:0}#fold-retailer .rowx--C > .rowx-head .rowx-label{display:block;font-size:0.9375rem;line-height:var(--lh-20);font-weight:var(--weight-medium);color:var(--text-primary);margin:0}#fold-retailer .rowx--C > .rowx-action{grid-area:action;align-self:center;margin:0;max-width:none}#fold-retailer .rowx--C > .rowx-action .code-card__mask-row{flex:0 0 auto}#fold-retailer .rowx--C > .rowx-about{grid-area:about;min-width:0}@media (max-width: 560px){#fold-retailer .code-card.rowx--C{grid-template-columns:40px minmax(0, 1fr);grid-template-areas:"mark head" "action action" "about about"}#fold-retailer .rowx--C > .rowx-action{margin-top:var(--space-3)}#fold-retailer .rowx--C > .rowx-action .code-card__mask-row{flex:1 1 0}}
/* ==== pmlp-v3 addendum END: c12s4-retailer-card ==== */

/* ==== pmlp-v3 addendum BEGIN: c12s4-reseller-about-fold (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
#fold-retailer .rowx--C > .rowx-about{margin-top:var(--space-2);border-top:0;padding-top:0}#fold-retailer .rowx--C > .rowx-about > summary.rowx-more__h{margin:0;padding:0;font-size:0.9375rem;line-height:var(--lh-20);font-weight:var(--weight-medium);color:var(--text-secondary)}#fold-retailer .rowx--C > .rowx-about > .rowx-about__body{padding-bottom:var(--space-2)}
/* ==== pmlp-v3 addendum END: c12s4-reseller-about-fold ==== */

/* ==== pmlp-v3 addendum BEGIN: c12s4-related-row (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
#fold-related .pmlp-related__link{display:grid;grid-template-columns:40px minmax(0, 1fr);grid-template-areas:"mark name" "mark hook";column-gap:var(--space-3);row-gap:2px;align-items:center}#fold-related .pmlp-related__top{display:contents}#fold-related .pmlp-related__initial{grid-area:mark;align-self:center}#fold-related .pmlp-related__name{grid-area:name;font-size:0.9375rem;line-height:var(--lh-20);font-weight:var(--weight-medium);color:var(--text-primary);min-width:0}#fold-related .pmlp-related__hook{grid-area:hook;padding-left:0;min-width:0}
/* ==== pmlp-v3 addendum END: c12s4-related-row ==== */

/* ==== pmlp-v3 addendum BEGIN: c12s4-open-deal-row (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
#fold-deals .nc-deal:has(> .store-mark){display:grid;grid-template-columns:40px minmax(0, 1fr) auto;grid-template-areas:"mark body cta";column-gap:var(--space-3);align-items:center}#fold-deals .nc-deal > .store-mark{grid-area:mark;align-self:center}#fold-deals .nc-deal:has(> .store-mark) > .nc-deal__body{grid-area:body;min-width:0}#fold-deals .nc-deal:has(> .store-mark) > .code-card__cta{grid-area:cta;align-self:center;width:auto;margin:0}@media (max-width: 560px){#fold-deals .nc-deal:has(> .store-mark){grid-template-columns:40px minmax(0, 1fr);grid-template-areas:"mark body" "cta cta"}#fold-deals .nc-deal:has(> .store-mark) > .code-card__cta{width:100%;margin-top:var(--space-3)}}
/* ==== pmlp-v3 addendum END: c12s4-open-deal-row ==== */

/* ==== pmlp-v3 addendum BEGIN: c12s4-more-ways-separator (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
.page-main > .group:has(> #fold-retailer, > #fold-deals){margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--v3-border-primary)}
/* ==== pmlp-v3 addendum END: c12s4-more-ways-separator ==== */

/* ==== pmlp-v3 addendum BEGIN: c12s4-lower-text-floor (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
:is(.page-main > .group, #fold-faq, #fold-related, .pmlp-sidebar) :is(.guide-p, .faq-a p, .faq-a li, .dx-review__body, .pc-sec__lede, .pc-linkout, .dx-about, .nc-deal__desc){font-size:0.9375rem;line-height:var(--lh-24)}:is(.page-main > .group, #fold-faq, #fold-related, .pmlp-sidebar) :is(.fold-count, .rowx-count, .pc-sec__count, .nc-deal__type, .nc-deal .code-card__cta, .dx-jumpbar a, .dx-eyebrow, .method-stat__label, .trust__item, .vcap__stats span, .vcap__provenance, .vcap__foot, .vcap__foot a, .starrow__num, .starrow__stars, .dx-mini-trust, .dx-review__who, .dx-review__when, .hack__n, .pmlp-related__initial, .rc a, .ext-cta__h, .ext-cta__s, .ext-cta__link, .fr .who, .fr .what, .fr .ok, .fr .no, .si__t, .si__v, .ledger-entry__user, .ledger-entry__time, .ledger-entry__result, .code-card__ledger-title){font-size:0.875rem}:is(.page-main > .group, #fold-faq, #fold-related, .pmlp-sidebar) :is(.vcap__provenance, .vcap__foot, .nc-deal__type, .dx-review__who, .dx-review__when, .starrow__num, .starrow__stars){line-height:var(--lh-20)}:is(.page-main > .group, #fold-faq, #fold-related, .pmlp-sidebar) .dx-review .dx-stars{font-size:0.875rem !important}.pmlp-sidebar .rc a{font-size:0.875rem !important}
/* ==== pmlp-v3 addendum END: c12s4-lower-text-floor ==== */

/* ==== pmlp-v3 addendum BEGIN: c12-stack-listed-history-floor (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
#fold-savings :is(.kz-prose, .statline.chart-lead){font-size:0.9375rem;line-height:var(--lh-24)}#fold-savings .band-label{font-size:0.875rem;line-height:var(--lh-20)}#fold-rail-drops-body :is(.rc__sub, .dropcal-note){font-size:0.875rem;line-height:var(--lh-20)}
/* ==== pmlp-v3 addendum END: c12-stack-listed-history-floor ==== */

/* ==== pmlp-v3 addendum BEGIN: c12s2-disclosure-band (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
.pmlp-disclosure{max-width:none;margin:0;background:var(--surface-layer,#101013);border-bottom:1px solid var(--border-secondary,#1f1f22);color:var(--text-tertiary,#a1a1aa);text-align:left;padding:7px max(var(--space-6),calc((100% - 1100px) / 2 + var(--space-6)))}.pmlp-disclosure a,.pmlp-disclosure .dis-link{color:var(--text-secondary,#d4d4d8);text-decoration-color:var(--text-tertiary,#a1a1aa)}@media (max-width: 860px){.pmlp-disclosure{padding-left:var(--space-4);padding-right:var(--space-4)}}
/* ==== pmlp-v3 addendum END: c12s2-disclosure-band ==== */

/* ==== pmlp-v3 addendum BEGIN: c12s2-no-code-door (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
.srow-deals .rowx-action:not(:has(> .code-card__mask-row)) > .code-card__cta{flex:0 0 auto}.srow-deals .rowx-action > .code-card__cta > svg{display:none}
/* ==== pmlp-v3 addendum END: c12s2-no-code-door ==== */

/* ==== pmlp-v3 addendum BEGIN: c127-verdict-record (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
.verdict .dx-cal__body .statline{font-size:1rem;line-height:1.5}.verdict .vx-chart{--vx-worked:#5FA97F;--vx-failed:#9E5A52;margin:var(--space-6) 0 0;padding:0;min-width:0}.verdict .vx-chart__legend{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-4);margin:0 0 var(--space-3);padding:0}.verdict .vx-key{display:flex;align-items:center;gap:6px;font-size:0.9375rem;line-height:var(--lh-20);color:var(--text-secondary);margin:0}.verdict .vx-key::before{content:"";width:12px;height:12px;border-radius:3px;background:var(--vx-worked);flex:0 0 auto}.verdict .vx-key--failed::before{background:var(--vx-failed)}.verdict .vx-chart__plot{position:relative;padding-top:calc(var(--lh-20) + 4px)}.verdict .vx-chart__ymax{position:absolute;top:0;left:0;font-size:0.875rem;line-height:var(--lh-20);color:var(--text-tertiary)}.verdict .vx-chart__bars{display:flex;align-items:flex-end;gap:2px;height:140px;border-top:1px dashed var(--v3-border-primary);border-bottom:1px solid var(--v3-border-primary)}@media (min-width: 861px){.verdict .vx-chart__bars{height:180px;gap:3px}}.verdict .vx-bar{flex:1 1 0;min-width:0;display:flex;flex-direction:column;border-radius:2px 2px 0 0;overflow:hidden}.verdict .vx-bar--none{height:0}.verdict :is(.vx-bar__failed, .vx-bar__worked){flex-basis:0;min-height:1px}.verdict .vx-bar__failed{background:var(--vx-failed)}.verdict .vx-bar__worked{background:var(--vx-worked)}.verdict .vx-chart__x{position:relative;height:var(--lh-20);margin-top:6px}.verdict .vx-chart__tick{position:absolute;left:var(--at);transform:translateX(-50%);font-size:0.875rem;line-height:var(--lh-20);color:var(--text-tertiary);white-space:nowrap}.verdict .vx-chart__tick--start{left:0;transform:none}.verdict .vx-chart__tick--end{left:auto;right:0;transform:none}.verdict .vx-chart__cap{font-family:var(--font-sans);font-feature-settings:normal;font-size:0.9375rem;line-height:var(--lh-24);color:var(--text-secondary);margin:var(--space-3) 0 0}
/* ==== pmlp-v3 addendum END: c127-verdict-record ==== */

/* ==== pmlp-v3 addendum BEGIN: c127-related-cards (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
#fold-related .pmlp-related__list{display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--space-3);margin-top:var(--space-3)}@media (min-width: 761px){#fold-related .pmlp-related__list{grid-template-columns:repeat(2, minmax(0, 1fr))}}#fold-related .pmlp-related__list > li{display:flex;min-width:0;container:pmlp-related-card / inline-size}#fold-related .pmlp-related__link{display:grid;grid-template-columns:48px minmax(0, 1fr);grid-template-areas:"mark name" "mark hook" "mark cta";column-gap:14px;row-gap:2px;align-items:center;align-content:center;flex:1 1 auto;min-width:0;min-height:72px;box-sizing:border-box;padding:14px 16px;background:var(--surface-layer);border:1px solid var(--v3-border-secondary);border-radius:12px;color:var(--text-primary);text-decoration:none}#fold-related a.pmlp-related__link:hover{border-color:var(--v3-border-primary)}#fold-related a.pmlp-related__link:focus-visible{outline:2px solid var(--brand-green);outline-offset:2px}#fold-related .pmlp-related__initial{grid-area:mark;width:48px;height:48px;align-self:center}#fold-related .pmlp-related__name{grid-area:name;font-size:1rem;line-height:var(--lh-20);font-weight:var(--weight-semibold);color:var(--text-primary);min-width:0;overflow-wrap:break-word;word-break:normal;hyphens:manual}#fold-related .pmlp-related__hook{grid-area:hook;font-size:0.9375rem;line-height:var(--lh-20);color:var(--text-secondary);margin:0;padding-left:0;min-width:0;overflow-wrap:break-word;word-break:normal}#fold-related .pmlp-related__cta{grid-area:cta;align-self:start;justify-self:start;margin:4px 0 0;font-size:0.9375rem;line-height:var(--lh-20);font-weight:var(--weight-medium);color:var(--brand-green);white-space:nowrap}@container pmlp-related-card (min-width: 360px){#fold-related .pmlp-related__link{grid-template-columns:48px minmax(0, 1fr) auto;grid-template-areas:"mark name cta" "mark hook cta"}#fold-related .pmlp-related__cta{align-self:center;justify-self:end;margin:0}}:is(.page-main > .group, #fold-faq, #fold-related, .pmlp-sidebar) .pmlp-related__initial.is-logo{font-size:0;line-height:0;color:transparent}
/* ==== pmlp-v3 addendum END: c127-related-cards ==== */

/* ==== pmlp-v3 addendum BEGIN: c127-guide-markdown (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
#guide .guide-list{margin:var(--space-3) 0 0;padding:0 0 0 1.5em;font-size:0.9375rem;line-height:var(--lh-24);color:var(--text-tertiary)}#guide ul.guide-list{list-style:disc outside}#guide ol.guide-list{list-style:decimal outside}#guide .guide-list .guide-list{margin-top:var(--space-2)}#guide ul.guide-list ul.guide-list{list-style-type:circle}#guide .guide-list li{display:list-item;margin:0;padding:0 0 0 0.25em;font-size:0.9375rem;line-height:var(--lh-24);color:var(--text-tertiary)}#guide .guide-list li + li{margin-top:var(--space-2)}#guide .guide-list li::marker{color:var(--text-muted)}#guide :is(.guide-p, .guide-list li, .guide-h3, .guide-table th, .guide-table td) strong{color:var(--text-secondary);font-weight:var(--weight-semibold)}#guide :is(.guide-p, .guide-list li, .guide-table th, .guide-table td) em{font-style:italic}#guide :is(.guide-p, .guide-list li, .guide-table th, .guide-table td) a{color:var(--brand-green);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}#guide :is(.guide-p, .guide-list li, .guide-table th, .guide-table td) a:hover{text-decoration-thickness:2px}#guide .guide-hr{border:0;border-top:1px solid var(--v3-border-secondary);height:0;margin:var(--space-5) 0}#guide .guide-quote{margin:var(--space-4) 0 0;padding:2px 0 2px var(--space-4);border-left:3px solid var(--v3-border-primary)}#guide .guide-quote > :first-child{margin-top:0}#guide .guide-table{margin:var(--space-4) 0 0;max-width:100%;overflow-x:auto}#guide .guide-table table{border-collapse:collapse;width:100%;font-size:0.9375rem;line-height:var(--lh-24);color:var(--text-tertiary)}#guide .guide-table :is(th, td){padding:8px 12px 8px 0;border-bottom:1px solid var(--v3-border-secondary);text-align:left;vertical-align:top;font-size:0.9375rem;line-height:var(--lh-24)}#guide .guide-table th{color:var(--text-secondary);font-weight:var(--weight-semibold)}#guide :is(.guide-p, .guide-list li, .guide-table th, .guide-table td) del{text-decoration:line-through}
/* ==== pmlp-v3 addendum END: c127-guide-markdown ==== */

/* ==== pmlp-v3 addendum BEGIN: c127-reseller-card (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
#fold-retailer .code-card.rowx--C{grid-template-columns:56px minmax(0, 1fr) auto;column-gap:14px}#fold-retailer .rowx--C > .store-mark{width:56px;height:56px;align-self:center}#fold-retailer .rowx--C > .rowx-about > summary.rowx-about__h{display:flex;justify-content:flex-end}#fold-retailer .rowx--C > .rowx-about .rowx-about__face{justify-content:flex-end;align-items:center;gap:6px;width:100%;text-align:right}#fold-retailer .rowx--C > .rowx-about .rowx-about__face .fold-count{margin-left:0;flex:0 0 auto}@media (max-width: 560px){#fold-retailer .code-card.rowx--C{grid-template-columns:48px minmax(0, 1fr)}#fold-retailer .rowx--C > .store-mark{width:48px;height:48px}}
/* ==== pmlp-v3 addendum END: c127-reseller-card ==== */

/* ==== pmlp-v3 addendum BEGIN: c127-month-labels (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
.mlbl__yr{display:block}:is(.bar-chart__label, .dropcal__lbl){white-space:nowrap;overflow:visible;text-overflow:clip;text-align:center}:is(.section-fold, .rail-fold, .srow__body, .verdict, .wsx-more) .bar-chart__label{letter-spacing:0;overflow:visible;white-space:nowrap}.dropcal__lbl{display:block;letter-spacing:0}.dropcal:has(.mlbl__yr) .dropcal__lbl{min-height:2.4em}@media (max-width: 359.98px){.bar-chart__labels > .bar-chart__label:nth-child(even){visibility:hidden}}
/* ==== pmlp-v3 addendum END: c127-month-labels ==== */

/* ==== pmlp-v3 addendum BEGIN: c127-guide-type (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
#guide .hack-list{list-style:none;display:flex;flex-direction:column;gap:0;margin:0 0 var(--space-6);padding:0}#guide .hack-list > .hack{display:flex;align-items:flex-start;gap:var(--space-3);margin:0;padding:var(--space-3) 0;border:0;border-bottom:1px solid var(--v3-border-secondary);border-radius:0;background:none}#guide .hack-list > .hack:first-child{padding-top:0}#guide .hack-list > .hack:last-child{border-bottom:0}#guide .hack__n{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:24px;height:24px;margin:0;border:1px solid var(--v3-border-primary);border-radius:999px;background:var(--surface-inset);font-family:var(--font-mono);font-feature-settings:var(--features-mono);font-size:0.8125rem;line-height:1;font-weight:var(--weight-medium);color:var(--text-secondary)}#guide .hack__body{flex:1 1 auto;min-width:0}#guide .hack__t{margin:0;font-size:0.9375rem;line-height:var(--lh-24);color:var(--text-tertiary)}#guide .hack__t b{display:block;font-size:0.9375rem;line-height:var(--lh-24);font-weight:var(--weight-semibold);color:var(--text-primary)}#guide .guide-h3{font-size:1.2rem;line-height:1.75rem;font-weight:var(--weight-bold);letter-spacing:-0.01em;color:var(--text-primary);margin:var(--space-8) 0 var(--space-2)}#guide .guide-h3--sub{font-size:1.0625rem;line-height:1.5rem;font-weight:var(--weight-semibold);letter-spacing:0;color:var(--text-primary);margin:var(--space-6) 0 var(--space-2)}#guide .hack-list + .guide-h3, #guide .kz-block__body > .guide-h3:first-child{margin-top:0}#guide .guide-h3 + .guide-h3--sub{margin-top:var(--space-3)}#guide .guide-p{font-size:0.9375rem;line-height:1.6;color:var(--text-tertiary);margin:0}#guide .guide-p + .guide-p, #guide .guide-p + .guide-list, #guide .guide-list + .guide-p, #guide .guide-table + .guide-p, #guide .guide-quote + .guide-p{margin-top:var(--space-4)}#guide .guide-h3 + .guide-p, #guide .guide-h3 + .guide-list{margin-top:0}#guide .guide-list li{line-height:1.6}#guide .guide-quote{color:var(--text-secondary)}#guide .guide-quote .guide-p{color:var(--text-secondary);font-style:italic}@media (min-width: 861px){#guide :is(.guide-p, .guide-h3, .guide-list, .guide-quote, .hack-list){max-width:32rem}}
/* ==== pmlp-v3 addendum END: c127-guide-type ==== */

/* ==== pmlp-v3 addendum BEGIN: c127-month-bar-width (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
.bar-chart__bars .bar-col__track{width:60%;max-width:26px;margin-inline:auto}
/* ==== pmlp-v3 addendum END: c127-month-bar-width ==== */

/* ==== pmlp-v3 addendum BEGIN: c127-dropcal-year-line (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
.dropcal:has(.mlbl__yr) .dropcal__lbl{display:flex;flex-direction:column;justify-content:flex-end}
/* ==== pmlp-v3 addendum END: c127-dropcal-year-line ==== */

/* ==== pmlp-v3 addendum BEGIN: c127-srow-static (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
.srow--static,.srow--static *{pointer-events:none}.srow--static > .srow__face{cursor:default}.srow--static > .srow__face:hover{background:none}.srow--static > .srow__body,.srow--static.is-open > .srow__body{padding:0}details.srow.srow--static .srow__body .code-card.rowx{margin:0}
/* ==== pmlp-v3 addendum END: c127-srow-static ==== */

/* ==== pmlp-v3 addendum BEGIN: c127-scroll-reduced-motion (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
/* ==== pmlp-v3 addendum END: c127-scroll-reduced-motion ==== */

/* ==== pmlp-v3 addendum BEGIN: c1210-guide-full-measure (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
@media (min-width: 861px){#guide :is(.guide-p, .guide-h3, .guide-list, .guide-quote, .hack-list){max-width:none}}
/* ==== pmlp-v3 addendum END: c1210-guide-full-measure ==== */

/* ==== pmlp-v3 addendum BEGIN: c1211-held-fold (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
.srow-held{max-height:2.75rem;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000,transparent);mask-image:linear-gradient(to bottom,#000,transparent)}
/* ==== pmlp-v3 addendum END: c1211-held-fold ==== */

/* ==== pmlp-v3 addendum BEGIN: c1212-held-expand (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
.srow-held[data-held-fold]:not(.is-folded){max-height:none;overflow:visible;-webkit-mask-image:none;mask-image:none}
/* ==== pmlp-v3 addendum END: c1212-held-expand ==== */

/* ==== pmlp-v3 addendum BEGIN: c1218-faq-question (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
#faq .faq-q, #faq .faq-q:hover{color:var(--text-primary);font-weight:var(--weight-semibold, 600)}
/* ==== pmlp-v3 addendum END: c1218-faq-question ==== */

/* ==== pmlp-v3 addendum BEGIN: c1219-reviews-clip-fold (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
.rvw-held[data-held-fold].is-folded{max-height:3.5rem;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000,transparent);mask-image:linear-gradient(to bottom,#000,transparent)}
/* ==== pmlp-v3 addendum END: c1219-reviews-clip-fold ==== */

/* ==== pmlp-v3 addendum BEGIN: c1220-held-first-gap (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
.srow-held > .srow:first-child{margin-top:var(--space-2)}
/* ==== pmlp-v3 addendum END: c1220-held-first-gap ==== */

/* ==== pmlp-v3 addendum BEGIN: qf-row-wrap (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
.qf-wrap .si{flex-wrap:wrap;row-gap:2px}.qf-wrap .si__t{flex:1 0 auto;max-width:100%}.qf-wrap .si__v{margin-left:auto;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
/* ==== pmlp-v3 addendum END: qf-row-wrap ==== */

/* ==== pmlp-v3 addendum BEGIN: starrow-count-phone (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
@media (max-width: 767px){.proof-strips .starrow__of{flex-basis:100%}}
/* ==== pmlp-v3 addendum END: starrow-count-phone ==== */

/* ==== pmlp-v3 addendum BEGIN: p3-chart-ylabel (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
.bar-chart__ylabel{margin:0 0 var(--space-2);font-family:var(--font-mono);font-feature-settings:var(--features-mono);font-size:0.694rem;line-height:var(--lh-16);color:var(--text-tertiary);letter-spacing:var(--tracking-wide);text-transform:uppercase}
/* ==== pmlp-v3 addendum END: p3-chart-ylabel ==== */

/* ==== pmlp-v3 addendum BEGIN: chart-labels (declared in scripts/pmlp-v3-css.ts; do not edit here) ==== */
.bar-chart--labelled .bar-chart__bars,.bar-chart--labelled .bar-chart__labels{margin-left:24px;margin-right:0;max-width:none}.bar-chart--labelled .bar-chart__plot{position:relative}.bar-chart--labelled .bar-col__value{height:28px;flex-direction:column;justify-content:flex-end;align-items:center;line-height:1.15}.bar-chart--labelled .bar-col{min-width:0}.bar-chart--labelled .bar-col__count{max-width:100%;overflow:hidden}.bar-chart--labelled .bar-col__unit{display:block;max-width:100%;font-size:min(0.56rem, calc(100cqi / 3.7));letter-spacing:-0.03em;color:var(--text-tertiary)}.bar-chart--labelled .bar-col__count{color:var(--text-secondary)}.bar-chart--labelled .bar-chart__grid{position:absolute;left:24px;right:0;top:calc(28px + var(--space-1));pointer-events:none}.bar-chart--labelled .bar-col:not(.bar-col--own) .bar-col__track{border-top:1px dashed var(--gray-600)}.bar-chart--labelled .bar-chart__bars .bar-col--own,.bar-chart--labelled .bar-chart__deals .bar-chart__deal--own,.bar-chart--labelled .bar-chart__labels .bar-chart__label--own{flex-grow:1.5;margin-left:5px;padding-left:4px;border-left:1px dashed var(--gray-600)}.bar-chart--labelled .bar-chart__gmax,.bar-chart--labelled .bar-chart__zero{position:absolute;left:-24px;width:20px;text-align:right;font-family:var(--font-mono);font-feature-settings:var(--features-mono);font-size:0.625rem;line-height:1;color:var(--text-tertiary)}.bar-chart--labelled .bar-chart__gmax{top:-0.5em}.bar-chart--labelled .bar-chart__zero{left:0;bottom:0}.bar-chart--labelled .bar-chart__ynote{text-transform:none;letter-spacing:0}.bar-chart--labelled .bar-chart__deals-h{margin:var(--space-2) 0 2px 24px;font-family:var(--font-mono);font-feature-settings:var(--features-mono);font-size:0.694rem;line-height:var(--lh-16);color:var(--text-tertiary);letter-spacing:var(--tracking-wide);text-transform:uppercase}.bar-chart--labelled{container-type:inline-size;container-name:chartlab}.bar-chart--labelled .bar-chart__deals{display:flex;justify-content:space-between;gap:2px;margin:0 0 var(--space-1) 24px}.bar-chart--labelled .bar-chart__deal{flex:1 1 0;min-width:0;container-type:inline-size;text-align:center;white-space:nowrap;overflow:hidden;font-family:var(--font-mono);font-feature-settings:var(--features-mono);line-height:var(--lh-16);color:var(--text-secondary)}.bar-chart--labelled .bar-chart__deal > span{font-weight:var(--weight-medium);letter-spacing:-0.02em;font-size:min(0.625rem, calc(0.82 * 100cqi / (var(--value-chars, 3) * 0.6 + 0.1)))}@container chartlab (max-width: 520px){.bar-chart--labelled .bar-chart__label--minor{visibility:hidden}}
/* ==== pmlp-v3 addendum END: chart-labels ==== */