/* NABOR V5 · SECTION-VARIANT REGISTRY · the actual "combine the winners yourself" layer.
   Generalizes the vHY hybrid technique: each treatment is scoped to its own chapter only via
   [data-ch="NN"], so HERO/WEEK/PROOF/PRICE can each independently pick a winning treatment while the
   rest of the page (and the shared engine/tokens) stays exactly as the chosen base variant defines it.
   Toggled via body[data-week], body[data-proof-style], body[data-price-style]; hero extras via body[data-hero]
   (3 more real composed layouts added here on top of the 5 already in base.css). */

/* ===== HERO — 3 additional composed layouts (base.css already has fullbleed/split-left/split-right/type-only/masked) ===== */
body[data-hero="center"] .hero .g{display:grid;justify-items:center;text-align:center}
body[data-hero="center"] .hero .ph{max-width:420px;margin-inline:auto}
body[data-hero="center"] .hero h1,body[data-hero="center"] .hero .lead{margin-inline:auto}
body[data-hero="center"] .hero .meta{justify-content:center}
@media(min-width:1024px){body[data-hero="diagonal"] .hero .g{grid-template-columns:1fr 1fr}body[data-hero="diagonal"] .hero .ph{clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}}
body[data-hero="glass"] .hero .txt{background:rgba(15,15,18,.4);backdrop-filter:blur(6px) saturate(1.1);-webkit-backdrop-filter:blur(6px) saturate(1.1);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:22px 24px;contain:layout paint;will-change:backdrop-filter}
@media(min-width:1024px){body[data-hero="glass"] .hero .txt{padding:32px 36px}}

/* ===== WEEK OBJECT — [data-ch="05"] ===== */
body[data-week="instrument"] [data-ch="05"] #wkx,body[data-week="instrument"] [data-ch="05"] .map,body[data-week="instrument"] [data-ch="05"] .rw{
  font-family:'JetBrains Mono',ui-monospace,monospace;background:#0a0b0e;border:1px solid var(--line-2);box-shadow:var(--sh-recess);border-radius:8px
}
body[data-week="instrument"] [data-ch="05"] #wkx::before{display:none}
body[data-week="instrument"] [data-ch="05"] .wkx .dmeta b,body[data-week="instrument"] [data-ch="05"] .metric{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:600;letter-spacing:-.01em}
body[data-week="instrument"] [data-ch="05"] .week>div b{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.8rem}
/* default ("cinematic") = base.css's own gold-lit #wkx, no override needed */

/* ===== PROOF — [data-ch="14"] ===== */
body[data-proof-style="glass"] [data-ch="14"] .pc-grid>div:first-child,
body[data-proof-style="glass"] [data-ch="14"] .pc-grid>div:last-child{
  background:rgba(15,15,18,.4);backdrop-filter:blur(6px) saturate(1.1);-webkit-backdrop-filter:blur(6px) saturate(1.1);
  border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:22px 24px;
  contain:layout paint;will-change:backdrop-filter
}
body[data-proof-style="documentary"] [data-ch="14"] .print{background:transparent;border:0;box-shadow:none;padding:0}
body[data-proof-style="documentary"] [data-ch="14"] .print figcaption{padding-left:0}
body[data-proof-style="documentary"] [data-ch="14"] .raw div{border-radius:2px}
/* default ("dossier") = base.css's own warm .m-sheet + .print, no override needed */

