/* CLS Journal — an editorial cover, warm paper and forest-green accents. */
.site-header nav > a[href="#newsroom"][aria-current]::after { background: #25452e; }
:is(.newsroom-page,.news-article,.golf-article,.culture-story,.tennis-article-page) { --journal-paper: #f1eee5; --journal-ink: #242622; --journal-green: #25452e; --journal-rule: #c7c8bc; --journal-muted: #62645a; }
.newsroom-page.newsroom-editorial { padding-top: 0; background: var(--journal-paper); color: var(--journal-ink); }
.newsroom-opening { padding-block: 28px 64px; }
.newsroom-masthead { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-bottom: 22px; border-bottom: 1px solid var(--journal-ink); }
.newsroom-wordmark { font: 500 34px/1 var(--editorial,Georgia,serif); letter-spacing: -.04em; }
.newsroom-wordmark i { margin-left: 5px; font-weight: 400; }
.newsroom-masthead p,.newsroom-edition { margin: 0; font-size: 10px; font-weight: 550; line-height: 1.5; letter-spacing: .11em; text-transform: uppercase; }
.newsroom-edition { color: var(--journal-muted); }
.newsroom-opening-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.92fr); margin-top: 28px; border: 1px solid var(--journal-rule); }
.newsroom-cover { min-width: 0; background: #242622; color: var(--journal-paper); }
.newsroom-cover-folio { display: flex; justify-content: space-between; gap: 18px; padding: 18px 25px; font-size: 9px; line-height: 1.6; text-transform: uppercase; letter-spacing: .12em; }
.newsroom-cover a { display: block; text-decoration: none; color: inherit; }
.newsroom-cover-image { overflow: hidden; aspect-ratio: 4 / 3; }
.newsroom-cover-image img { display: block; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); transition: filter .4s; }
.newsroom-cover a:hover img { filter: grayscale(0); }
.newsroom-cover-caption { padding: 23px 28px 27px; }
.newsroom-cover-caption > span:first-child { font-size: 9px; letter-spacing: .12em; text-transform: uppercase; color: #cbcdbf; }
.newsroom-cover-caption h2 { margin: 13px 0 20px; color: var(--journal-paper); font: 400 clamp(34px,3.5vw,50px)/1.05 var(--editorial,Georgia,serif); letter-spacing: -.03em; }
.newsroom-cover-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 48px; padding-block: 9px; border-bottom: 1px solid #c7c8bc70; font-size: 10px; text-transform: uppercase; letter-spacing: .09em; }
.newsroom-cover-link > span { font-size: 18px; }
.newsroom-editorial .page-intro--newsroom { display: flex; flex-direction: column; align-items: stretch; justify-content: center; min-width: 0; margin: 0; width: 100%; padding: clamp(28px,4vw,60px); text-align: left; border: 0; }
.newsroom-editorial .page-intro--newsroom::before,.newsroom-editorial .page-intro--newsroom::after { display: none; }
.newsroom-editorial .page-intro-copy { display: block; max-width: none; }
.newsroom-editorial .page-intro--newsroom .eyebrow { margin: 0 0 35px; color: var(--journal-muted); font-size: 9px; line-height: 1.7; font-weight: 500; letter-spacing: .07em; }
.newsroom-editorial .page-intro--newsroom .eyebrow::before { width: 40px; background: var(--journal-muted); height: 1px; }
.newsroom-editorial .page-intro--newsroom h1 { margin: 0 0 28px; color: var(--journal-ink); max-width: 650px; font: 400 clamp(62px,6.3vw,90px)/.94 var(--editorial,Georgia,serif); letter-spacing: -.045em; text-wrap: balance; overflow-wrap: normal; }
.newsroom-editorial .newsroom-title-line { display: block; }
.newsroom-editorial .newsroom-title-line:first-child { margin-bottom: 18px; font: 450 20px/1.3 var(--body,sans-serif); letter-spacing: .17em; }
.newsroom-editorial .newsroom-title-line:last-child { color: var(--journal-green); font-style: italic; text-transform: lowercase; }
.newsroom-editorial .page-intro--newsroom .page-intro-copy > p { max-width: 360px; margin: 0 0 25px; color: var(--journal-muted); font-size: 14px; line-height: 1.85; }
.newsroom-discover { display: inline-flex; align-items: center; gap: 38px; min-height: 44px; padding-block: 10px; border-bottom: 1px solid var(--journal-green); color: var(--journal-green); font-size: 10px; font-weight: 650; line-height: 1.5; text-transform: uppercase; letter-spacing: .09em; text-decoration: none; }
.newsroom-discover > span { font-size: 19px; }
.newsroom-soundmark { display: flex; align-items: center; gap: 5px; height: 58px; width: 100%; max-width: 290px; margin-top: 45px; color: var(--journal-green); }
.newsroom-soundmark i { flex: 1 1 3px; max-width: 4px; height: 12px; background: currentColor; }
.newsroom-soundmark .soundmark-bar--1 { height: 24px; }.newsroom-soundmark .soundmark-bar--2 { height: 38px; }.newsroom-soundmark .soundmark-bar--3 { height: 56px; }.newsroom-soundmark .soundmark-bar--4 { height: 42px; }.newsroom-soundmark .soundmark-bar--5 { height: 21px; }.newsroom-soundmark .soundmark-bar--6 { height: 6px; }
.newsroom-editorial .newsroom-launch-note { margin: 12px 0 0; color: var(--journal-muted); font: italic 400 15px/1.5 var(--editorial,Georgia,serif); }
.newsroom-editorial .newsroom-section { padding-block: 4px 70px; scroll-margin-top: 0; }
.newsroom-archive-heading { display: flex; justify-content: space-between; align-items: end; gap: 24px; padding-bottom: 26px; border-bottom: 1px solid var(--journal-rule); }
.newsroom-archive-heading h2 { margin: 0; color: var(--journal-ink); font: 500 clamp(38px,4.1vw,60px)/1.05 var(--editorial,Georgia,serif); letter-spacing: -.035em; }
.newsroom-archive-heading h2 em { font-weight: 400; color: var(--journal-green); }
.newsroom-archive-heading p { margin: 0 0 3px; color: var(--journal-muted); font-size: 11px; }
.newsroom-editorial .newsroom-tools { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding-block: 17px; margin: 0 0 30px; border-bottom: 1px solid var(--journal-rule); }
.newsroom-editorial .filter-list { gap: 22px; flex-wrap: wrap; }
.newsroom-editorial .filter-list > button { min-height: 44px; padding: 7px 0; border: 0; border-radius: 0; background: transparent; color: var(--journal-muted); font-size: 11px; font-weight: 500; letter-spacing: .04em; }
.newsroom-editorial .filter-list > button[aria-pressed=true] { box-shadow: inset 0 -1px var(--journal-green); color: var(--journal-green); background: transparent; font-weight: 750; }
.newsroom-editorial .filter-list > button:hover { color: var(--journal-green); background: transparent; }
.newsroom-editorial .result-count { white-space: nowrap; color: var(--journal-muted); font-size: 10px; font-weight: 500; }
.newsroom-editorial .media-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 36px 28px; align-items: start; }
.newsroom-editorial .media-card { grid-column: auto; grid-row: auto; min-width: 0; margin: 0; padding: 0 0 28px; border: 0; border-bottom: 1px solid var(--journal-rule); background: transparent; }
.newsroom-editorial .card-open { display: block; width: 100%; padding: 0; text-align: left; color: inherit; background: transparent; border: 0; border-radius: 0; }
.newsroom-editorial .media-card:first-child { grid-column: 1 / -1; grid-row: auto; margin-bottom: 4px; padding: 0 0 32px; border: 0; border-bottom: 1px solid var(--journal-rule); background: transparent; }
.newsroom-editorial .media-card:first-child .card-open { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); column-gap: clamp(30px,5vw,72px); align-items: start; }
.newsroom-editorial .media-card:first-child .media-cover { grid-column: 1; grid-row: 1 / 5; aspect-ratio: 1.5; }
.newsroom-editorial .media-card:first-child :is(.media-meta,h3,p,.text-link) { grid-column: 2; }
.newsroom-editorial .media-cover,.newsroom-editorial .media-card:nth-child(n) .media-cover { position: relative; border-radius: 0; aspect-ratio: 4 / 3; background: #dfe3d7; color: var(--journal-green); }
.newsroom-editorial .media-cover:not(:has(img)),.newsroom-editorial .media-card:nth-child(n) .media-cover:not(:has(img)) { background: var(--journal-green); color: var(--journal-paper); }
.newsroom-editorial .media-cover > img { object-fit: cover; }
.newsroom-editorial .media-cover.media-cover--pair { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 2px; background: #242622; }
.newsroom-editorial .media-cover.media-cover--pair > img { object-fit: cover; }
.newsroom-editorial .media-cover > span { left: 20px; bottom: 18px; color: var(--journal-paper); font-size: 10px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; }
.newsroom-editorial .media-card .media-symbol { width: 90px; height: 85px; }
.newsroom-editorial .media-symbol svg { width: 55px; height: 55px; stroke-width: 1; }
.newsroom-editorial .waveform { width: 190px; height: 85px; gap: 7px; }
.newsroom-editorial .waveform i { width: 3px; background: currentColor; border-radius: 0; }
.newsroom-editorial .media-meta { display: block; margin: 19px 0 13px; color: var(--journal-muted); font-size: 9px; font-weight: 550; line-height: 1.9; letter-spacing: .07em; text-transform: uppercase; }
.newsroom-editorial .media-meta > span { font-weight: 400; }
.newsroom-editorial .media-card h3 { margin: 0 0 14px; color: var(--journal-ink); font: 500 clamp(29px,2.8vw,39px)/1.05 var(--editorial,Georgia,serif); letter-spacing: -.025em; }
.newsroom-editorial .media-card:first-child h3 { max-width: 650px; font-size: clamp(38px,4.2vw,60px); line-height: 1.03; }
.newsroom-editorial .media-card:first-child .media-meta { margin-top: 8px; }
.newsroom-editorial .media-card p { margin: 0 0 18px; color: var(--journal-muted); font-size: 13px; line-height: 1.8; }
.newsroom-editorial .media-card .text-link { display: inline-flex; justify-self: start; gap: 25px; min-height: 44px; padding-block: 10px; border-bottom: 1px solid var(--journal-rule); color: var(--journal-green); font-size: 10px; font-weight: 650; letter-spacing: .06em; text-transform: uppercase; }
.newsroom-editorial .card-open:hover h3 { color: var(--journal-green); }
.newsroom-editorial .media-card:only-child { max-width: none; }
.newsroom-editorial .section-note { color: var(--journal-muted); }
.newsroom-invitation { background: var(--journal-green); color: var(--journal-paper); }
.newsroom-editorial .guest-band { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr); gap: clamp(35px,8vw,120px); max-width: 1280px; padding-block: 66px 72px; padding-inline: 0; margin-block: 0; border: 0; background: transparent; text-align: left; }
.newsroom-editorial .guest-band .eyebrow { margin: 0 0 20px; color: #ced3c5; font-size: 9px; font-weight: 500; letter-spacing: .1em; }
.newsroom-editorial .guest-band .eyebrow::before { background: currentColor; }
.newsroom-editorial .guest-band h2 { max-width: 620px; margin: 0; color: var(--journal-paper); font: 400 clamp(43px,5vw,72px)/1 var(--editorial,Georgia,serif); letter-spacing: -.035em; }
.newsroom-editorial .guest-band p { max-width: 480px; margin: 0 0 25px; color: #e0e3d7; font-size: 14px; line-height: 1.85; }
.newsroom-editorial .guest-band .text-link { display: inline-flex; gap: 30px; min-height: 44px; padding: 10px 0; border: 0; border-bottom: 1px solid #c7c8bc90; border-radius: 0; color: var(--journal-paper); background: transparent; font-size: 10px; font-weight: 550; letter-spacing: .07em; text-transform: uppercase; }
.newsroom-editorial :is(a,button):focus-visible { outline: 2px solid var(--journal-green); outline-offset: 5px; }
.newsroom-editorial :is(.newsroom-cover,.newsroom-invitation) a:focus-visible { outline-color: var(--journal-paper); outline-offset: -4px; }
.newsroom-editorial #stories:focus { outline: none; }
/* Carry the publication's type and palette through existing complete articles. */
.news-article { --news-paper: #f1eee5; --news-indigo: #242622; --news-accent: #d5dccc; color: #42483f; }
.golf-article { --golf-forest: #25452e; --golf-deep: #242622; --golf-gold: #e2e4d7; --golf-paper: #f1eee5; color: #42483f; }
.culture-story { --culture-paper: #f1eee5; --culture-ink: #42483f; --culture-burgundy: #242622; --culture-pumpkin: #d5dccc; }
:is(.news-article,.golf-article,.culture-story) h1 { font-family: var(--editorial,Georgia,serif); font-weight: 400; letter-spacing: -.035em; }
:is(.news-article,.golf-article,.culture-story) h2 { font-family: var(--editorial,Georgia,serif); font-weight: 500; letter-spacing: -.025em; }
.news-article .news-article-masthead,.golf-article .golf-masthead,.culture-story .culture-story-masthead { border: 0; }
.news-article .news-article-masthead::after,.culture-story .culture-story-masthead::before { display: none; }
.news-article .news-article-introduction { color: var(--journal-green); border-left: 1px solid #6b7d62; font: 400 clamp(28px,3vw,38px)/1.35 var(--editorial,Georgia,serif); }
.golf-article .golf-introduction,.culture-story .culture-story-introduction > p { color: var(--journal-green); font-family: var(--editorial,Georgia,serif); font-weight: 400; }
.culture-story .culture-story-costumes { background: #25452e; }
.culture-story .culture-story-costumes :is(h2,.culture-story-eyebrow,.culture-story-copy) { color: #f1eee5; }
.culture-story .culture-story-evening { background: #e5e6db; }
.culture-story .culture-story-ornament { color: #7c896f; }
.culture-story .culture-story-photo-frame,.news-article .news-article-cover,.golf-article .golf-cover .golf-photo-frame { padding: 0; border: 0; background: #f1eee5; }
.tennis-article-page { background: #242622; color: #f1eee5; border: 0; }
.tennis-article-page::before { display: none; }
.tennis-article-page .tennis-heading h1 { font: 400 clamp(48px,6vw,84px)/1.05 var(--editorial,Georgia,serif); color: #f1eee5; letter-spacing: -.035em; }
.tennis-article-page .tennis-heading > .eyebrow { color: #d5dccc; }
.tennis-article-page .tennis-heading > .eyebrow::before { background: #d5dccc; }
.tennis-article-page .tennis-impact-value { color: #d5dccc; font-family: var(--editorial,Georgia,serif); font-weight: 500; }
.tennis-article-page .tennis-body a,.tennis-article-page .tennis-read-more { color: #e2e4d7; }
#detail-dialog:has(.media-dialog) { border-radius: 0; border: 1px solid #a5af9a; background: #f1eee5; color: #242622; }
#detail-dialog:has(.media-dialog)::backdrop { background: #171c19c7; }
#detail-dialog:has(.media-dialog) .dialog-close { background: #25452e; color: #f1eee5; border-radius: 0; }
.media-dialog > .media-cover { background: #25452e; color: #f1eee5; }
.media-dialog > .media-cover > span { color: #f1eee5; }
.media-dialog .dialog-copy h2 { color: #242622; font: 500 clamp(34px,4vw,48px)/1.05 var(--editorial,Georgia,serif); letter-spacing: -.025em; }
.media-dialog .dialog-copy .eyebrow,.media-dialog .dialog-copy .text-link { color: #25452e; }
.media-dialog .dialog-copy :is(.lead,.article-body,.media-date) { color: #62645a; }
#detail-dialog:has(.media-dialog) :focus-visible { outline: 2px solid #25452e; outline-offset: 4px; }
@media (max-width: 1023px) {
  .newsroom-opening-grid { grid-template-columns: minmax(0,1fr) minmax(0,.95fr); }
  .newsroom-editorial .page-intro--newsroom { padding: 30px; }
  .newsroom-editorial .page-intro--newsroom h1 { font-size: 65px; }
  .newsroom-editorial .newsroom-title-line:first-child { font-size: 16px; letter-spacing: .09em; }
  .newsroom-editorial .page-intro--newsroom .eyebrow { margin-bottom: 25px; }
  .newsroom-soundmark { margin-top: 28px; }
  .newsroom-masthead p { display: none; }
  .newsroom-editorial .media-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px 24px; }
  .newsroom-editorial .media-card:first-child .card-open { column-gap: 30px; }
  .newsroom-editorial .media-card:first-child h3 { font-size: 42px; }
  .newsroom-editorial .guest-band { gap: 40px; }
}
@media (max-width: 699px) {
  .newsroom-opening { padding-block: 22px 38px; }
  .newsroom-masthead { padding-bottom: 18px; gap: 12px; }
  .newsroom-wordmark { font-size: 28px; }
  .newsroom-edition { font-size: 8px; letter-spacing: .06em; }
  .newsroom-opening-grid { display: flex; flex-direction: column-reverse; margin-top: 20px; }
  .newsroom-editorial .page-intro--newsroom { padding: 34px 25px 30px; }
  .newsroom-editorial .page-intro--newsroom h1 { font-size: clamp(65px,17vw,86px); max-width: 500px; }
  .newsroom-editorial .page-intro--newsroom .eyebrow { margin-bottom: 28px; }
  .newsroom-editorial .page-intro--newsroom .page-intro-copy > p { font-size: 13px; }
  .newsroom-soundmark { height: 43px; margin-top: 26px; }
  .newsroom-soundmark .soundmark-bar--3 { height: 43px; }
  .newsroom-cover-folio { padding-inline: 22px; }
  .newsroom-cover-caption { padding: 22px 24px 27px; }
  .newsroom-cover-caption h2 { font-size: 39px; }
  .newsroom-archive-heading { align-items: start; flex-direction: column; gap: 14px; padding-bottom: 22px; }
  .newsroom-archive-heading h2 { font-size: 43px; }
  .newsroom-editorial .newsroom-tools { align-items: start; gap: 12px; padding-block: 12px; }
  .newsroom-editorial .filter-list { gap: 4px 18px; }
  .newsroom-editorial .filter-list > button { font-size: 10px; }
  .newsroom-editorial .result-count { padding-top: 16px; }
  .newsroom-editorial .media-grid { grid-template-columns: 1fr; gap: 28px; }
  .newsroom-editorial .media-card:first-child .card-open { display: block; }
  .newsroom-editorial .media-card:first-child .media-cover { aspect-ratio: 4 / 3; }
  .newsroom-editorial .media-card:first-child h3 { font-size: 39px; }
  .newsroom-editorial .media-card h3 { font-size: 34px; }
  .newsroom-editorial .media-card .media-meta { margin-top: 19px; }
  .newsroom-editorial .media-card p { font-size: 14px; }
  .newsroom-editorial .newsroom-section { padding-bottom: 44px; }
  .newsroom-editorial .guest-band { grid-template-columns: 1fr; gap: 30px; padding-block: 42px 48px; }
  .newsroom-editorial .guest-band h2 { font-size: 51px; }
  .newsroom-editorial .guest-band p { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) { .newsroom-cover-image img { transition: none; } }