/* system: tribune */
/* Newsroom Tribune — generated from tokens.json */
:root, [data-theme="light"] {
  --canvas: #ffffff;
  --surface-alt: #f2f2f2;
  --surface-raised: #ffffff;
  --ink: #333333;
  --ink-soft: #4a4a4a;
  --ink-muted: #666666;
  --ink-caption: var(--ink-muted);
  --line: #d6d6d6;
  --line-soft: #e6e6e6;
  --line-faint: #f2f2f2;
  --section-line: var(--line);
  --section-flag-color: var(--accent);
  --section-ink: var(--accent);
  --input-line: #c7c7c7;
  --accent: #bb0000;
  --on-accent: #ffffff;
  --prose-link: var(--accent);
  --link: var(--accent);
  --signal: #dd0000;
  --category-ink: var(--accent);
  --inverse: #4a4a4a;
  --on-inverse: #ffffff;
  --input-ink: #333333;
  --header-surface: #ffffff;
  --on-header: #4a4a4a;
  --header-line: var(--line);
  --topbar-surface: #000000;
  --on-topbar: #d9d9da;
  --nav-surface: #ffffff;
  --on-nav: #4a4a4a;
  --on-nav-muted: var(--ink-muted);
  --nav-line: var(--line);
  --band-surface: #fff6f5;
  --highlight: #edc01a;
  --on-highlight: #333333;
  --cta: #da2128;
  --on-cta: #ffffff;
  --cta-line: var(--cta);
  --footer-surface: #303030;
  --on-footer: #8f8f8f;
  --on-footer-muted: #8f8f8f;
  --footer-line: #707070;
  --footer-heading-ink: #bbbbbb;
  --footer-button: var(--cta);
  --on-footer-button: var(--on-cta);
  --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 #bb0000;
}
[data-theme="dark"] {
  --canvas: #141414;
  --surface-alt: #1f1f1f;
  --surface-raised: #1f1f1f;
  --ink: #ededed;
  --ink-soft: #cfcfcf;
  --ink-muted: #a6a6a6;
  --line: #333333;
  --line-soft: #2a2a2a;
  --line-faint: #1f1f1f;
  --input-line: #444444;
  --accent: #ff6b6b;
  --on-accent: #141414;
  --signal: #ff6b6b;
  --inverse: #cfcfcf;
  --on-inverse: #141414;
  --input-ink: #ededed;
  --header-surface: #141414;
  --on-header: #ededed;
  --topbar-surface: #000000;
  --on-topbar: #d9d9da;
  --nav-surface: #141414;
  --on-nav: #e0e0e0;
  --band-surface: #2a1716;
  --highlight: #edc01a;
  --on-highlight: #333333;
  --cta: #ff6b6b;
  --on-cta: #141414;
  --footer-surface: #0a0a0a;
  --on-footer: #9a9a9a;
  --on-footer-muted: #8a8a8a;
  --footer-line: #3a3a3a;
  --footer-heading-ink: #c4c4c4;
  --positive: #5cc98a;
  --negative: #ff8a80;
  --scrim: rgba(0, 0, 0, 0.6);
  --on-scrim: #ffffff;
  --focus-ring: 0 0 0 2px #141414, 0 0 0 4px #ff6b6b;
}
:root {
  --space-2xs: 4px;
  --space-xs: 6px;
  --space-sm: 10px;
  --space-md: 12px;
  --space-lg: 20px;
  --space-xl: 24px;
  --space-2xl: 30px;
  --space-3xl: 32px;
  --space-4xl: 40px;
  --space-5xl: 48px;
  --space-6xl: 60px;
  --radius-none: 0px;
  --radius-xs: 0px;
  --radius-sm: 3px;
  --radius-md: 3px;
  --radius-lg: 0px;
  --radius-full: 9999px;
  --border-hairline: 1px;
  --border-quote: 3px;
  --border-active: 1.5px;
  --container-width: 1260px;
  --container-gutter: 10px;
  --main-column: 840px;
  --measure: 760px;
  --masthead-height: 67px;
  --nav-height: 44px;
  --button-height: 32px;
  --input-height: 36px;
  --masthead-columns: auto 1fr;
  --masthead-tools: none;
  --masthead-search: none;
  --masthead-searchfield: none;
  --masthead-subscribe: inline-flex;
  --masthead-transform: none;
  --nav-justify: flex-start;
  --nav-first-pad: 0px;
  --nav-top-rule: 1px;
  --nav-transform: none;
  --nav-gap: 0px;
  --label-transform: none;
  --label-tracking: 0px;
  --section-rule: 1px;
  --section-flag: none;
  --section-flag-width: 0px;
  --section-flag-height: 0px;
  --category-transform: uppercase;
  --meta-transform: none;
  --meta-tracking: normal;
  --card-text-display: flex;
  --kicker-gap: 6px;
  --lead-align: left;
  --lead-justify: flex-start;
  --lead-excerpt-margin: 0px;
  --ratio-lead: 3 / 2;
  --ratio-standard: 3 / 2;
  --ratio-side: 3 / 2;
  --ratio-list: 3 / 2;
  --thumb-radius: 0px;
  --thumb-radius-lead: 0px;
  --standard-direction: column;
  --standard-thumb-width: 100%;
  --standard-gap: 8px;
  --list-direction: row;
  --list-thumb-width: 100px;
  --side-thumb: block;
  --footer-pad: 30px 0;
  --footer-edge: 1px;
  --footer-main-display: grid;
  --footer-main-columns: 220px 1fr;
  --footer-grid-rule: 0px;
  --footer-heading-transform: none;
  --prose-link-decoration: none;
  --topbar-transform: none;
  --topbar-tracking: 0px;
  --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);
  --font-sans: Lato, Arial, Helvetica, sans-serif;
  --font-serif: Lato, Arial, Helvetica, sans-serif;
  --font-body: Lato, Arial, Helvetica, sans-serif;
  --type-masthead: 900 28px/32px var(--font-serif);
  --type-masthead-tracking: -0.3px;
  --type-article-title: 900 36px/40px var(--font-serif);
  --type-article-title-tracking: normal;
  --type-headline-lead: 900 28px/32px var(--font-serif);
  --type-headline-lead-tracking: normal;
  --type-article-h2: 900 24px/30px var(--font-serif);
  --type-article-h2-tracking: normal;
  --type-article-h3: 700 20px/26px var(--font-serif);
  --type-article-h3-tracking: normal;
  --type-headline-card: 700 18px/21.24px var(--font-serif);
  --type-headline-card-tracking: normal;
  --type-headline-side: 700 18px/21.24px var(--font-serif);
  --type-headline-side-tracking: normal;
  --type-headline-list: 700 16px/20px var(--font-serif);
  --type-headline-list-tracking: normal;
  --type-section-label: 900 25px/31px var(--font-sans);
  --type-section-label-tracking: normal;
  --type-category: 400 12px/20px var(--font-sans);
  --type-category-tracking: normal;
  --type-nav: 700 14px/44px var(--font-sans);
  --type-nav-tracking: normal;
  --type-nav-sub: 700 13px/18px var(--font-sans);
  --type-nav-sub-tracking: normal;
  --type-button: 700 13px/17px var(--font-sans);
  --type-button-tracking: normal;
  --type-meta: 400 12.5px/20px var(--font-sans);
  --type-meta-tracking: normal;
  --type-standfirst: 400 20px/28px var(--font-sans);
  --type-standfirst-tracking: normal;
  --type-excerpt: 400 16px/21.6px var(--font-sans);
  --type-excerpt-tracking: normal;
  --type-caption: 400 14px/20px var(--font-sans);
  --type-caption-tracking: normal;
  --type-ui: 400 14px/20px var(--font-sans);
  --type-ui-tracking: normal;
  --type-article-body: 400 18px/28px var(--font-body);
  --type-article-body-tracking: normal;
  --type-pull-quote: 700 22px/30px var(--font-body);
  --type-pull-quote-tracking: normal;
  --type-footer-brand: 900 22px/28px var(--font-sans);
  --type-footer-brand-tracking: normal;
  --type-footer-tagline: 400 13px/20px var(--font-sans);
  --type-footer-tagline-tracking: normal;
  --type-footer-heading: 700 14px/20px var(--font-sans);
  --type-footer-heading-tracking: normal;
  --type-footer-link: 400 13px/20px var(--font-sans);
  --type-footer-link-tracking: normal;
  --type-footer-action: 400 13px/20px var(--font-sans);
  --type-footer-action-tracking: normal;
  --type-footer-small: 400 12px/18px var(--font-sans);
  --type-footer-small-tracking: normal;
  --footer-arrangement: columns;
}
.masthead { font-family: var(--font-serif); font-size: 28px; line-height: 32px; font-weight: 900; letter-spacing: -0.3px; }
.article-title { font-family: var(--font-serif); font-size: 36px; line-height: 40px; font-weight: 900; }
.headline-lead { font-family: var(--font-serif); font-size: 28px; line-height: 32px; font-weight: 900; }
.article-h2 { font-family: var(--font-serif); font-size: 24px; line-height: 30px; font-weight: 900; }
.article-h3 { font-family: var(--font-serif); font-size: 20px; line-height: 26px; font-weight: 700; }
.headline-card { font-family: var(--font-serif); font-size: 18px; line-height: 21.24px; font-weight: 700; }
.headline-side { font-family: var(--font-serif); font-size: 18px; line-height: 21.24px; font-weight: 700; }
.headline-list { font-family: var(--font-serif); font-size: 16px; line-height: 20px; font-weight: 700; }
.section-label { font-family: var(--font-sans); font-size: 25px; line-height: 31px; font-weight: 900; }
.category { font-family: var(--font-sans); font-size: 12px; line-height: 20px; font-weight: 400; }
.nav { font-family: var(--font-sans); font-size: 14px; line-height: 44px; font-weight: 700; }
.nav-sub { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 700; }
.button { font-family: var(--font-sans); font-size: 13px; line-height: 17px; font-weight: 700; }
.meta { font-family: var(--font-sans); font-size: 12.5px; line-height: 20px; font-weight: 400; }
.standfirst { font-family: var(--font-sans); font-size: 20px; line-height: 28px; font-weight: 400; }
.excerpt { font-family: var(--font-sans); font-size: 16px; line-height: 21.6px; font-weight: 400; }
.caption { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.ui { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.article-body { font-family: var(--font-body); font-size: 18px; line-height: 28px; font-weight: 400; }
.pull-quote { font-family: var(--font-body); font-size: 22px; line-height: 30px; font-weight: 700; }
.footer-brand { font-family: var(--font-sans); font-size: 22px; line-height: 28px; font-weight: 900; }
.footer-tagline { font-family: var(--font-sans); font-size: 13px; line-height: 20px; font-weight: 400; }
.footer-heading { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 700; }
.footer-link { font-family: var(--font-sans); font-size: 13px; line-height: 20px; font-weight: 400; }
.footer-action { font-family: var(--font-sans); font-size: 13px; line-height: 20px; font-weight: 400; }
.footer-small { font-family: var(--font-sans); font-size: 12px; line-height: 18px; font-weight: 400; }