/* ===== PRICE — [data-ch="17"] ===== */
body[data-price-style="ledger"] [data-ch="17"] .price{grid-template-columns:1fr;max-width:820px}
body[data-price-style="ledger"] [data-ch="17"] .sheet{background:#0a0b0e;border-radius:6px;font-family:'JetBrains Mono',ui-monospace,monospace}
body[data-price-style="ledger"] [data-ch="17"] .amt{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:600;font-size:2.2rem;letter-spacing:-.02em}
body[data-price-style="ledger"] [data-ch="17"] .hp{margin-top:0;box-shadow:var(--sh-recess);border-color:var(--line-2)}
body[data-price-style="monolith"] [data-ch="17"] .sheet,body[data-price-style="monolith"] [data-ch="17"] .price .hp{background:transparent;box-shadow:none;border:1px solid var(--line-2)}
body[data-price-style="monolith"] [data-ch="17"] .amt{font-size:3.4rem}
/* default ("objects") = base.css's own gold-lit .hp, no override needed */

/* ===== MOBILE FOLD GUARD (studio, 2026-09-07) — the split/masked/glass/center/diagonal heroes put the photo strip
   first on phones and pushed the CTA to 880-1010px on an 844px viewport (CONTROL's historical #1 defect).
   Shorter strip + CTA directly under the headline; lead and facts follow. Fullbleed/type-only and the new
   hero-compositions.css layouts keep their own mobile rules. ===== */
@media(max-width:767px){
  body[data-hero="split-right"] .hero .ph,body[data-hero="split-left"] .hero .ph,body[data-hero="masked"] .hero .ph,body[data-hero="glass"] .hero .ph,body[data-hero="center"] .hero .ph,body[data-hero="diagonal"] .hero .ph{aspect-ratio:21/9}
  body[data-hero="split-right"] .hero .txt,body[data-hero="split-left"] .hero .txt,body[data-hero="masked"] .hero .txt,body[data-hero="glass"] .hero .txt,body[data-hero="center"] .hero .txt,body[data-hero="diagonal"] .hero .txt,body[data-hero="type-only"] .hero .txt{display:flex;flex-direction:column}
  body[data-hero="split-right"] .hero .txt>.lab,body[data-hero="split-left"] .hero .txt>.lab,body[data-hero="masked"] .hero .txt>.lab,body[data-hero="glass"] .hero .txt>.lab,body[data-hero="center"] .hero .txt>.lab,body[data-hero="diagonal"] .hero .txt>.lab,body[data-hero="type-only"] .hero .txt>.lab{order:0}
  body[data-hero="split-right"] .hero .txt>h1,body[data-hero="split-left"] .hero .txt>h1,body[data-hero="masked"] .hero .txt>h1,body[data-hero="glass"] .hero .txt>h1,body[data-hero="center"] .hero .txt>h1,body[data-hero="diagonal"] .hero .txt>h1,body[data-hero="type-only"] .hero .txt>h1{order:1}
  body[data-hero="split-right"] .hero .txt>.ctarow,body[data-hero="split-left"] .hero .txt>.ctarow,body[data-hero="masked"] .hero .txt>.ctarow,body[data-hero="glass"] .hero .txt>.ctarow,body[data-hero="center"] .hero .txt>.ctarow,body[data-hero="diagonal"] .hero .txt>.ctarow,body[data-hero="type-only"] .hero .txt>.ctarow{order:2;margin-top:12px}
  body[data-hero="split-right"] .hero .txt>.lead,body[data-hero="split-left"] .hero .txt>.lead,body[data-hero="masked"] .hero .txt>.lead,body[data-hero="glass"] .hero .txt>.lead,body[data-hero="center"] .hero .txt>.lead,body[data-hero="diagonal"] .hero .txt>.lead,body[data-hero="type-only"] .hero .txt>.lead{order:3;margin-top:14px}
  body[data-hero="split-right"] .hero .txt>.meta,body[data-hero="split-left"] .hero .txt>.meta,body[data-hero="masked"] .hero .txt>.meta,body[data-hero="glass"] .hero .txt>.meta,body[data-hero="center"] .hero .txt>.meta,body[data-hero="diagonal"] .hero .txt>.meta,body[data-hero="type-only"] .hero .txt>.meta{order:4}
  body[data-hero="split-right"] .hero .txt>.week,body[data-hero="split-left"] .hero .txt>.week,body[data-hero="masked"] .hero .txt>.week,body[data-hero="glass"] .hero .txt>.week,body[data-hero="center"] .hero .txt>.week,body[data-hero="diagonal"] .hero .txt>.week,body[data-hero="type-only"] .hero .txt>.week{order:5}
}
@media(max-width:767px){body[data-hero="glass"] .hero .txt{padding:14px 16px}body[data-hero="split-right"] .hero .g,body[data-hero="split-left"] .hero .g,body[data-hero="masked"] .hero .g,body[data-hero="glass"] .hero .g,body[data-hero="center"] .hero .g,body[data-hero="diagonal"] .hero .g{gap:16px}}
@media(min-width:1024px){body[data-hero="type-only"] .hero .in{min-height:0}body[data-hero="type-only"] .hero h1{max-width:14ch}body[data-hero="type-only"] .hero .txt{display:flex;flex-direction:column}body[data-hero="type-only"] .hero .txt>.lab{order:0}body[data-hero="type-only"] .hero .txt>h1{order:1}body[data-hero="type-only"] .hero .txt>.ctarow{order:2;margin-top:18px}body[data-hero="type-only"] .hero .txt>.lead{order:3}body[data-hero="type-only"] .hero .txt>.meta{order:4}body[data-hero="type-only"] .hero .txt>.week{order:5}}
@media(max-width:767px){body[data-hero="type-only"] h1{max-width:none}body[data-hero="type-only"] .hero .in{padding-top:18px}body[data-hero="type-only"] .hero .txt>.ctarow{margin-top:10px}}
@media(max-width:1023px){body[data-hero="type-only"] .hero .ph{display:none}body[data-hero="type-only"] .hero .g{grid-template-columns:1fr}}
/* proof room reviews: quote above the cite in every theme — the 2-col grid squeezed the quote to ~130px in mono themes (v02) */
body [data-ch="14"] .rev>div{grid-template-columns:minmax(0,1fr)!important;row-gap:8px}
body [data-ch="14"] .rev>div .who{margin-top:2px}