/* Bridge for the bespoke tool pages that keep their own stylesheet (credibility, scorecard, ownership guide):
   the old guide variables they read point at Flow's tokens, so their layouts take Flow type and color. */
:root {
  --muted: var(--ink-3);
  --soft: #8a95a8;
  --ink-mid: var(--ink-3);
  --ink-soft: var(--ink-3);
  --ink-faint: #8a95a8;
  --accent: var(--gold);
  --accent-deep: var(--gold-ink);
  --mono: var(--sans);
  --serif: var(--sans);
  --bg: var(--paper);
  --e: var(--ease-out);
}

/* The old guide nav sat in the flow (sticky); Flow's header overlays, so main gives that height back */
body.chrome-v2 main { padding-top: var(--header-h); }
/* The kept page sheets trim sideways overflow with overflow-x:hidden on body (.score-page, .cred-page, .pw-page).
   That turns body into its own scroll container, so every position:sticky inside it (the scorecard result and its
   phone summary, the private wealth brief) scrolls away instead of holding. clip trims the same overflow without
   creating a scroller, as tmn-home.css already does for html and body. */
@supports (overflow: clip) {
  body.chrome-v2 { overflow-x: clip; }
}
/* The byline the old guide stylesheet used to set */
body.chrome-v2 .article-meta { font-size: 0.9375rem; line-height: 1.6; color: var(--ink-3); }
body.chrome-v2 .article-meta a { color: var(--ink); font-weight: 560; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: rgb(15 27 47 / 0.35); }
body.chrome-v2 .article-meta > span[aria-hidden="true"] { margin: 0 0.45em; }

/* Flow's softer corners on the tool pages' frames and cards (their own stylesheets set 2 to 4px) */
body.chrome-v2 .cred-ai,
body.chrome-v2 .cred-recommend-main,
body.chrome-v2 .cred-fit,
body.chrome-v2 .score-sheet,
body.chrome-v2 .ow-hero-frame { border-radius: var(--r-lg); }
/* The credibility method grid reads as a hairline ledger, not boxed cells */
body.chrome-v2 .cred-method-rows { border: 0; column-gap: clamp(2rem, 4vw, 3.5rem); }
body.chrome-v2 .cred-method-row { border: 0; border-top: 1px solid var(--line); background: transparent; padding: 1.35rem 0 1.5rem; }
/* The scorecard's proof captures go to 1 column where 2 would drop below about 280px each */
@media (max-width: 640px) {
  body.chrome-v2 .score-proof-grid { grid-template-columns: minmax(0, 1fr); }
}
/* Button rows: the old stylesheet spaced its .btn links with margins; Flow buttons sit in a gapped row */
body.chrome-v2 main :not(.gd-close-actions):has(> a.button + a.button) { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.5rem; }

/* Base rules the old guide stylesheet gave the bespoke pages that keep their inline style (capital partners,
   private wealth): alternate grounds, the hero's top room, and the sources aside */
body.chrome-v2 main .section.alt { background: var(--paper-2); }
body.chrome-v2 main .source-ledger { margin-top: clamp(1.75rem, 3.5vw, 2.5rem); padding: clamp(1.25rem, 3vw, 2rem); border-radius: var(--r-lg); background: var(--surface); box-shadow: 0 0 0 1px var(--line-2); }
body.chrome-v2 main .source-ledger h2,
body.chrome-v2 main .source-ledger h3 { font-size: 1.1875rem; }
body.chrome-v2 main .source-ledger p { margin-top: 0.6rem; font-size: 0.9375rem; line-height: 1.6; color: var(--ink-2); }
body.chrome-v2 main .source-ledger ul { display: grid; gap: 0.35rem; margin-top: 0.75rem; padding-left: 1.1rem; font-size: 0.9375rem; }
body.chrome-v2 main .source-ledger a { color: var(--ink); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: rgb(15 27 47 / 0.35); }
.gd-hero-copy .archive-note { display: grid; gap: 0.3rem; margin-top: 1.4rem; max-width: 38em; padding: 1rem 1.2rem; border-radius: var(--r-md); background: var(--surface); box-shadow: 0 0 0 1px var(--line-2); font-size: 0.9375rem; line-height: 1.55; color: var(--ink-2); }
.gd-hero-copy .archive-note strong { font-weight: 600; color: var(--ink); }

