@charset "UTF-8";
:root {
  color-scheme:dark;
  --paper:#0b0c0f;
  --ink:#f4f3ef;
  --green:#f2c44e;
  --muted:#a9aaad;
  --line:#303238;
  --soft:#16181c;
  --accent:#f2c44e;
  --serif:"Libre Caslon Display",Georgia,"Times New Roman",serif;
  --sans:"DM Sans",Arial,sans-serif;
}
* {
  box-sizing:border-box;
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:20px;
}
body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  font-size:16px;
  -webkit-font-smoothing:antialiased;
}
button,a {
  -webkit-tap-highlight-color:transparent;
}
a {
  color:inherit;
  text-decoration:none;
}
button {
  font:inherit;
  color:inherit;
  cursor:pointer;
}
button:disabled {
  cursor:wait;
}
button:focus-visible,a:focus-visible {
  outline:2px solid var(--green);
  outline-offset:5px;
}
img {
  display:block;
  width:100%;
  object-fit:cover;
}
button {
  border:0;
  background:none;
}
h1,h2,h3,p {
  margin:0;
}
button,a {
  touch-action:manipulation;
}
[hidden] {
  display:none!important;
}
.page-width {
  width:calc(100% - 112px);
  max-width:1420px;
  margin:0 auto;
}
.edition-bar {
  background:#08090b;
  color:#eeeae2;
  font-size:12px;
  letter-spacing:1.5px;
}
.edition-inner {
  min-height:35px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.edition-inner span+span {
  font-size:12px;
  letter-spacing:1.2px;
}
.edition-divider {
  margin:0 12px;
  color:#b89c56;
}
.masthead {
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  min-height:134px;
}
.wordmark {
  font-size:64px;
  letter-spacing:-4px;
  line-height:1;
  font-weight:650;
}
.brand-dot,.footer-wordmark span {
  color:#d5a633;
}
.masthead-note {
  display:flex;
  flex-direction:column;
  gap:9px;
  font-size:12px;
  color:var(--muted);
}
.label {
  font-size:12px;
  font-weight:600;
  letter-spacing:1.5px;
  color:var(--ink);
}
.align-right {
  text-align:right;
}
.region-nav {
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--ink);
  display:flex;
  justify-content:space-between;
  align-items:stretch;
  gap:20px;
  min-height:51px;
}
.nav-links {
  display:flex;
  gap:32px;
}
.nav-item {
  position:relative;
  padding:15px 0;
  font-size:14px;
  font-weight:550;
  white-space:nowrap;
  color:#b2b2b1;
}
.nav-item.active {
  color:var(--green);
  font-weight:700;
}
.nav-item.active:after {
  content:"";
  position:absolute;
  height:3px;
  background:var(--green);
  bottom:-1px;
  left:0;
  right:0;
}
.nav-item:hover,.nav-about:hover {
  color:var(--green);
}
.nav-about {
  display:flex;
  align-items:center;
  gap:25px;
  font-size:12px;
  color:var(--muted);
}
.brief-heading {
  padding:36px 0 29px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.eyebrow {
  font-size:12px;
  letter-spacing:1.6px;
  font-weight:650;
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--green);
}
.short-rule {
  width:22px;
  height:1px;
  background:var(--green);
}
h1 {
  font-family:var(--serif);
  font-size:50px;
  line-height:1.1;
  letter-spacing:-1px;
  margin-top:10px;
}
.refresh-area {
  display:grid;
  grid-template-columns:auto auto;
  align-items:center;
  column-gap:19px;
  row-gap:7px;
}
.refresh-label {
  display:flex;
  align-items:center;
  gap:7px;
  font-size:12px;
  font-weight:600;
}
.live-dot {
  width:6px;
  height:6px;
  border-radius:50%;
  background:#dbb647;
}
.refresh-area #updated-label {
  color:var(--muted);
  font-size:12px;
  grid-column:1;
}
.text-button {
  font-size:12px;
  padding:7px 0;
  color:var(--green);
  grid-column:2;
  grid-row:1/3;
  display:flex;
  align-items:center;
  gap:7px;
}
.refresh-icon {
  font-size:21px;
  line-height:1;
}
.text-button[disabled] .refresh-icon {
  animation:spin 1s linear infinite;
}
.feed-notice {
  margin:0 0 22px;
  padding:11px 15px;
  border-left:2px solid #c6bb9c;
  background:#1b1d22;
  font-size:14px;
  line-height:1.6;
  color:#c5b785;
}
.front-page {
  display:grid;
  grid-template-columns:minmax(0,1.75fr) minmax(0,1fr) minmax(0,.92fr);
  gap:26px;
}
.lead-story {
  min-width:0;
}
.story-image-link {
  display:block;
  position:relative;
  overflow:hidden;
  background:var(--soft);
}
.lead-story .story-image-link {
  aspect-ratio:1.48;
}
.story-image {
  height:100%;
  transition:transform .5s;
}
.story-image-link:hover .story-image {
  transform:scale(1.035);
}
.feature-stamp {
  position:absolute;
  top:16px;
  left:16px;
  background:var(--paper);
  padding:8px 11px;
  display:flex;
  align-items:center;
  gap:7px;
  font-size:12px;
  font-weight:700;
  letter-spacing:1px;
}
.feature-stamp:before {
  content:"";
  width:5px;
  height:5px;
  background:var(--green);
}
.image-unavailable {
  background:var(--soft);
  min-height:145px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--muted);
  font-family:var(--serif);
  font-size:24px;
}
.article-category {
  font-size:12px;
  letter-spacing:1.3px;
  color:var(--green);
  font-weight:700;
  display:flex;
  align-items:center;
  gap:8px;
  margin:17px 0 9px;
}
.category-divider {
  height:3px;
  width:3px;
  background:#808287;
  border-radius:50%;
}
.article-category .topic {
  font-weight:500;
  color:var(--muted);
}
.story-title {
  font-family:var(--serif);
  font-weight:400;
  line-height:1.12;
  letter-spacing:-.4px;
}
.story-title a:hover {
  color:var(--green);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:4px;
}
.lead-story .story-title {
  font-size:37px;
}
.story-summary {
  font-size:16px;
  color:var(--muted);
  line-height:1.7;
  margin-top:12px;
}
.story-meta {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  font-size:12px;
  color:var(--muted);
  margin-top:17px;
}
.source-name {
  font-weight:600;
  color:var(--ink);
}
.source-mark {
  height:17px;
  min-width:17px;
  font-size:12px;
  font-weight:700;
  background:var(--ink);
  color:white;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 3px;
}
.meta-dot {
  color:#a8a9ad;
}
.secondary-stories {
  border-left:1px solid var(--line);
  padding-left:26px;
  display:flex;
  flex-direction:column;
  gap:23px;
}
.secondary-story+.secondary-story {
  border-top:1px solid var(--line);
  padding-top:23px;
}
.secondary-story .story-image-link {
  aspect-ratio:1.9;
}
.secondary-story .story-title {
  font-size:25px;
}
.secondary-story .article-category {
  margin:13px 0 8px;
}
.secondary-story .story-meta {
  margin-top:12px;
}
.latest-panel {
  border-left:1px solid var(--line);
  padding-left:25px;
}
.latest-header {
  display:flex;
  align-items:center;
  gap:8px;
  padding-bottom:19px;
  border-bottom:1px solid var(--ink);
}
.latest-header h2 {
  font-size:14px;
  letter-spacing:1.4px;
  font-weight:650;
}
.latest-header span {
  color:var(--green);
  font-size:15px;
}
.latest-story {
  padding:20px 0;
  border-bottom:1px solid var(--line);
  position:relative;
}
.latest-story:last-child {
  border-bottom:0;
}
.latest-time {
  font-size:12px;
  font-weight:650;
  color:var(--green);
  letter-spacing:.5px;
  margin-bottom:8px;
  display:block;
}
.latest-story .story-title {
  font-family:var(--sans);
  font-size:14px;
  line-height:1.48;
  letter-spacing:-.1px;
  font-weight:550;
}
.latest-story .story-meta {
  font-size:12px;
  margin-top:9px;
}
.latest-footer {
  font-size:12px;
  color:var(--muted);
  padding-top:18px;
  line-height:1.5;
}
.world-section {
  margin-top:43px;
}
.section-heading {
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:20px;
  border-top:1px solid var(--ink);
  padding:20px 0 22px;
}
.section-heading h2 {
  font-size:29px;
  line-height:1;
  font-family:var(--serif);
  font-weight:400;
  letter-spacing:-.2px;
}
.section-meta {
  font-size:12px;
  letter-spacing:1px;
  color:var(--muted);
}
.world-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
}
.world-card {
  padding-bottom:24px;
  border-bottom:1px solid var(--line);
  min-width:0;
}
.world-card .story-image-link {
  aspect-ratio:1.9;
}
.world-card .story-title {
  font-size:27px;
}
.world-card .story-summary {
  font-size:16px;
}
.coverage {
  margin-top:13px;
  color:var(--green);
  font-size:12px;
}
.coverage summary {
  cursor:pointer;
  width:fit-content;
}
.coverage-links {
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:13px;
}
.coverage-links a {
  display:block;
  font-size:12px;
  line-height:1.4;
}
.coverage-links a:hover {
  text-decoration:underline;
}
.approach {
  margin:52px 0 46px;
  padding:32px;
  background:#1b1d22;
  display:grid;
  grid-template-columns:1.05fr 1.5fr 1fr;
  gap:42px;
}
.approach h2 {
  font-family:var(--serif);
  font-weight:400;
  font-size:35px;
  line-height:1.06;
  margin-top:15px;
}
.approach-copy p {
  font-size:14px;
  line-height:1.75;
  color:#aaa9a6;
}
.approach-copy a {
  display:inline-block;
  margin-top:18px;
  color:var(--green);
  font-weight:600;
  font-size:12px;
}
.approach-copy a span {
  margin-left:15px;
}
.approach-facts {
  border-left:1px solid #bcbcc0;
  padding-left:30px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:19px;
}
.approach-facts div {
  display:flex;
  flex-direction:column;
  gap:5px;
}
.approach-facts strong {
  font-size:12px;
  font-weight:600;
}
.approach-facts span {
  font-size:12px;
  color:#a4a5a7;
}
.source-list {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:24px;
  padding:19px 0 29px;
}
.source-list a {
  font-family:Georgia,serif;
  font-size:24px;
  font-weight:700;
  letter-spacing:-.7px;
}
.source-list a:hover {
  color:var(--green);
}
.source-note {
  font-size:12px;
  line-height:1.7;
  color:var(--muted);
  max-width:850px;
  margin-bottom:39px;
}
.site-footer {
  border-top:1px solid var(--line);
  padding:29px 0;
}
.footer-inner {
  display:flex;
  align-items:center;
  gap:30px;
  font-size:12px;
  color:var(--muted);
}
.footer-wordmark {
  font-size:24px;
  font-weight:650;
  letter-spacing:-1px;
  color:var(--ink);
}
.footer-inner a:nth-of-type(2) {
  margin-left:auto;
}
.empty-state {
  text-align:center;
  padding:65px 20px 75px;
  border-bottom:1px solid var(--line);
}
.empty-state .eyebrow {
  justify-content:center;
}
.empty-state h2 {
  font:36px var(--serif);
  margin:15px 0;
}
.empty-state p {
  color:var(--muted);
  font-size:14px;
  line-height:1.6;
}
.outline-button {
  border:1px solid var(--line);
  padding:12px 19px;
  font-size:14px;
  margin-top:25px;
}
.outline-button:hover {
  background:var(--soft);
}
.skip-link {
  position:fixed;
  top:-80px;
  left:16px;
  padding:12px;
  background:var(--green);
  color:white;
  z-index:50;
}
.skip-link:focus {
  top:12px;
}
.noscript {
  padding:30px;
  background:var(--soft);
  text-align:center;
}
@keyframes spin {
  to {
    transform:rotate(360deg);
  }
}
@media(min-width:1600px) {
  .lead-story .story-title {
    font-size:43px;
  }
  .secondary-story .story-title {
    font-size:29px;
  }
  .latest-story .story-title {
    font-size:16px;
  }
  .story-summary {
    font-size:16px;
  }
}
@media(max-width:1150px) {
  .page-width {
    width:calc(100% - 64px);
  }
  .nav-links {
    gap:25px;
  }
  .wordmark {
    font-size:58px;
  }
  .masthead-note {
    font-size:12px;
  }
  .front-page {
    grid-template-columns:1.6fr 1fr;
    gap:25px;
  }
  .latest-panel {
    grid-column:1/-1;
    border-left:0;
    padding:25px 0 0;
    border-top:1px solid var(--line);
    display:grid;
    grid-template-columns:repeat(3,1fr);
    column-gap:24px;
  }
  .latest-header {
    grid-column:1/-1;
    padding-bottom:15px;
  }
  .latest-story {
    border-bottom:0;
  }
  .latest-story:nth-of-type(n+4) {
    display:none;
  }
  .latest-footer {
    grid-column:1/-1;
    padding:0;
  }
  .world-grid {
    gap:22px;
  }
  .approach {
    gap:25px;
    padding:28px;
  }
  .approach h2 {
    font-size:30px;
  }
  .approach-facts {
    padding-left:23px;
  }
  .nav-about {
    gap:12px;
  }
}
@media(max-width:760px) {
  .page-width {
    width:calc(100% - 36px);
  }
  .edition-inner {
    justify-content:center;
    min-height:30px;
    font-size:12px;
    letter-spacing:1px;
  }
  .edition-inner>span:last-child {
    display:none;
  }
  .masthead {
    min-height:106px;
    display:flex;
    justify-content:center;
  }
  .masthead-note {
    display:none;
  }
  .wordmark {
    font-size:55px;
    letter-spacing:-3px;
  }
  .region-nav {
    position:relative;
    min-height:47px;
  }
  .nav-links {
    overflow:auto;
    gap:24px;
    scrollbar-width:none;
  }
  .nav-links::-webkit-scrollbar {
    display:none;
  }
  .nav-item {
    font-size:12px;
    padding:15px 0;
  }
  .nav-about {
    display:none;
  }
  .brief-heading {
    padding:29px 0 24px;
    align-items:flex-start;
    gap:8px;
  }
  .eyebrow {
    font-size:12px;
    letter-spacing:1px;
    gap:6px;
  }
  .short-rule {
    width:13px;
  }
  h1 {
    font-size:38px;
    letter-spacing:-.6px;
  }
  .refresh-area {
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:6px;
    margin-top:3px;
  }
  .refresh-label {
    font-size:12px;
    gap:5px;
  }
  .refresh-area #updated-label {
    font-size:12px;
  }
  .text-button {
    font-size:12px;
    padding:3px 0;
  }
  .refresh-icon {
    font-size:16px;
  }
  .front-page {
    display:block;
  }
  .lead-story .story-image-link {
    aspect-ratio:1.45;
  }
  .lead-story .story-title {
    font-size:35px;
  }
  .story-summary {
    font-size:15px;
    line-height:1.65;
  }
  .story-meta {
    font-size:12px;
    margin-top:15px;
  }
  .article-category {
    font-size:12px;
    margin-top:18px;
  }
  .secondary-stories {
    padding:26px 0 0;
    margin:27px 0 0;
    border-left:0;
    border-top:1px solid var(--line);
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
  }
  .secondary-story+.secondary-story {
    border:0;
    padding:0;
  }
  .secondary-story .story-title {
    font-size:24px;
  }
  .secondary-story .story-image-link {
    aspect-ratio:1.45;
  }
  .secondary-story .article-category .topic,.secondary-story .category-divider {
    display:none;
  }
  .secondary-story .story-meta {
    font-size:12px;
    gap:6px;
  }
  .latest-panel {
    display:block;
    margin-top:29px;
    padding-top:20px;
  }
  .latest-header {
    padding-bottom:16px;
  }
  .latest-story {
    padding:16px 0;
    border-bottom:1px solid var(--line);
  }
  .latest-story:nth-of-type(n+4) {
    display:block;
  }
  .latest-story .story-title {
    font-size:16px;
  }
  .latest-story .story-meta {
    font-size:12px;
  }
  .latest-time {
    font-size:12px;
  }
  .latest-footer {
    padding-top:17px;
  }
  .world-section {
    margin-top:32px;
  }
  .section-heading {
    padding:19px 0;
  }
  .section-heading h2 {
    font-size:28px;
  }
  .section-meta {
    font-size:12px;
    letter-spacing:.4px;
  }
  .world-grid {
    grid-template-columns:1fr;
    gap:24px;
  }
  .world-card .story-image-link {
    aspect-ratio:1.8;
  }
  .world-card .story-title {
    font-size:29px;
  }
  .world-card .story-summary {
    font-size:15px;
  }
  .approach {
    margin:36px 0;
    grid-template-columns:1fr;
    gap:23px;
    padding:27px 24px;
  }
  .approach h2 {
    font-size:36px;
  }
  .approach-copy p {
    font-size:15px;
  }
  .approach-facts {
    border-left:0;
    border-top:1px solid #bcbcc0;
    padding:23px 0 0;
    gap:19px;
  }
  .approach-facts strong {
    font-size:14px;
  }
  .approach-facts span {
    font-size:14px;
  }
  .source-list {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:27px 18px;
  }
  .source-list a {
    font-size:23px;
  }
  .sources-section .section-meta {
    display:none;
  }
  .source-note {
    font-size:12px;
  }
  .footer-inner {
    flex-wrap:wrap;
    gap:14px;
    font-size:12px;
  }
  .footer-wordmark {
    font-size:26px;
  }
  .footer-inner a:nth-of-type(2) {
    margin-left:0;
    width:50%;
  }
  .footer-inner>span:last-child {
    margin-left:auto;
  }
  .feed-notice {
    font-size:12px;
  }
  .coverage {
    font-size:12px;
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
  *,*:before,*:after {
    animation:none!important;
    transition:none!important;
  }
}
.source-list a {
  display:flex;
  flex-direction:column;
  gap:10px;
}
.source-feed-state {
  font:12px var(--sans);
  font-weight:400;
  letter-spacing:0;
  color:var(--muted);
}
.latest-time-divider {
  padding:0 5px;
  color:#45474e;
}
.compact-edition {
  grid-template-columns:1.65fr 1fr;
}
.compact-edition .latest-panel:last-child:nth-child(3) {
  grid-column:1/-1;
}
.compact-edition .lead-story:only-child {
  max-width:800px;
}
.secondary-story .article-category {
  flex-wrap:wrap;
}
.article-category {
  text-transform:uppercase;
}
.source-list {
  gap:30px;
}
.world-grid .story-summary:empty {
  display:none;
}
@media(max-width:760px) {
  .brief-heading {
    flex-wrap:wrap;
  }
  .refresh-area {
    flex-direction:row;
    align-items:center;
    gap:13px;
    width:100%;
    margin-top:7px;
  }
  .refresh-area #updated-label {
    font-size:12px;
  }
  .refresh-label {
    font-size:12px;
  }
  .text-button {
    margin-left:auto;
  }
  .masthead {
    min-height:100px;
  }
  .story-summary,.world-card .story-summary {
    font-size:16px;
  }
  .edition-inner {
    font-size:10px;
  }
  .source-list a {
    font-size:21px;
  }
  .nav-item {
    font-size:14px;
  }
  .label {
    font-size:12px;
  }
}

