/* Editorial continuity beyond the homepage. Content, disclosures and shared
   navigation behavior remain owned by their existing page components. */
.secondary-body {
  --canvas: #f5f5ef;
  --canvas-raised: #fff;
  --ink-1: #182421;
  --ink-2: #35443e;
  --ink-3: #58635f;
  --accent-ink: #0a4e63;
}

/* One recognisable arrival and exit on every marketing route. */
.radar-header,
.radar-footer {
  --radar-graphite: #fff;
  --radar-ink: #182421;
  --radar-muted: #58635f;
  --radar-rule: #d8ddd7;
  --radar-focus: #0a4e63;
  --radar-paper: #fff;
  --radar-paper-ink: #182421;
  --radar-paper-muted: #58635f;
}
.radar-header { background: #fff; border-bottom-color: #e3e7df; }
.radar-header-inner,
.radar-footer-inner { width: min(1240px, calc(100% - 96px)); }
.radar-header-inner { min-height: 76px; }
.radar-header .radar-request {
  border-color: #116c88;
  border-radius: 6px;
  background: #116c88;
  color: #fff;
}
.radar-header .radar-request:hover { border-color: #0f6883; background: #0f6883; color: #fff; }
.radar-header .radar-dropdown-links {
  padding: 10px;
  border-color: #d8ddd7;
  border-radius: 9px;
  box-shadow: 0 14px 30px rgb(25 35 28 / 12%);
}
.radar-dropdown-links a { border-radius: 4px; }
.radar-dropdown-links a:hover,
.radar-dropdown-links a[aria-current] { background: #f2f5ef; color: #0a4e63; }
.radar-footer { padding-block: 56px 28px; background: #f5f5ef; }
.radar-footer-intro { margin-bottom: 38px; }
.radar-footer-group a { min-height: 44px; }
.radar-footer .radar-footer-bottom p,
.radar-footer-bottom > span { font-size: 13px; }

/* Company briefs use the homepage's paper, type and restrained teal roles. */
.secondary-body .company-refresh,
.secondary-body .company-refresh .cr-paper {
  --cr-bg: #fff;
  --cr-ink: #182421;
  --cr-muted: #58635f;
  --cr-accent: #0a4e63;
  --cr-line: #d8ddd7;
  background: var(--cr-bg);
  color: var(--cr-ink);
}
.secondary-body .company-refresh .cr-paper { --cr-bg: #f5f5ef; }
.secondary-body .company-refresh .cr-hero { padding-block: clamp(56px, 6vw, 88px); }
.secondary-body .company-refresh h1 {
  font-family: 'Bodoni Moda', Georgia, serif;
  font-size: clamp(44px, 5.4vw, 72px);
  font-weight: 400;
  font-synthesis: none;
  line-height: 1.08;
  letter-spacing: -.035em;
}
.secondary-body .company-refresh h1 span { color: inherit; }
.secondary-body.page-partners .company-refresh h1 { font-size: clamp(44px, 4.1vw, 60px); }
.secondary-body .company-refresh h2 { font-weight: 580; letter-spacing: -.035em; line-height: 1.16; }
.company-refresh .cr-lede { max-width: 46ch; font-size: 18px; }
.company-refresh .cr-kicker { margin-bottom: 22px; font-size: 14px; }
.company-refresh .cr-record {
  --cr-ink: #182421;
  --cr-muted: #58635f;
  --cr-accent: #0a4e63;
  --cr-line: #d8ddd7;
  padding: 32px;
  border: 1px solid #d8ddd7;
  background: #f5f5ef;
  box-shadow: 0 16px 40px -24px rgb(24 36 33 / 20%);
}
.company-refresh .cr-record dl > div { border-color: #d8ddd7; }
.company-refresh .cr-record-head { color: #58635f; font-size: 13px; }
.company-refresh .cr-record > p { margin-top: 12px; font-size: 13px; }
.company-refresh .cr-record dd { color: #182421; }
.company-refresh .cr-program { padding: 32px; background: #f5f5ef; border-color: #d8ddd7; }
.company-refresh .cr-availability,
.company-refresh .cr-availability > div { border-color: #d8ddd7; }
.company-refresh .cr-audience-links > a,
.company-refresh .cr-role-picker > a,
.company-refresh .cr-trust-links > a { transition: color 180ms ease, background-color 180ms ease; }
.company-refresh .cr-audience-links > a:hover,
.company-refresh .cr-role-picker > a:hover,
.company-refresh .cr-trust-links > a:hover { background: #f5f5ef; }
.company-refresh .btn { border-radius: 6px; }
.secondary-body .company-refresh .cr-closing { border-top: 1px solid var(--cr-line); }

/* Audience pages keep their role-specific evidence and existing content grid,
   replacing the old blue image chamber with a readable editorial opening. */
.secondary-body:is(.page-role, .page-cpa) .wrap { width: min(1240px, calc(100% - 96px)); padding-inline: 0; }
.secondary-body:is(.page-role, .page-cpa) .secondary-hero {
  min-height: 0;
  background: #fff;
  color: #182421;
  border-bottom: 1px solid #d8ddd7;
}
.secondary-body:is(.page-role, .page-cpa) .secondary-hero::before,
.secondary-body:is(.page-role, .page-cpa) .secondary-hero::after,
.secondary-body .role-source-register::before { content: none; }
.secondary-body:is(.page-role, .page-cpa) .secondary-hero .wrap { padding-block: clamp(56px, 6.5vw, 92px); }
.secondary-body .role-hero .wrap { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(40px, 6vw, 80px); align-items: center; }
.secondary-body:is(.page-role, .page-cpa) .secondary-hero h1 {
  max-width: 19ch;
  color: #182421;
  font: 400 clamp(44px, 4.9vw, 68px)/1.1 'Bodoni Moda', Georgia, serif;
  font-synthesis: none;
  letter-spacing: -.035em;
  text-wrap: balance;
}
.secondary-body:is(.page-role, .page-cpa) .secondary-hero h1 em { color: inherit; font-family: inherit; font-weight: 400; }
.secondary-body:is(.page-role, .page-cpa) .secondary-hero .lede { max-width: 56ch; color: #58635f; font-size: 18px; line-height: 1.65; }
.secondary-body:is(.page-role, .page-cpa) .secondary-hero .label,
.secondary-body .role-hero .role-kicker { color: #0a4e63; font-size: 13px; line-height: 1.5; }
.secondary-body:is(.page-role, .page-cpa) .btn { border-radius: 6px; }
.secondary-body .role-hero-actions .btn-ghost,
.secondary-body .role-close .btn-ghost { border-color: #8a9891; color: #182421; background: transparent; }
.secondary-body .role-hero-actions .btn-ghost:hover,
.secondary-body .role-close .btn-ghost:hover { border-color: #0a4e63; color: #0a4e63; background: #eff3ee; }
.secondary-body .role-source-register { border-color: #d8ddd7; background: #f5f5ef; color: #182421; box-shadow: none; }
.secondary-body .role-source-register figcaption { color: #0a4e63; border-color: #d8ddd7; font-size: 12px; letter-spacing: .03em; }
.secondary-body .role-source-register figcaption span:last-child,
.secondary-body .role-source-row span,
.secondary-body .role-source-register .source-note { color: #58635f; font-size: 13px; }
.secondary-body .role-source-row { border-color: #d8ddd7; }
.secondary-body .role-source-row strong { color: #182421; font-size: 15px; }
.secondary-body .role-source-register .source-note { border-color: #d8ddd7; }
.secondary-body.page-role #main > section.role-workflow,
.secondary-body.page-role #main > section.role-close,
.secondary-body.page-role #main > section.role-record-section { background: #f5f5ef; color: #182421; }
.secondary-body.page-role #main > section.role-thesis,
.secondary-body.page-role #main > section.role-boundary-section { background: #fff; }
.secondary-body .role-workflow h2,
.secondary-body .role-close h2,
.secondary-body .role-sequence h3 { color: #182421; }
.secondary-body .role-workflow h2 em,
.secondary-body .role-close h2 em,
.secondary-body .role-workflow .label,
.secondary-body .role-sequence span { color: #0a4e63; }
.secondary-body .role-workflow-head > p,
.secondary-body .role-close p,
.secondary-body .role-sequence p,
.secondary-body .role-close-note { color: #58635f; }
.secondary-body .role-sequence { border-left: 0; border-top-color: #d8ddd7; }
.secondary-body .role-sequence > div { min-height: 220px; border-color: #d8ddd7; padding: 24px 24px 24px 0; }
.secondary-body .role-sequence > div + div { padding-left: 24px; }
.secondary-body .role-sequence > div:last-child { border-right: 0; }
.secondary-body .role-sequence span { font-size: 12px; }
.secondary-body .role-sequence p { font-size: 15px; }
.secondary-body .role-record-top { background: #e8ede7; color: #182421; font-size: 13px; }
.secondary-body .role-record-top span:last-child { color: #0a4e63; }
.secondary-body .role-record-row span,
.secondary-body .role-record-row small { font-size: 13px; }
.secondary-body .role-status { background: #edf2ec; border-color: #9faea4; color: #35443e; }
.secondary-body.page-role-sponsors .role-status-panel { border-color: #d8ddd7; background: #f5f5ef; color: #58635f; font-size: 14px; }
.secondary-body.page-role-sponsors .role-status-panel strong { color: #182421; }
.secondary-body.page-cpa .hero-proofline { border-color: #d8ddd7; }
.secondary-body.page-cpa .hero-proofline span { border-color: #d8ddd7; background: #f5f5ef; color: #35443e; font-size: 13px; }
.secondary-body.page-cpa #main > section.band { background: #f5f5ef; }

/* Existing articles remain untouched; archive mastheads join their paper body. */
.secondary-body.page-insights .secondary-hero { min-height: 0; padding-block: 64px; background: #f5f5ef; border-color: #d8ddd7; }
.secondary-body.page-insights .secondary-hero h1 { color: #182421; }
.secondary-body.page-insights .secondary-hero .label,
.secondary-body.page-insights .secondary-hero .lede { color: #58635f; }

@media (max-width: 1100px) {
  .radar-mobile-panel { background: #fff; box-shadow: 0 14px 26px rgb(25 35 28 / 10%); max-height: calc(100dvh - 76px); }
}
@media (max-width: 1050px) {
  .radar-header-inner,
  .radar-footer-inner,
  .secondary-body:is(.page-role, .page-cpa) .wrap { width: calc(100% - 64px); }
}
@media (max-width: 900px) {
  .secondary-body .role-hero .wrap { grid-template-columns: 1fr; gap: 36px; }
  .secondary-body .role-source-register { width: 100%; max-width: none; }
  .secondary-body:is(.page-role, .page-cpa) .secondary-hero h1 { max-width: 21ch; }
}
@media (max-width: 760px) {
  .radar-header-inner,
  .radar-footer-inner,
  .secondary-body:is(.page-role, .page-cpa) .wrap { width: calc(100% - 40px); }
  .radar-footer { padding-top: 40px; }
  .radar-footer-intro { align-items: flex-start; flex-direction: column; gap: 14px; }
  .radar-footer .radar-footer-bottom p,
  .radar-footer-bottom > span { font-size: 12px; }
  .secondary-body .company-refresh h1 { font-size: clamp(40px, 8.5vw, 56px); }
  .secondary-body .company-refresh .cr-hero { padding-block: 44px 48px; }
  .company-refresh .cr-record,
  .company-refresh .cr-program { padding: 24px; }
  .secondary-body:is(.page-role, .page-cpa) .secondary-hero .wrap { padding-block: 44px 48px; }
  .secondary-body:is(.page-role, .page-cpa) .secondary-hero h1 { font-size: clamp(40px, 8.5vw, 54px); line-height: 1.1; }
  .secondary-body:is(.page-role, .page-cpa) .secondary-hero .lede { font-size: 17px; }
  .secondary-body .role-sequence > div { min-height: 190px; }
}
@media (max-width: 640px) {
  .secondary-body .role-sequence > div,
  .secondary-body .role-sequence > div + div { min-height: 0; padding: 24px 0; border-right: 0; }
  .secondary-body .role-sequence h3 { margin-top: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .company-refresh .cr-audience-links > a,
  .company-refresh .cr-role-picker > a,
  .company-refresh .cr-trust-links > a { transition: none; }
}
@media (forced-colors: active) {
  .radar-header :is(a, summary):focus-visible,
  .radar-footer a:focus-visible { outline-color: Highlight; }
}