/* system: blue */
/* Newsroom Blue — generated from tokens.json */
:root, [data-theme="light"] {
  --canvas: #ffffff;
  --surface-alt: #f0f0f0;
  --ink: #000000;
  --ink-soft: #535353;
  --ink-muted: #808080;
  --ink-caption: #797979;
  --line: #dddddd;
  --line-soft: #e0e0e0;
  --line-faint: #eaeaea;
  --accent: #0075ff;
  --on-accent: #ffffff;
  --link: var(--accent);
  --inverse: #191919;
  --on-inverse: #ffffff;
  --input-ink: #2f2f2f;
  --input-line: var(--line);
  --footer-surface: var(--canvas);
  --on-footer: var(--ink);
  --on-footer-muted: var(--ink-muted);
  --footer-line: var(--line-faint);
  --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 #0075ff;
}
[data-theme="dark"] {
  --canvas: #000000;
  --surface-alt: #141414;
  --ink: #ffffff;
  --ink-soft: rgba(255, 255, 255, 0.8);
  --ink-muted: rgba(255, 255, 255, 0.6);
  --ink-caption: rgba(255, 255, 255, 0.6);
  --line: rgba(255, 255, 255, 0.12);
  --line-soft: rgba(255, 255, 255, 0.12);
  --line-faint: rgba(255, 255, 255, 0.12);
  --accent: #0075ff;
  --on-accent: #ffffff;
  --inverse: #ffffff;
  --on-inverse: #000000;
  --input-ink: #ffffff;
  --positive: #5cc98a;
  --negative: #ff8a80;
  --scrim: rgba(0, 0, 0, 0.6);
  --on-scrim: #ffffff;
  --focus-ring: 0 0 0 2px #000000, 0 0 0 4px #0075ff;
}
:root {
  --space-2xs: 4px;
  --space-xs: 6px;
  --space-sm: 10px;
  --space-md: 14px;
  --space-lg: 20px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --space-3xl: 40px;
  --radius-none: 0px;
  --radius-xs: 2px;
  --radius-sm: 3px;
  --radius-md: 5px;
  --border-hairline: 1px;
  --border-quote: 2px;
  --border-active: 4px;
  --container-width: 1230px;
  --measure: 720px;
  --masthead-height: 85px;
  --nav-height: 54px;
  --button-height: 44px;
  --input-height: 46px;
  --container-fluid: 97%;
  --btn-primary-pad-x: 15px;
  --btn-primary-height: 28px;
  --btn-primary-hover: brightness(1.08);
  --btn-primary-border: 0px;
  --btn-default-pad-x: 28px;
  --btn-inverse-height: 38px;
  --nav-indicator-inset: 0px;
  --nav-indicator-top: -1px;
  --nav-indicator-bottom: auto;
  --section-align: flex-end;
  --section-pad: var(--space-sm);
  --section-link-height: auto;
  --section-link-pad: 0px;
  --section-link-border: 0px;
  --section-link-size: 14.8px;
  --section-link-leading: 22.2px;
  --section-link-weight: 400;
  --section-link-ink: var(--link);
  --section-link-offset: -4px;
  --section-link-suffix: " »";
  --section-link-hover: underline;
  --category-gap: 6px;
  --category-underline: 2px;
  --list-pad: var(--space-lg);
  --masthead-align: center;
  --standfirst-ink: var(--ink);
  --container-gutter: 0px;
  --footer-pad: var(--space-2xl) 0;
  --footer-edge: 1px;
  --footer-links-gap: var(--space-lg);
  --label-tracking: 1px;
  --font-sans: Inter, "Helvetica Neue", Arial, sans-serif;
  --font-serif: "PT Serif", Georgia, "Times New Roman", serif;
  --type-masthead: 700 44.8px/49.28px var(--font-sans);
  --type-masthead-tracking: 1px;
  --type-article-title: 700 44.8px/49.28px var(--font-sans);
  --type-article-title-tracking: normal;
  --type-headline-lead: 700 33.6px/35.28px var(--font-sans);
  --type-headline-lead-tracking: normal;
  --type-article-h2: 700 33px/36.3px var(--font-sans);
  --type-article-h2-tracking: normal;
  --type-article-h3: 700 26px/28.6px var(--font-sans);
  --type-article-h3-tracking: normal;
  --type-headline-card: 700 21px/22.05px var(--font-sans);
  --type-headline-card-tracking: normal;
  --type-headline-side: 700 19.2px/20.16px var(--font-sans);
  --type-headline-side-tracking: normal;
  --type-headline-list: 700 16px/16.8px var(--font-sans);
  --type-headline-list-tracking: normal;
  --type-section-label: 600 12.8px/15.36px var(--font-sans);
  --type-section-label-tracking: 1px;
  --type-category: 700 12.24px/17.136px var(--font-sans);
  --type-category-tracking: 0.5px;
  --type-nav: 400 15px/54px var(--font-sans);
  --type-nav-tracking: normal;
  --type-nav-sub: 600 12px/28px var(--font-sans);
  --type-nav-sub-tracking: normal;
  --type-button: 600 14.4px/28px var(--font-sans);
  --type-button-tracking: normal;
  --type-meta: 400 13.6px/19.04px var(--font-sans);
  --type-meta-tracking: normal;
  --type-footer-link: 400 13.2px/19.8px var(--font-sans);
  --type-footer-link-tracking: normal;
  --type-standfirst: 400 19.2px/26.112px var(--font-sans);
  --type-standfirst-tracking: normal;
  --type-excerpt: 400 15.2px/21.28px var(--font-sans);
  --type-excerpt-tracking: normal;
  --type-caption: 400 14px/19.6px var(--font-sans);
  --type-caption-tracking: normal;
  --type-ui: 400 16px/24px var(--font-sans);
  --type-ui-tracking: normal;
  --type-article-body: 400 19px/30.4px var(--font-serif);
  --type-article-body-tracking: normal;
  --type-pull-quote: 400 22.8px/34.2px var(--font-serif);
  --type-pull-quote-tracking: normal;
  --footer-arrangement: row;
}
.masthead { font-family: var(--font-sans); font-size: 44.8px; line-height: 49.28px; font-weight: 700; letter-spacing: 1px; }
.article-title { font-family: var(--font-sans); font-size: 44.8px; line-height: 49.28px; font-weight: 700; }
.headline-lead { font-family: var(--font-sans); font-size: 33.6px; line-height: 35.28px; font-weight: 700; }
.article-h2 { font-family: var(--font-sans); font-size: 33px; line-height: 36.3px; font-weight: 700; }
.article-h3 { font-family: var(--font-sans); font-size: 26px; line-height: 28.6px; font-weight: 700; }
.headline-card { font-family: var(--font-sans); font-size: 21px; line-height: 22.05px; font-weight: 700; }
.headline-side { font-family: var(--font-sans); font-size: 19.2px; line-height: 20.16px; font-weight: 700; }
.headline-list { font-family: var(--font-sans); font-size: 16px; line-height: 16.8px; font-weight: 700; }
.section-label { font-family: var(--font-sans); font-size: 12.8px; line-height: 15.36px; font-weight: 600; letter-spacing: 1px; }
.category { font-family: var(--font-sans); font-size: 12.24px; line-height: 17.136px; font-weight: 700; letter-spacing: 0.5px; }
.nav { font-family: var(--font-sans); font-size: 15px; line-height: 54px; font-weight: 400; }
.nav-sub { font-family: var(--font-sans); font-size: 12px; line-height: 28px; font-weight: 600; }
.button { font-family: var(--font-sans); font-size: 14.4px; line-height: 28px; font-weight: 600; }
.meta { font-family: var(--font-sans); font-size: 13.6px; line-height: 19.04px; font-weight: 400; }
.footer-link { font-family: var(--font-sans); font-size: 13.2px; line-height: 19.8px; font-weight: 400; }
.standfirst { font-family: var(--font-sans); font-size: 19.2px; line-height: 26.112px; font-weight: 400; }
.excerpt { font-family: var(--font-sans); font-size: 15.2px; line-height: 21.28px; font-weight: 400; }
.caption { font-family: var(--font-sans); font-size: 14px; line-height: 19.6px; font-weight: 400; }
.ui { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 400; }
.article-body { font-family: var(--font-serif); font-size: 19px; line-height: 30.4px; font-weight: 400; }
.pull-quote { font-family: var(--font-serif); font-size: 22.8px; line-height: 34.2px; font-weight: 400; }