/* The reading area and footer keep the News edition palette. The shared header,
   drawer, language picker and Community dock inherit the main site palette. */
body[data-chrome="news"] :is(.nw-app, .app-footer) {
  --bg: #f4efe6; --bg-raised: #fffaf2;
  --surface-1: #ece3d7; --surface-1-solid: #ece3d7; --surface-2: #e3d8c9; --surface-3: #d8c8b5;
  --text: #292622; --text-muted: #61564b; --text-faint: #706355;
  --border: #d5c9b9; --border-strong: #b6a38d; --border-control: #8c7864;
  --primary: #982e43; --primary-hover: #722035; --primary-ink: #fff8ed; --focus: #982e43;
  --danger: #b4233c;
  --cyan: #305f50; --amber: #82501e; --pink: #982e43;
  --shadow-2: 0 12px 32px rgb(61 39 22 / 14%);
  background: var(--bg); color: var(--text); color-scheme: light;
}
.nw-app { --nw-display: 'News Display', var(--nw-sans); --nw-violet: var(--primary); background: var(--bg); }
:lang(ar) .nw-app { --nw-display: 'CPS Arabic Body', var(--nw-sans); }
:lang(zh) .nw-app, :lang(ja) .nw-app, :lang(hi) .nw-app { --nw-display: var(--nw-sans); }
.nw-app ::selection { background: #e6b9b5; color: #3f1822; }
.nw-bar { background: linear-gradient(180deg, #f9f4eb, var(--bg)); }
.nw-utility {
  inline-size: 100%; max-inline-size: none; min-block-size: 64px; gap: 12px;
  padding-inline: max(var(--nw-pad), calc((100% - var(--nw-max)) / 2 + var(--nw-pad)));
  border: 0; background: #292622; color: #f8efe2;
}
.nw-actions { display: flex; align-items: center; gap: 8px; min-inline-size: 0; }
.nw-actions .nw-action { justify-content: center; gap: 7px; color: #f6eee2; font-weight: 600; border-radius: 8px; padding-inline: 10px; }
.nw-actions .nw-action:hover { background: #443b33; color: #fffaf2; }
.nw-actions .nw-account { flex-shrink: 0; max-inline-size: 13rem; background: #443b33; color: #fff5e6; border-color: #796958; }
.nw-actions .nw-account-icon { position: static; display: inline-grid; place-items: center; padding: 0; background: none; border: 0; transform: none; }
.nw-actions .nw-account-icon svg { inline-size: 20px; block-size: 20px; }
.nw-actions .nw-account-level { background: #e7b7a5; color: #3d211c; }
.nw-actions .nw-inbox .ib-button { color: #f8efe2; }
.nw-utility :is(a,button):focus-visible { outline-color: #f5c264; }
.nw-masthead { display: flex; justify-content: center; align-items: center; padding-block: 20px 14px; min-block-size: 0; }
.nw-app .nw-brand-news {
  display: block; font: 700 clamp(3.75rem, 6vw, 6rem)/1.08 var(--nw-display);
  letter-spacing: -.025em; text-transform: uppercase; color: #902b3e; text-align: center;
}
.nw-app .nw-brand-news:hover { color: #722035; }
.nw-tools {
  inline-size: calc(100% - 2 * var(--nw-pad)); max-inline-size: calc(var(--nw-max) - 2 * var(--nw-pad));
  margin-inline: auto; padding-block: 10px 16px; display: grid; grid-template-columns: max-content minmax(14rem, 22rem); justify-content: center;
  align-items: center; gap: 12px 24px;
}
.nw-today { display: block; color: var(--text-muted); font: 600 var(--nw-t-sm)/1.4 var(--nw-sans); }
.nw-search { position: relative; inline-size: 100%; block-size: auto; display: flex; }
.nw-search input { background: #fffaf2; border: 1px solid #c4b5a2; border-radius: 6px; padding-inline: 14px 48px; }
.nw-search input::placeholder { color: #75634f; }
.nw-search-submit { border: 0; color: var(--primary); border-radius: 0 6px 6px 0; }
.nw-search-submit:hover { background: #eadac7; }
.nw-search-icon { display: none; }
.nw-nav-list { justify-content: safe center; gap: 0; background: #e7ddcf; border-block: 1px solid #d0c1ae; }
.nw-nav-list a, .nw-nav-more > button {
  min-block-size: 48px; padding-inline: 24px; color: #4e3d30;
  font: 600 1rem/1.2 var(--nw-sans); text-decoration: none; letter-spacing: .01em;
  transition: background-color 160ms ease-out, color 160ms ease-out;
}
.nw-nav-list a:hover, .nw-nav-more > button:hover { background: #dacaba; color: #722035; text-decoration: none; }
.nw-nav-list a[aria-current="page"] { background: #982e43; color: #fff8ed; text-decoration: none; }
.nw-nav-more.is-current > button { color: #722035; }
.nw-main { padding-block-start: 32px; }
.nw-section-head {
  display: flex; align-items: baseline; padding-block-start: 10px;
  border-block-start: 2px solid #982e43; color: #982e43;
  font: 700 1.35rem/1.25 var(--nw-display) !important; font-variant-caps: normal;
  text-transform: uppercase !important; letter-spacing: .015em !important;
}
.nw-card-title a { transition: color 160ms ease-out, text-decoration-color 160ms ease-out; }
.nw-card-title a:hover { color: #982e43; text-decoration-color: #982e43; }
.nw-card--lead .nw-card-standfirst { color: #675747; font-style: normal; font-family: var(--nw-sans); font-size: 1.125rem; line-height: 1.55; }
.nw-card--lead .nw-card-title { letter-spacing: -.025em; }
.nw-card-media img, .nw-cover img { border-radius: 4px; background: #e1d5c4; }
.nw-cover img { aspect-ratio: auto; }
.nw-card-meta, .nw-tick-meta { column-gap: 10px; }
.nw-topic { color: #305f50; }
.nw-card-meta .nw-topic { font-weight: 600; }
.nw-latest { padding: 20px; background: #eae1d4; border: 0 !important; }
.nw-latest .nw-section-head { border-block-start: 0; padding-block-start: 0; color: #5b4532; }
.nw-app .nw-tick .nw-card-title { font: 600 1.0625rem/1.35 var(--nw-sans); }
.nw-clock-time { color: #902b3e; }
.nw-clock-day { color: #665341; }
.nw-timeline li { border-block-end-color: #cfc0ad; padding-block: 15px; }
.nw-app .nw-card--second .nw-card-title { font-family: var(--nw-sans); font-weight: 600; letter-spacing: -.01em; }
.nw-card--second .nw-card-standfirst { font-size: 1rem; }
.nw-sections { border-block-start: 2px solid #a38c73; padding-block-start: 28px; }
.nw-section:nth-child(even) .nw-section-head { color: #305f50; border-color: #305f50; }
.nw-rank-num { font-family: var(--nw-display); color: #982e43; }
.nw-article-head { padding-block-start: 10px; }
.nw-headline { letter-spacing: -.025em !important; }
.nw-standfirst { color: #675747; font-family: var(--nw-sans); }
.nw-source-line a { color: #8b293d; }
.nw-heatbox { border-color: #d0c0ad; }
.nw-body { font-size: 1.1875rem; line-height: 1.75; }
.nw-body h2 { margin-block: 1.8em .6em; padding: 0; font-family: var(--nw-sans) !important; font-size: 1.6rem; color: #722035; }
.nw-body a, .nw-sources a { color: #8b293d; }
.nw-body blockquote { color: #5c4133; border-color: #b89473; background: #ece0d1; }
.nw-sources { background: #ece3d7; padding: 20px 24px; border: 0; border-radius: 4px; }
.nw-sources h2 { font-family: var(--nw-sans) !important; }
.nw-article-route a, .nw-return { color: #7a293a; }
.nw-btn { border-radius: 6px; }
.nw-btn--primary { color: #fff8ed; }
.nw-comment-form :is(textarea,input) { background: #fffaf2; }
body[data-chrome="news"] .app-footer { background: #ebe1d3; border-block-start: 1px solid #d0c0ad; }
@media (min-width: 1100px) {
  .nw-card--lead .nw-card-title { font-size: clamp(2.15rem, 2.9vw, 3.1rem); line-height: 1.1; }
  .nw-latest { align-self: start; }
}
@media (max-width: 859.98px) {
  .nw-utility { min-block-size: 60px; }
  .nw-actions { gap: 4px; }
  .nw-actions .nw-account { min-block-size: 40px; block-size: 40px; }
  .nw-actions .nw-account::before { content: none; }
  .nw-actions .nw-action { min-block-size: 44px; }
  .nw-nav-list a, .nw-nav-more > button { padding-inline: 17px; }
}
@media (max-width: 719.98px) {
  .nw-utility { gap: 8px; }
  .nw-actions { display: flex; margin-inline-start: auto; }
  .nw-actions .nw-action--lang, .nw-actions .nw-action--menu { order: initial; }
  .nw-masthead { padding-block: 18px 10px; }
  .nw-app .nw-brand-news { font-size: 3.75rem; line-height: 1.1; }
  .nw-tools { grid-template-columns: 1fr; gap: 8px; padding-block: 4px 14px; }
  .nw-today { font-size: .8125rem; text-align: center; }
  .nw-search { position: relative; display: flex; inset: auto; inline-size: 100%; }
  .nw-search input { inline-size: 100%; min-block-size: 42px; opacity: 1; pointer-events: auto; padding-inline: 12px 48px; }
  .nw-search-submit { position: absolute; inline-size: 44px; min-block-size: 42px; }
  .nw-search-submit .nw-search-arrow { display: block; }
  .nw-search-icon { display: none; }
  .nw-nav-list { justify-content: flex-start; }
  .nw-nav-list a, .nw-nav-more > button { min-block-size: 44px; padding-inline: 14px; font-size: .9375rem; }
  .nw-main { padding-block-start: 24px; }
  .nw-latest { margin-block-start: 24px; padding: 18px; }
  .nw-card--lead .nw-card-title { font-size: 1.9rem; }
  .nw-card--lead .nw-card-standfirst { font-size: 1.0625rem; }
  .nw-cover { margin-inline: 0; inline-size: 100%; }
  .nw-cover figcaption { padding-inline: 0; }
  .nw-body { font-size: 1.125rem; }
  .nw-sources { padding: 18px; }
}
@media (max-width: 479.98px) {
  .nw-actions .nw-action { padding-inline: 6px; }
}
@media (prefers-reduced-motion: no-preference) {
  .nw-app .nw-brand-news { animation: news-nameplate 420ms cubic-bezier(.16, 1, .3, 1) both; }
  .nw-actions :is(a,button):active, .nw-nav-list a:active { transform: translateY(1px); }
}
@keyframes news-nameplate { from { opacity: .65; transform: translateY(5px); } to { opacity: 1; transform: none; } }

/* The edition fills wide screens; story text and its cover keep one readable measure. */
.nw-more-coverage { margin-block-start:40px; }
.nw-coverage-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:24px; }
.nw-coverage-grid .nw-card--tile { padding:0; border:0; }
@media (min-width:768px) {
  .nw-home > .nw-sections { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:32px; }
  .nw-home > .nw-sections .nw-section { padding-inline:0; border-inline:0; }
  .nw-coverage-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (min-width:1100px) {
  .nw-home > .nw-sections { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .nw-coverage-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
  .nw-article:has(> .nw-related) { max-inline-size:calc(var(--nw-measure) + 23rem); margin-inline:auto; grid-template-columns:minmax(0,var(--nw-measure)) 20rem; column-gap:3rem; align-items:start; }
  .nw-article:has(> .nw-related) > :not(.nw-related) { grid-column:1; }
  .nw-article:has(> .nw-related) > .nw-related { grid-column:2; grid-row:2 / span 4; margin:10px 0 0; padding-inline-start:24px; border-inline-start:1px solid var(--border); }
  .nw-article > .nw-related .nw-related-list { grid-template-columns:minmax(0,1fr); gap:24px; }
  .nw-article > .nw-related .nw-card--tile { padding:0 0 20px; border-inline:0; border-block-end:1px solid var(--border); }
  .nw-article > .nw-related .nw-card-title { font-size:1.125rem; line-height:1.35; }
}

/* Existing guides have their own quiet strip below the edition's headlines. */
.nw-blogs { margin-block:40px; padding-block-start:24px; border-block-start:2px solid #a38c73; }
.nw-blogs-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 24px; }
.nw-blogs-head .nw-section-head { margin:0; border:0; padding:0; }
.nw-blogs-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; }
.nw-blogs-actions > a { display:inline-flex; align-items:center; min-block-size:44px; color:#8b293d; text-underline-offset:.2em; }
.nw-blogs-actions .nw-btn { min-block-size:44px; }
.nw-blogs [hidden] { display:none !important; }
.nw-blogs-intro { margin:8px 0 24px; color:var(--text-muted); font-family:var(--nw-sans); font-size:1rem; }
.nw-blog-list { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:24px; padding:0; margin:0; list-style:none; }
.nw-blog-list > li { min-inline-size:0; }
.nw-blog-link { display:block; color:inherit; text-decoration:none; }
.nw-blog-link img { display:block; inline-size:100%; block-size:auto; aspect-ratio:16/9; object-fit:cover; margin-block-end:12px; background:#ece3d7; }
.nw-blog-title { margin:0; font-family:var(--nw-head); font-size:1.125rem; font-weight:600; line-height:1.3; overflow-wrap:anywhere; }
.nw-blog-copy > p { margin:8px 0 0; color:var(--text-muted); font-family:var(--nw-sans); font-size:.9375rem; line-height:1.5; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.nw-blog-link:focus-visible { outline:2px solid var(--focus); outline-offset:5px; }
@media (hover:hover) { .nw-blog-link:hover .nw-blog-title { color:#8b293d; text-decoration:underline; text-underline-offset:.15em; } }
@media (min-width:720px) and (max-width:1099.98px) {
 .nw-blog-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:719.98px) {
 .nw-blogs { margin-block:32px; padding-block-start:20px; }
 .nw-blog-list { grid-template-columns:minmax(0,1fr); gap:16px; }
 .nw-blog-list > li + li { border-block-start:1px solid #d0c0ad; padding-block-start:16px; }
 .nw-blog-link:has(img) { display:grid; grid-template-columns:96px minmax(0,1fr); gap:14px; align-items:start; }
 .nw-blog-link img { margin:0; }
 .nw-blog-title { font-size:1.0625rem; line-height:1.35; }
 .nw-blog-copy > p { -webkit-line-clamp:2; font-size:.875rem; }
}