/* The selected SV NEWS identity, extended to the complete publication.
   Neutral surfaces carry the reading. Green identifies actions and selection. */
:root[data-layout="newsdesk"] {
  --brand-radius: 4px;
  --r-sheet: 10px;
  --r-media: 3px;
  --r-control: var(--brand-radius);
  --line-strong: color-mix(in srgb, var(--ink) 25%, var(--paper));
  --control-fill: var(--accent);
  --control-ink: var(--paper);
  --news-panel: var(--paper-2);
  --news-radius: var(--brand-radius);
  --photo-surface: #151815;
  --scrim: rgb(7 10 8 / .82);
  --lift-1: 0 4px 16px rgb(0 0 0 / .09);
  --lift-3: 0 24px 80px rgb(0 0 0 / .28);
  --news-shadow: 0 18px 48px -28px rgb(0 0 0 / .3);
  --spotlight: color-mix(in srgb, var(--accent) 6%, transparent);
  --duration: .2s;
}
[data-layout="newsdesk"] body { -webkit-font-smoothing: antialiased; }
[data-layout="newsdesk"] ::selection { color: var(--paper); background: var(--accent); }
[data-layout="newsdesk"] :is(a,button,input,select,summary) { scroll-margin-block: 24px 96px; }
[data-layout="newsdesk"] :focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
[data-layout="newsdesk"] button:disabled { opacity: .42; cursor: not-allowed; }

/* A centered masthead with quiet utilities and a crisp editorial rule. */
.desk-utility { border-bottom: 0; }
.desk-brand-row { border-bottom: 1px solid var(--line); }
.desk-edition-block { border-left: 0; padding-left: 0; }
.desk-brand-caption { letter-spacing: .09em; }
.desk-edition { color: var(--muted); letter-spacing: .06em; }
.desk-tools { border: 0; gap: 4px; }
.desk-tools .desk-button { border: 1px solid transparent; border-radius: var(--brand-radius); }
.desk-tools .desk-button:first-child { border: 1px solid var(--line); }
.desk-tools kbd { border: 0; color: var(--muted); }
.desk-nav { border-bottom-color: var(--line); }
.desk-nav a { font-weight: 500; }
.desk-nav a[aria-current="page"]::after { height: 2px; clip-path: none; }
.desk-nav a:hover { color: var(--accent); }
.desk-intro { padding-block: 10px; }

/* One control family, with explicit hover, press, focus and saved states. */
.desk-button,
.reader-select-wrap select,
[data-layout="newsdesk"] .share a,
[data-layout="newsdesk"] .in-story a {
  border-radius: var(--brand-radius);
  font-weight: 500;
  transition: background var(--duration) var(--ease), color var(--duration) var(--ease), border-color var(--duration) var(--ease), transform var(--duration) var(--ease);
}
.desk-button { border-color: var(--line); background: transparent; }
.desk-button:not(:disabled):hover { border-color: var(--accent); background: var(--accent-soft); color: var(--accent); }
.desk-button:not(:disabled):active { transform: translateY(1px); }
.save-button[aria-pressed="true"] { color: var(--accent); background: var(--accent-soft); border-color: var(--accent); box-shadow: none; }
.save-button[aria-pressed="true"] svg { fill: color-mix(in srgb, var(--accent) 16%, transparent); }
.desk-icon { stroke-width: 1.65; }

/* The lead reads as a single editorial spread, without a frame around every cell. */
.newsroom-v5 .cover-stage { border: 0; border-radius: 6px 6px 0 0; }
.newsroom-v5 .cover-copy { padding: 32px; }
.newsroom-v5 .cover-eyebrow { margin-bottom: 22px; gap: 10px; }
.newsroom-v5 .cover-panel .desk-story-title { font-weight: 550; letter-spacing: -.035em; line-height: 1.07; }
.newsroom-v5 .cover-panel .desk-dek { font-size: 16px; line-height: 1.55; font-weight: 400; }
.newsroom-v5 .cover-actions { border: 0; padding-top: 0; margin-top: 20px; }
.newsroom-v5 .cover-read { min-width: 184px; font-size: 14px; font-weight: 550; }
.newsroom-v5 .cover-read:hover { background: var(--ink); color: var(--paper); }
.newsroom-v5 .cover-read .action-end { border-left: 0; }
.newsroom-v5 .cover-actions .save-button { border-color: var(--line-strong); }
.cover-photo-note { background: linear-gradient(transparent, rgb(7 10 8 / .91)); padding-top: 40px; }
.cover-photo-note > span { max-width: calc(100% - 56px); font-size: 11px; }
.cover-photo-note .photo-expand { border-radius: var(--brand-radius); background: rgb(7 10 8 / .54); }
.cover-step-controls { gap: 4px; }
.cover-step-controls .desk-button { border: 0; }
.newsroom-v5 .cover-index { border-inline: 0; border-bottom-color: var(--line); }
.cover-index::before { height: 2px; }
.cover-index-entry + .cover-index-entry { border-left-color: var(--line); }
.newsroom-v5 .cover-tab { min-height: 104px; padding: 16px 18px; }
.newsroom-v5 .cover-tab[data-previewed="true"] { background: var(--paper-2); box-shadow: none; }
.newsroom-v5 .cover-tab-image { border-radius: 2px; }
.newsroom-v5 .cover-tab-title { font-weight: 500; }
.newsroom-v5 .desk-section-label { border-bottom: 0; margin-bottom: 0; }
.newsroom-v5 .desk-section-label h2 { font-weight: 550; letter-spacing: -.03em; }
.desk-link { border: 0; }

