/* ===== Consistency layer · 6 November 2026 =====
   Loaded LAST on every public page. Brings repeated components into one language across pages.
   No copy changes. Grouped by component. Home is the only page on home-style.css + v3.css,
   so home-only rules are scoped with body:has(.simple-hero). */

/* ---------- 1. Home: gutters and container on the site grid ----------
   Home ran on a 32/24/20px gutter and a 1240px measure; every other page uses 28/48/24/18/14/12px
   (alignment.css --g) inside a 1320px container. Header, footer and section text jumped 4 to 8px
   when moving between Home and any other page. */
/* (home does not load alignment.css, so the --g scale is restated here) */
:root:has(.simple-hero){--gutter:28px;--hero-pad-x:27px}
@media(min-width:1440px){:root:has(.simple-hero){--gutter:48px;--hero-pad-x:47px}}
@media(max-width:1024px){:root:has(.simple-hero){--gutter:24px;--hero-pad-x:23px}}
@media(max-width:768px){:root:has(.simple-hero){--gutter:18px;--hero-pad-x:17px}}
@media(max-width:600px){:root:has(.simple-hero){--gutter:14px;--hero-pad-x:13px}}
@media(max-width:380px){:root:has(.simple-hero){--gutter:12px;--hero-pad-x:11px}}
body:has(.simple-hero) .container{max-width:1320px}
/* Framed hero rows: the frame's 1px border pushed the title and deck 1px right of the section text */
body:has(.simple-hero) .hero .container>:is(.hero-title,.simple-position,.hero-edition,.hero-actions){padding-left:var(--hero-pad-x)}

/* ---------- 2. Section eyebrows ----------
   One size, tracking and gap everywhere (10px mono, .16em, 14px to the title).
   Home ran 11px/.12em/16px; Edition I and Partnership carried one-off 8, 10 and 18px gaps. */
.section-eyebrow{font-size:10px;letter-spacing:.16em;margin-bottom:14px!important}
/* On dark bands the eyebrow is paper on every page; Home alone used a light red */
:is(.block-dark,.block.dark) .section-eyebrow{color:var(--paper)}

/* ---------- 3. Section titles (h2) on Home ----------
   Home used 44px with a 24px gap; every other page uses the style.css scale below. */
body:has(.simple-hero) .section-title{font-size:clamp(32px,5vw,56px);line-height:1;letter-spacing:-.035em;margin-bottom:48px}
@media(max-width:1024px){body:has(.simple-hero) .section-title{font-size:clamp(28px,4.5vw,42px);margin-bottom:36px}}
@media(max-width:768px){body:has(.simple-hero) .section-title{font-size:clamp(28px,6vw,44px);margin-bottom:32px}}
@media(max-width:600px){body:has(.simple-hero) .section-title{font-size:28px;margin-bottom:32px}}

/* ---------- 4. Page titles (h1) on phones ----------
   Inner pages dropped to 32px at 390px, barely above the 28px section titles, while Home and the
   legal pages hold 40px. One display size on phones. */
@media(max-width:600px){.page-header h1:not(.essay-title){font-size:40px}}
@media(max-width:380px){.page-header h1:not(.essay-title){font-size:34px}}

/* ---------- 5. Buttons ----------
   One button: 10px mono, .16em, 13px 24px, 44px tall. Home ran 13px type at 53px tall, the
   Before Capital Flows buttons 15px 26px, and the form submit buttons had no border (39px tall). */
.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
body:has(.simple-hero) .btn{font-size:10px;letter-spacing:.16em;padding:13px 24px;min-height:44px}
#page-conclusions .btn{padding:13px 24px}
.tdr-form .tf-actions .btn{border:1px solid var(--red);min-height:44px}
/* Essay gate: the two buttons used body type; same face as every other button */
.g-btn{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;padding:13px 24px;min-height:44px;display:inline-flex;align-items:center}

/* ---------- 6. Inline links in prose ----------
   Body links were ink on most pages, red on Partnership and Terms, and browser blue on Privacy
   and the Funding Nature essay. Now: the text colour, underlined, red on hover. */
