/* system: survey */
/* Newsroom Survey — generated from tokens.json */
:root, [data-theme="light"] {
  --canvas: #ffffff;
  --surface-alt: #f7f7f7;
  --surface-raised: #f0f0e6;
  --ink: #2a2a2a;
  --ink-soft: var(--ink);
  --ink-muted: #565656;
  --ink-caption: #818181;
  --line: #dadbdb;
  --line-soft: #e2e3e3;
  --line-faint: #f7f7f7;
  --section-line: #000000;
  --input-line: #818181;
  --accent: #346ead;
  --on-accent: #ffffff;
  --link: var(--accent);
  --signal: #d7b236;
  --category-ink: var(--ink);
  --inverse: #32373c;
  --on-inverse: #ffffff;
  --input-ink: #000000;
  --header-surface: #ffffff;
  --on-header: #2a2a2a;
  --header-line: var(--line);
  --topbar-surface: #000000;
  --on-topbar: #ffffff;
  --nav-surface: #ffffff;
  --on-nav: #2a2a2a;
  --on-nav-muted: var(--ink-muted);
  --nav-line: var(--line);
  --cta: #d7b236;
  --on-cta: #ffffff;
  --cta-line: var(--cta);
  --footer-surface: #f7f7f7;
  --on-footer: #2a2a2a;
  --on-footer-muted: #565656;
  --footer-line: var(--line);
  --footer-button: var(--inverse);
  --on-footer-button: var(--on-inverse);
  --positive: #1b7f3b;
  --negative: #b3261e;
  --scrim: rgba(0, 0, 0, 0.55);
  --on-scrim: #ffffff;
  --focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px #346ead;
}
[data-theme="dark"] {
  --canvas: #1a1a1a;
  --surface-alt: #242424;
  --surface-raised: #333028;
  --ink: #d9d9d9;
  --ink-muted: #a0a0a0;
  --ink-caption: #9a9a9a;
  --line: #3a3a3a;
  --line-soft: #333333;
  --line-faint: #242424;
  --section-line: #f0f0f0;
  --input-line: #9a9a9a;
  --accent: #5b9bd5;
  --on-accent: #1a1a1a;
  --signal: #e0bd45;
  --inverse: #f0f0f0;
  --on-inverse: #1a1a1a;
  --input-ink: #f0f0f0;
  --header-surface: #1a1a1a;
  --on-header: #d9d9d9;
  --topbar-surface: #000000;
  --on-topbar: #ffffff;
  --nav-surface: #1a1a1a;
  --on-nav: #d9d9d9;
  --cta: #e0bd45;
  --on-cta: #1a1a1a;
  --footer-surface: #242424;
  --on-footer: #d9d9d9;
  --on-footer-muted: #a0a0a0;
  --positive: #5cc98a;
  --negative: #ff8a80;
  --scrim: rgba(0, 0, 0, 0.6);
  --on-scrim: #ffffff;
  --focus-ring: 0 0 0 2px #1a1a1a, 0 0 0 4px #5b9bd5;
}
:root {
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --space-3xl: 40px;
  --space-4xl: 48px;
  --space-5xl: 36px;
  --space-6xl: 64px;
  --radius-none: 0px;
  --radius-xs: 3px;
  --radius-sm: 3px;
  --radius-md: 3px;
  --radius-full: 9999px;
  --border-hairline: 1px;
  --border-quote: 2px;
  --border-active: 2px;
  --container-width: 1232px;
  --container-gutter: 16px;
  --main-column: 890px;
  --measure: 640px;
  --masthead-height: 100px;
  --nav-height: 62px;
  --button-height: 37px;
  --input-height: 37px;
  --masthead-columns: auto 1fr;
  --masthead-tools: none;
  --masthead-search: none;
  --masthead-searchfield: flex;
  --masthead-subscribe: none;
  --masthead-transform: none;
  --nav-justify: space-between;
  --nav-first-pad: 0px;
  --nav-top-rule: 0px;
  --nav-transform: uppercase;
  --label-transform: none;
  --category-transform: uppercase;
  --meta-transform: uppercase;
  --meta-tracking: 1.2px;
  --section-rule: 1px;
  --lead-align: left;
  --lead-justify: flex-start;
  --lead-excerpt-margin: 0px;
  --ratio-lead: 16 / 9;
  --ratio-standard: 16 / 9;
  --ratio-side: 16 / 9;
  --footer-pad: 36px 0 24px;
  --footer-edge: 1px;
  --footer-main-display: grid;
  --footer-main-columns: 280px 1fr;
  --footer-grid-rule: 0px;
  --footer-heading-transform: uppercase;
  --container-fluid: 100%;
  --btn-primary-pad-x: 10px;
  --btn-primary-height: 30px;
  --btn-primary-hover: brightness(0.94);
  --btn-primary-border: var(--border-hairline);
  --btn-default-pad-x: 16px;
  --btn-inverse-height: 38px;
  --nav-indicator-inset: var(--space-md);
  --nav-indicator-top: auto;
  --nav-indicator-bottom: 0px;
  --section-align: center;
  --section-pad: var(--space-2xs);
  --section-link-height: var(--button-height);
  --section-link-pad: 0 16px;
  --section-link-border: var(--border-hairline);
  --section-link-size: 14px;
  --section-link-leading: normal;
  --section-link-weight: 500;
  --section-link-ink: var(--ink);
  --section-link-offset: 0px;
  --section-link-suffix: none;
  --section-link-hover: none;
  --category-gap: var(--space-2xs);
  --category-underline: 1px;
  --list-pad: var(--space-md);
  --masthead-align: left;
  --standfirst-ink: var(--ink-soft);
  --label-tracking: normal;
  --font-sans: "Libre Franklin", "Franklin Gothic", Verdana, Geneva, sans-serif;
  --font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --type-masthead: 700 30px/36px var(--font-serif);
  --type-masthead-tracking: normal;
  --type-article-title: 700 36px/41px var(--font-serif);
  --type-article-title-tracking: normal;
  --type-headline-lead: 700 28px/34px var(--font-serif);
  --type-headline-lead-tracking: normal;
  --type-article-h2: 700 24px/30px var(--font-sans);
  --type-article-h2-tracking: normal;
  --type-article-h3: 700 18px/24px var(--font-sans);
  --type-article-h3-tracking: normal;
  --type-headline-card: 700 20px/26px var(--font-serif);
  --type-headline-card-tracking: normal;
  --type-headline-side: 400 20px/26px var(--font-serif);
  --type-headline-side-tracking: normal;
  --type-headline-list: 400 18px/23px var(--font-serif);
  --type-headline-list-tracking: normal;
  --type-section-label: 700 21px/23.1px var(--font-sans);
  --type-section-label-tracking: normal;
  --type-category: 400 12px/12px var(--font-sans);
  --type-category-tracking: 1.2px;
  --type-nav: 400 16px/62px var(--font-sans);
  --type-nav-tracking: 0.32px;
  --type-nav-sub: 400 15px/24px var(--font-sans);
  --type-nav-sub-tracking: normal;
  --type-button: 400 15px/16.5px var(--font-sans);
  --type-button-tracking: normal;
  --type-meta: 400 12px/19.2px var(--font-sans);
  --type-meta-tracking: 1.2px;
  --type-standfirst: 400 18px/27px var(--font-sans);
  --type-standfirst-tracking: normal;
  --type-excerpt: 400 16px/22.856px var(--font-sans);
  --type-excerpt-tracking: normal;
  --type-caption: 400 13px/16.9px var(--font-sans);
  --type-caption-tracking: normal;
  --type-ui: 400 16px/25.6px var(--font-sans);
  --type-ui-tracking: normal;
  --type-article-body: 400 16px/25.6px var(--font-serif);
  --type-article-body-tracking: normal;
  --type-pull-quote: 400 22px/30px var(--font-serif);
  --type-pull-quote-tracking: normal;
  --type-footer-brand: 700 24px/30px var(--font-serif);
  --type-footer-brand-tracking: normal;
  --type-footer-tagline: 400 13px/19.5px var(--font-sans);
  --type-footer-tagline-tracking: normal;
  --type-footer-heading: 700 13px/14.3px var(--font-sans);
  --type-footer-heading-tracking: normal;
  --type-footer-link: 400 16px/25.6px var(--font-sans);
  --type-footer-link-tracking: normal;
  --type-footer-action: 400 15px/24px var(--font-sans);
  --type-footer-action-tracking: normal;
  --type-footer-small: 400 15px/24px var(--font-sans);
  --type-footer-small-tracking: normal;
  --footer-arrangement: columns;
}
.masthead { font-family: var(--font-serif); font-size: 30px; line-height: 36px; font-weight: 700; }
.article-title { font-family: var(--font-serif); font-size: 36px; line-height: 41px; font-weight: 700; }
.headline-lead { font-family: var(--font-serif); font-size: 28px; line-height: 34px; font-weight: 700; }
.article-h2 { font-family: var(--font-sans); font-size: 24px; line-height: 30px; font-weight: 700; }
.article-h3 { font-family: var(--font-sans); font-size: 18px; line-height: 24px; font-weight: 700; }
.headline-card { font-family: var(--font-serif); font-size: 20px; line-height: 26px; font-weight: 700; }
.headline-side { font-family: var(--font-serif); font-size: 20px; line-height: 26px; font-weight: 400; }
.headline-list { font-family: var(--font-serif); font-size: 18px; line-height: 23px; font-weight: 400; }
.section-label { font-family: var(--font-sans); font-size: 21px; line-height: 23.1px; font-weight: 700; }
.category { font-family: var(--font-sans); font-size: 12px; line-height: 12px; font-weight: 400; letter-spacing: 1.2px; }
.nav { font-family: var(--font-sans); font-size: 16px; line-height: 62px; font-weight: 400; letter-spacing: 0.32px; }
.nav-sub { font-family: var(--font-sans); font-size: 15px; line-height: 24px; font-weight: 400; }
.button { font-family: var(--font-sans); font-size: 15px; line-height: 16.5px; font-weight: 400; }
.meta { font-family: var(--font-sans); font-size: 12px; line-height: 19.2px; font-weight: 400; letter-spacing: 1.2px; }
.standfirst { font-family: var(--font-sans); font-size: 18px; line-height: 27px; font-weight: 400; }
.excerpt { font-family: var(--font-sans); font-size: 16px; line-height: 22.856px; font-weight: 400; }
.caption { font-family: var(--font-sans); font-size: 13px; line-height: 16.9px; font-weight: 400; }
.ui { font-family: var(--font-sans); font-size: 16px; line-height: 25.6px; font-weight: 400; }
.article-body { font-family: var(--font-serif); font-size: 16px; line-height: 25.6px; font-weight: 400; }
.pull-quote { font-family: var(--font-serif); font-size: 22px; line-height: 30px; font-weight: 400; }
.footer-brand { font-family: var(--font-serif); font-size: 24px; line-height: 30px; font-weight: 700; }
.footer-tagline { font-family: var(--font-sans); font-size: 13px; line-height: 19.5px; font-weight: 400; }
.footer-heading { font-family: var(--font-sans); font-size: 13px; line-height: 14.3px; font-weight: 700; }
.footer-link { font-family: var(--font-sans); font-size: 16px; line-height: 25.6px; font-weight: 400; }
.footer-action { font-family: var(--font-sans); font-size: 15px; line-height: 24px; font-weight: 400; }
.footer-small { font-family: var(--font-sans); font-size: 15px; line-height: 24px; font-weight: 400; }