/* Compact segmented streams, followed by topics and a visible search field. */
[data-layout="newsdesk"][data-enhanced] .desk-streams.js-only { gap: 0; padding: 4px; border: 1px solid var(--line); border-radius: 6px; margin-block: 16px; }
.desk-stream { min-height: 48px; border-color: transparent; background: transparent; padding: 10px 16px; gap: 10px; }
.desk-stream > span { font-size: 15px; }
.desk-stream small { background: transparent; border-radius: 0; padding: 0; color: var(--muted); opacity: 1; }
.desk-stream .desk-icon { width: 16px; }
.desk-stream[aria-pressed="true"] { color: var(--paper); background: var(--ink); border-color: var(--ink); }
.desk-stream[aria-pressed="true"] .desk-icon { color: inherit; }
.desk-stream[aria-pressed="true"] small { color: inherit; }
.desk-stream:not([aria-pressed="true"]):hover { background: var(--paper-2); border-color: transparent; }
.topic-filter { border: 0; border-bottom: 2px solid transparent; color: var(--muted); }
.topic-filter[aria-pressed="true"] { background: transparent; clip-path: none; color: var(--ink); border-bottom-color: var(--accent); }
.topic-filter:hover { background: var(--accent-soft); }
.desk-search { background: var(--paper-2); border: 1px solid var(--line); border-radius: var(--brand-radius); }
.desk-search:focus-within { border-color: var(--accent); outline: 2px solid var(--accent); outline-offset: 2px; }
.newsroom-v5 .explore-controls { border: 0; padding-bottom: 0; margin-bottom: 22px; }
.newsroom-v5 .desk-row .desk-photo { border-radius: 3px; overflow: hidden; }
.newsroom-v5 .desk-row .desk-story-title { letter-spacing: -.02em; line-height: 1.22; font-weight: 550; }
.newsroom-v5 .desk-row .desk-story-title a:hover { color: var(--accent); }
.desk-brief > summary { color: var(--ink-2); }
.desk-brief > summary:hover { color: var(--accent); }
.desk-brief > p { font-size: 15px; }
.desk-story-meta .save-button { border-color: transparent; }
.desk-story-meta .save-button:hover { border-color: var(--line); }
.archive-pagination [data-archive-step="1"] { background: var(--accent); color: var(--paper); border-color: var(--accent); }

/* The same language continues through stories, directories and utility pages. */
[data-layout="newsdesk"] .article-opening .art-head h1 { font-weight: 550; letter-spacing: -.035em; }
.article-opening { border-bottom-color: var(--line); }
.article-actions { border: 0; padding: 0; gap: 8px; }
.article-actions .desk-button { border: 1px solid var(--line); border-radius: var(--brand-radius); }
.article-disclosure { border: 0; border-left: 2px solid var(--accent); border-radius: 0 var(--brand-radius) var(--brand-radius) 0; }
[data-layout="newsdesk"][data-enhanced] .reader-controls.js-only { border-color: var(--line); }
.reader-select-wrap select { border-color: var(--line); }
[data-layout="newsdesk"] .reader-panel .facts { border-top: 0; border-left: 2px solid var(--accent); border-radius: 0 var(--brand-radius) var(--brand-radius) 0; }
[data-layout="newsdesk"] .facts li::before { color: var(--muted); }
.reader-pagination [data-reader-step="1"] { clip-path: none; border-color: var(--accent); }
[data-layout="newsdesk"] .share a { background: transparent; color: var(--ink-2); border-color: var(--line); font: 500 13px/1.4 var(--sans); }
[data-layout="newsdesk"] .share a:hover { color: var(--accent); background: var(--accent-soft); border-color: var(--accent); }
[data-layout="newsdesk"] .sec-page-head h1 { font-weight: 550; letter-spacing: -.04em; }
[data-layout="newsdesk"] .card-title { font-weight: 550; letter-spacing: -.025em; }
[data-layout="newsdesk"] .sec-page-head { border-bottom: 2px solid var(--ink); }
[data-layout="newsdesk"] .home .card.lead { background: var(--paper-2); padding: 20px; border-radius: 6px; }
[data-layout="newsdesk"] .card-img { border-radius: 3px; overflow: hidden; }
[data-layout="newsdesk"] .foot { border-top: 2px solid var(--ink); }
[data-layout="newsdesk"] .foot-links a { text-decoration: none; color: var(--ink-2); }
[data-layout="newsdesk"] .foot-links a:hover { color: var(--accent); text-decoration: underline; }