/* Publisher feed links */
.source-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px 34px; }
.source-entry { display:flex; flex-direction:column; align-items:flex-start; gap:9px; }
.source-list .publisher-link { font:700 24px Georgia,serif; letter-spacing:-.6px; }
.source-list .source-rss-link { font:500 12px var(--sans); letter-spacing:0; color:var(--green); }
.source-list .source-rss-link:hover { text-decoration:underline; }
.source-feed-state { line-height:1.6; }
/* X conversations are distinct from newsroom reporting. */
.x-watch { display:grid; grid-template-columns:220px 1fr auto; gap:30px; align-items:center; margin-top:38px; padding:28px 30px; background:#101114; color:#111317; }
.x-watch .eyebrow { color:#f2c44e; font-size:11px; }
.x-watch h2 { font:32px var(--serif); display:flex; align-items:center; gap:20px; margin:9px 0 8px; }
.x-wordmark { font:25px Arial,sans-serif; }
.x-watch-intro p { color:#474951; font-size:12px; }
.x-topics { display:flex; flex-wrap:wrap; gap:9px; }
.x-topic { border:1px solid #c2ac77; padding:10px 13px; display:flex; gap:10px; align-items:center; font-size:13px; }
.x-topic:hover { background:#202126; border-color:#e7c972; }
.x-topic:focus-visible,.x-explore:focus-visible { outline-color:#fff; }
.x-topic small { color:#34363c; font-size:11px; }
#x-note { color:#a1a3a8; font-size:12px; line-height:1.7; margin-top:13px; max-width:700px; }
.x-explore { font-size:13px; display:flex; align-items:center; gap:25px; white-space:nowrap; }
.x-no-match { font-size:14px; line-height:1.7; }
@media(max-width:1150px) {
  .x-watch { grid-template-columns:180px 1fr; gap:22px; }
  .x-explore { grid-column:2; }
}
@media(max-width:760px) {
  .source-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 18px; }
  .source-list .publisher-link { font-size:21px; }
  .x-watch { grid-template-columns:1fr; gap:20px; padding:25px 23px; margin-top:30px; }
  .x-explore { grid-column:1; }
  .x-topic { font-size:14px; }
  .x-watch .eyebrow { font-size:12px; }
}