/* The old guide base layout, for a bespoke page whose inline style builds on .hero, .section and .section-inner
   (capital partners): the same widths and rails, set on Flow's tokens */
body.chrome-v2 main > section.hero { padding: clamp(3.4rem, 5.5vw, 5.8rem) var(--rail) clamp(2.4rem, 4vw, 3.5rem); }
body.chrome-v2 main > section.hero > .hero-inner { max-width: 1220px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(330px, 0.72fr); gap: clamp(2rem, 5vw, 5rem); align-items: end; }
body.chrome-v2 main > section.hero .lead { max-width: 62ch; margin: 1.2rem 0 1.45rem; font-size: clamp(1.08rem, 0.42vw + 1rem, 1.28rem); line-height: 1.62; color: var(--ink-2); }
body.chrome-v2 main > section.section { padding: clamp(3.2rem, 6vw, 6rem) var(--rail); border-top: 1px solid var(--line); }
body.chrome-v2 main > section.section > .section-inner { max-width: 1220px; margin: 0 auto; }
@media (max-width: 900px) {
  body.chrome-v2 main > section.hero > .hero-inner { grid-template-columns: minmax(0, 1fr); }
}
body.chrome-v2 main > section.section > .section-inner h2 + p { margin-top: 1.1rem; }
body.chrome-v2 main > section.section > .section-inner p + p { margin-top: 0.9rem; }

/* Walnut's cover facts: plain sentence-case labels, no uppercase mono micro-labels */
body .case-fact span { font-family: inherit; font-size: 0.8125rem; font-weight: 600; text-transform: none; letter-spacing: normal; color: var(--gold-2); }
/* Private wealth: Flow's softer corners, a brief heading that fits its column, and words that wrap inside the dark proof panel */
body .pw-hero-media,
body .pw-proof,
body .pw-review-panel,
body .pw-decision-primary,
body .pw-decision-secondary { border-radius: var(--r-lg); }
body .pw-brief-aside h2 { font-size: clamp(1.9rem, 2.3vw, 2.3rem); }
body .pw-proof-copy p,
body .pw-proof-copy a { overflow-wrap: break-word; }

/* Flow buttons keep their own colors over the pages' "a:not(.btn)" link rules (the converted buttons no longer carry .btn) */
body main a.button.button-ink { color: #fff; }
body main a.button.button-line { color: var(--ink); }
/* On private wealth's dark proof panel, the original treatment: a gold primary and a light outline secondary */
body main :is(.pw-proof-copy, .pw-decision-primary, .ow-handoff, .cap-close) a.button.button-ink { background: var(--gold); color: #1d1506; box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.35); }
body main :is(.pw-proof-copy, .pw-decision-primary, .ow-handoff, .cap-close) a.button.button-ink:hover { background: #d6b563; }
body main :is(.pw-proof-copy, .ow-handoff) a.button.button-line { background: transparent; border-color: rgb(238 242 247 / 0.32); color: var(--stage-ink); box-shadow: none; }
body main :is(.pw-proof-copy, .ow-handoff) a.button.button-line:hover { background: var(--paper); border-color: var(--paper); color: var(--ink); }
/* The private wealth decision card's button returns to its own width instead of a bar across the card */
body main .pw-decision-primary a.button { align-self: flex-start; justify-self: start; width: auto; }
body main :is(.pw-decision-primary, .ow-handoff, .cap-close) a.button:focus-visible { outline-color: var(--gold-2); }

/* Follow-ups found by the live verification of 0007ba2 */
/* Capital close: the page's own narrow rules still target .btn-primary, but the converted link is a.button, so the
   now-visible gold button sat flush against the heading */
@media (max-width: 900px) {
  body main .cap-close a.button { margin-top: 1.5rem; }
}
@media (max-width: 600px) {
  body main .cap-close a.button { width: 100%; white-space: normal; }
}
/* Scorecard phone summary: it sticks now, so it sits right under the header on a solid ground. The scorecard sheet
   shows the summary through max-width:900px, so the override covers 900 too */
@media (max-width: 900px) {
  body.chrome-v2 .score-mobile-summary { top: var(--header-h); background: var(--paper); }
}
/* Wix guide: the old ".ownership-guide .nav" rule painted Flow's nav opaque over the header glass */
body.chrome-v2.ownership-guide .site-header .nav { background: transparent; }