/* Dialogs carry the same measured border and typography as the reading surface. */
.desk-dialog { border: 1px solid var(--line-strong); border-top: 3px solid var(--accent); border-radius: var(--r-sheet); }
.dialog-head h2 { font-weight: 550; letter-spacing: -.03em; }
.dialog-head .desk-button { border: 1px solid var(--line); }
.dialog-story .save-button { border-color: transparent; }
.dialog-story strong { font-weight: 500; }
.gallery-actions .primary { clip-path: none; border-color: var(--accent); }
.desk-toast { border-radius: var(--brand-radius); }

@media (max-width: 1000px) {
  .newsroom-v5 .cover-copy { padding: 24px; }
  .newsroom-v5 .cover-panel .desk-story-title { font-size: 34px; }
  .newsroom-v5 .cover-tab { padding: 12px; }
}
@media (max-width: 640px) {
  .desk-utility { border-bottom: 1px solid var(--line); }
  .desk-brand-row { border-bottom: 0; }
  .desk-tools { display: contents; }
  .desk-tools .desk-button { border: 0; }
  .desk-nav .nav-track { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 0; overflow: visible; padding-right: 0; }
  .desk-nav a { grid-column: span 2; white-space: normal; text-align: center; justify-content: center; line-height: 1.35; padding-inline: 4px; }
  .desk-nav a:nth-last-child(-n+2) { grid-column: span 3; }
  .desk-nav::after { display: none; }
  .newsroom-v5 .cover-copy { padding: 18px 16px; }
  .newsroom-v5 .cover-panel .desk-story-title { font-size: 30px; line-height: 1.1; }
  .newsroom-v5 .cover-eyebrow { margin-bottom: 14px; }
  .newsroom-v5 .cover-panel .desk-dek { font-size: 15px; line-height: 1.5; }
  .newsroom-v5 .cover-actions { margin-top: 16px; }
  .newsroom-v5 .cover-read { min-width: 0; }
  .newsroom-v5 .cover-tab { min-height: 92px; }
  .newsroom-v5 .cover-tab[data-previewed="true"] { box-shadow: inset 0 2px var(--accent); }
  .newsroom-v5 .cover-index { border-radius: 0 0 4px 4px; }
  .newsroom-v5 .desk-section-label h2 { font-size: 23px; }
  .desk-section-label .desk-link { font-size: 12px; gap: 4px; }
  [data-layout="newsdesk"][data-enhanced] .desk-streams.js-only { gap: 2px; padding: 3px; }
  .desk-stream { min-height: 48px; padding: 8px; gap: 5px; flex-wrap: nowrap; }
  .desk-stream > span { width: auto; font-size: 12px; }
  .desk-stream small { font-size: 10px; min-width: 0; margin-left: auto; }
  .desk-stream .desk-icon { display: none; }
  .newsroom-v5 .desk-row { grid-template-columns: 84px minmax(0,1fr); gap: 12px; }
  .newsroom-v5 .desk-row .desk-story-title { font-size: 20px; line-height: 1.22; }
  .newsroom-v5 .desk-row .byline { font-size: 11px; }
  .newsroom-v5 .desk-row .desk-story-meta { min-height: 44px; }
  [data-layout="newsdesk"] .article-opening .art-head h1 { font-size: 32px; }
  [data-layout="newsdesk"] .article-opening .art-head .dek { font-size: 16px; }
  [data-layout="newsdesk"] .article-opening .hero figcaption { font-size: 11px; }
  .article-opening .photo-expand { min-width: 44px; width: 44px; min-height: 44px; padding: 10px; }
  .article-opening .photo-expand span { display: none; }
  [data-layout="newsdesk"] .home .card.lead { padding: 16px; }
  [data-layout="newsdesk"] .foot-own { font-size: 11px; }
  .desk-bottom { background: var(--paper); border-top-color: var(--line-strong); box-shadow: 0 -8px 28px rgb(0 0 0 / .12); }
  .desk-bottom a[aria-current="page"], .desk-bottom button[aria-expanded="true"] { background: transparent; }
  .desk-bottom a[aria-current="page"]::before { height: 2px; clip-path: none; }
  .desk-bottom .desk-icon { width: 21px; height: 21px; }
}
:root[data-layout="newsdesk"]:lang(th) :is(.desk-story-title,.card-title,.sec-page-head h1,.article-opening .art-head h1) { letter-spacing: 0; line-height: 1.4; }
@media (prefers-reduced-motion: reduce) {
  [data-layout="newsdesk"] *, [data-layout="newsdesk"] *::before, [data-layout="newsdesk"] *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

/* Archive cards: date below the headline, one action row and full-width summaries. */
[data-layout="newsdesk"] .newsroom-v5 .desk-row .desk-story-meta {
  display: block;
  min-height: 0;
  margin-top: 8px;
  padding: 0;
}
[data-layout="newsdesk"] .newsroom-v5 .desk-story-actions {
  position: relative;
  margin-top: 12px;
  border-top: 1px solid var(--line);
}
[data-layout="newsdesk"] .newsroom-v5 .desk-story-actions .desk-brief {
  margin: 0;
  border: 0;
}
[data-layout="newsdesk"] .newsroom-v5 .desk-story-actions summary {
  min-height: 44px;
  gap: 8px;
}
[data-layout="newsdesk"][data-enhanced] .newsroom-v5 .desk-story-actions summary { width: calc(100% - 52px); }
[data-layout="newsdesk"][data-enhanced] .newsroom-v5 .desk-story-actions.has-photo summary { width: calc(100% - 100px); }
[data-layout="newsdesk"] .newsroom-v5 .desk-story-tools {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  gap: 4px;
}
[data-layout="newsdesk"] .newsroom-v5 .desk-story-tools :is(.photo-expand,.save-button) {
  position: static;
  inset: auto;
  float: none;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: var(--brand-radius);
  background: transparent;
  color: var(--muted);
  backdrop-filter: none;
  transition: background var(--duration) var(--ease), color var(--duration) var(--ease), border-color var(--duration) var(--ease), transform var(--duration) var(--ease);
}
[data-layout="newsdesk"] .newsroom-v5 .desk-story-tools :is(.photo-expand,.save-button):not(:disabled):hover,
[data-layout="newsdesk"] .newsroom-v5 .desk-story-tools .save-button[aria-pressed="true"] {
  border-color: var(--accent);
  background: var(--accent-soft);
  color: var(--accent);
}
[data-layout="newsdesk"] .newsroom-v5 .desk-story-tools :is(.photo-expand,.save-button):not(:disabled):active { transform: translateY(1px); }
@media (max-width: 640px) {
  [data-layout="newsdesk"] .newsroom-v5 .desk-story-actions { grid-column: 1 / -1; margin-top: 0; }
  [data-layout="newsdesk"] .newsroom-v5 .desk-row[data-no-photo] .desk-story-text { grid-column: 1 / -1; }
}

/* Reader-led motion: the story stays still until its reader changes it. */
.newsroom-v5 .cover-panel:not([hidden]) .cover-copy { animation: none; }
.newsroom-v5 .cover-gesture { display: none; }
[data-enhanced] .newsroom-v5 [data-cover-swipe] { touch-action: pan-y pinch-zoom; }
.newsroom-v5 .cover-position { font-variant-numeric: tabular-nums; }
@media (max-width: 640px), (pointer: coarse) {
  [data-enhanced] .newsroom-v5 .cover-gesture {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--muted);
    font: 10px/1.4 var(--sans);
    white-space: nowrap;
  }
  .newsroom-v5 .cover-gesture > span { color: var(--accent); font-size: 16px; }
}
@media (prefers-reduced-motion: no-preference) {
  .newsroom-v5 .desk-brief[open] > :not(summary) { animation: news-brief-arrive .18s var(--ease) both; }
  @keyframes news-brief-arrive {
    from { opacity: .6; transform: translateY(3px); }
    to { opacity: 1; transform: translateY(0); }
  }
  .newsroom-v5 .cover-index::before { transition: transform .24s var(--ease); }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .newsroom-v5 .desk-row .desk-photo img,
  .newsroom-v5 .cover-tab-image { transition: transform .24s var(--ease), filter .24s var(--ease); }
  .newsroom-v5 .desk-row:hover .desk-photo img,
  .newsroom-v5 .desk-row:focus-within .desk-photo img { transform: scale(1.025); }
  .newsroom-v5 .cover-tab:is(:hover,:focus-visible) .cover-tab-image { transform: translateY(-2px); filter: saturate(1); }
}