:is(p,li,dd,td) > a:not([class]):not([style]):not(footer *):not(nav *):not(.ncnav *):not(.nc-over *):not(.announce *),
a.eml-link.eml-text{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
@media(hover:hover){
 :is(p,li,dd,td) > a:not([class]):not([style]):not(footer *):not(nav *):not(.ncnav *):not(.nc-over *):not(.announce *):hover,
 a.eml-link.eml-text:hover{color:var(--red)}
}

/* ---------- 7. Small red labels on dark bands ----------
   #d92e1c on #0a0a0a is 4.1:1, under 4.5:1 for 10px type. On dark, small red labels take the
   site's lighter red (#f04e3a, 5.5:1), as the Founding band already does. */
:is(.block-dark,.block-founding,.contact-3col-dark,.tier-anchor-lead,#page-conclusions .cta,.dossier,.e2-lead,.essay-hero,.page-header-dark) :is(.card-num,.who-tag,.cf-link,.e2-day-t,.e2f-k,.e2x-k,.di-num,.dossier-eyebrow,.dossier-contents-label,.dossier-stamp,.aw-row-label,.cta-eyebrow,.amb-theme){color:var(--red-soft,#f04e3a)}
.page-header-dark .ins-chip:not([style*="background"]),
.block-dark .e2x-rail a,
.who-card:is(.dark,.who-card-dark,[style*="--ink"]) :is(.who-tag,.cf-link),
.contact-3col-dark div[style*="--red"],.contact-3col-dark~.rv div[style*="--red"]{color:var(--red-soft,#f04e3a)!important}

/* ---------- 8. Section divider dot at band seams ----------
   The red dot sits on a paper pad over each band's bottom rule. Where a dark band meets a light
   one there is no rule to sit on, and the paper pad showed as a notch cut into the dark band. */
.block.block-dark::after,
.block.block-founding::after,
.block:has(+ :is(.block-dark,.block-founding,.image-band,.hero-band,.e2-lead,.dossier,footer.dark))::after{display:none}

/* ---------- 9. Footer wordmark ----------
   The header shows "the [decision] room"; the footer bar hid the word (ink on ink, or paper on
   paper on Home). Same lockup in both places. */
footer .footer-brand .bar{color:var(--paper);padding:0 4px;margin:0 2px}
body:has(.simple-hero) footer .footer-brand .bar{color:var(--ink)}

/* ---------- 10. Note boxes ----------
   The form guard notes and Partnership's pair and bespoke notes used grey or cream fills.
   They keep the red rule on the left and drop the fill, as the partner cards do. */
.tf-guard,.pair-note,.aw-bespoke{background:transparent!important;border-left:2px solid var(--red);padding:4px 0 4px 16px}
.anchor-worked{background:transparent}

/* ---------- 11. Partnership: relationship cards ----------
   Cards carried legacy colour codes (blue, teal, amber, green, purple borders and tints) and a pale
   grey outer border. One card: ink frame, red rule on the left, no tint. */
.partner-tier{border:1px solid var(--ink);border-left:4px solid var(--red)}
:is(.partner-tier-anchor,.partner-tier-roundtable,.partner-tier-cluster,.partner-tier-closing,.partner-tier-venue){border-left-color:var(--red);background:transparent}
.block-founding .partner-tier{border-color:var(--paper);border-left-color:var(--red)}
@media(hover:hover){.partner-tier:hover{background:transparent}}
.tier-anchor-lead{border-color:var(--ink)}
/* "The difference": the Workshop cell was beige (#e9e6e0) and the Anchor text 75% white */
.grid-3 > .card[style*="#e9e6e0"]{background:var(--paper)!important}
.grid-3 > .card[style*="--ink"] p{color:var(--paper)!important}

/* ---------- 12. Forms ----------
   Choice grids used pale grey rules (#e0e0e0) while the role grid and question list use ink.
   All choice grids now join in ink. */
.tf-choices{border-top-color:var(--ink);border-left-color:var(--ink)}
.tf-choices>*{border-right-color:var(--ink)!important;border-bottom-color:var(--ink)!important}
/* Request: the "Add detail now" panel ran edge to edge of the form; on Partnership enquiry it sits
   inside the form padding, on the same line as the fields */
.tdr-form>.tf-more{margin:28px}
@media(max-width:760px){.tdr-form>.tf-more{margin:18px}}

/* ---------- 13. Edition II: guests rail on a light band ----------
   The rail's top and left rules were paper-coloured (invisible on paper) and the card rules 14%
   ink, so the grid looked open on two sides. Joined ink rules, as the other card grids. */
.block:not(.block-dark) .amb-rail{border-top-color:var(--ink);border-left-color:var(--ink)}
.block:not(.block-dark) .amb-card{border-right-color:var(--ink);border-bottom-color:var(--ink)}
.block:not(.block-dark) .amb-card p{color:var(--ink)}
.amb-arrow{width:44px;height:44px}
/* Card padding matched to .card (32 28 / 24 20 on phones); was 20 22 26 */
.amb-body{padding:32px 28px}
@media(max-width:600px){.amb-body{padding:24px 20px}}
.block:not(.block-dark) .amb-nav .amb-arrow{border-color:var(--ink)}

/* ---------- 14. Home: Edition I numbers band on phones ----------
   Below 760px the caption stacks under the photo on ink, but its figures line stayed ink:
   "8 closed rooms · 9.3 out of 10 ..." was invisible. */
@media(max-width:760px){
 body:has(.simple-hero) .image-band .image-band-text p{color:var(--paper)}
 body:has(.simple-hero) .image-band .image-band-text::before{color:var(--red-soft,#f04e3a)}
}

/* ---------- 15. Focus ----------
   One visible focus ring for links, buttons and fields that had none of their own. */
:is(a,button,summary,[tabindex]):focus-visible{outline:2px solid var(--red);outline-offset:2px}
:is(input,select,textarea):focus-visible{outline:2px solid var(--red);outline-offset:0}

/* ---------- 16. Red labels on cream panels ----------
   Before Capital Flows and the legal contents panel use a cream ground (#f4f1ea), where the
   10px red labels measured 4.3:1. Inside those panels red text takes the deeper red already in
   the palette (#b32517, 5.9:1); buttons keep the brand red. */
#page-conclusions :is(.note,.commitments,.locked-report,.toc),
:is(#page-terms,#page-privacy) .terms-toc{--red:#b32517}
#page-conclusions :is(.note,.commitments,.locked-report,.toc) .btn-primary{--red:#d92e1c}