/* 15 · Wamd Daily. Presentation only: existing stories, links and reading order stay intact. */
@property --daily-photo-scale {
  syntax: '<number>';
  inherits: false;
  initial-value: 1;
}
:root[data-design-preview=daily] {
  --design-headline: 'Newsreader', Georgia, serif;
  --daily-sans: 'IBM Plex Sans', 'IBM Plex Sans Arabic', system-ui, sans-serif;
  --brand-red: #cf3b2c; /* Matches the active Wamd logo artwork in every theme. */
  --design-accent: #c53525;
  --accent: #c53525;
  --paper: #faf8f3;
  --elevated: #fffdf8;
  --ink: #232521;
  --muted: #64665e;
  --rule: #dbdcd2;
  --rule-strong: #a6aa9d;
  --fill: #eeeee5;
  --fill-strong: #e0e2d7;
  --control: #fffdf8;
  --photo: #e5e6dc;
  --mast: var(--paper);
  color-scheme: light;
}
:root[data-design-preview=daily][data-theme=dark] {
  --paper: #141814; --elevated: #1c221c; --ink: #f4f3eb; --muted: #b6bcae;
  --rule: #343e32; --rule-strong: #657260; --fill: #252e24; --fill-strong: #354132;
  --control: #252e24; --photo: #30392d; --design-accent: #ff8c78; --accent: #ff8c78;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root[data-design-preview=daily][data-theme=system] {
    --paper: #141814; --elevated: #1c221c; --ink: #f4f3eb; --muted: #b6bcae;
    --rule: #343e32; --rule-strong: #657260; --fill: #252e24; --fill-strong: #354132;
    --control: #252e24; --photo: #30392d; --design-accent: #ff8c78; --accent: #ff8c78;
    color-scheme: dark;
  }
}
:root[data-design-preview=daily][dir=rtl] { --design-headline: 'Noto Naskh Arabic', Georgia, serif; --daily-sans: 'IBM Plex Sans Arabic', system-ui, sans-serif; }
:root[data-design-preview=daily][data-desk-lang=hi] { --design-headline: 'Noto Sans Devanagari', system-ui, sans-serif; --daily-sans: 'Noto Sans Devanagari', system-ui, sans-serif; }
:root[data-design-preview=daily] body { background: var(--paper); color: var(--ink); }
:root[data-design-preview=daily] body :is(.mast-inner,.design-section-nav,.edition) { width: min(1400px,calc(100% - 64px)); max-width: 1400px; }
/* The compact type scale remains adjustable with the existing desk zoom controls. */
:root[data-design-preview=daily] body .edition { zoom: var(--desk-zoom, 1); }
:root[data-design-preview=daily] body .mast { border-top: 4px solid #d43b27; box-shadow: none; }
:root[data-design-preview=daily] body .mast-utility { padding-block: 8px; }
:root[data-design-preview=daily] body .dateline { font-size: 0.75rem; }
:root[data-design-preview=daily] body .design-section-nav { gap: 24px; border-top: 1px solid var(--rule); }
:root[data-design-preview=daily] body .design-section-nav button { font-family: var(--daily-sans); font-size: 0.875rem; font-weight: 600; min-height: 44px; padding-block: 8px; }
:root[data-design-preview=daily] body .design-edition-head { flex-wrap: wrap; gap: 6px 18px; padding-block: 14px; margin-bottom: 20px; border-bottom: 2px solid var(--ink); }
:root[data-design-preview=daily] body .design-edition-head h2 { font-size: clamp(1.75rem,2.3vw,2.125rem); font-weight: 600; line-height: 1.35; }
:root[data-design-preview=daily] body .design-edition-label { font: 600 0.6875rem/1.5 var(--daily-sans); letter-spacing: .08em; color: var(--design-accent); }
:root[data-design-preview=daily] body .design-edition-caption { font: 400 0.75rem/1.5 var(--daily-sans); }
:root[data-design-preview=daily][dir=rtl] body .design-edition-label { letter-spacing: 0; }
:root[data-design-preview=daily] body :is(a,button,input,select):focus-visible { outline: 3px solid var(--design-accent); outline-offset: 4px; }

/* Type has a job: serif leads, sans-serif updates, quiet provenance. */
:root[data-design-preview=daily] body .edition :is(.hero-card,.desk-feature,.desk-pack-card,.row-card) { min-width: 0; color: var(--ink); text-decoration: none; border-radius: 0; box-shadow: none; background: transparent; overflow: visible; }
:root[data-design-preview=daily] body .edition [data-story] > div:not(.source-logo-plate) { min-width: 0; padding: 0; }
:root[data-design-preview=daily] body .edition :is(.hero-title,.desk-feature-title,.desk-pack-title,.row-title) { display: block; margin: 0; max-height: none; overflow: visible; overflow-wrap: anywhere; -webkit-line-clamp: unset; letter-spacing: -.018em; }
:root[data-design-preview=daily] body .edition :is(.hero-title,.desk-feature-title) { font-family: var(--design-headline); font-weight: 600; line-height: 1.2; }
:root[data-design-preview=daily] body .edition :is(.desk-pack-title,.row-title) { font-family: var(--daily-sans); font-size: 1.125rem; font-weight: 600; line-height: 1.45; }
:root[data-design-preview=daily][dir=rtl] body .edition :is(.hero-title,.desk-feature-title,.desk-pack-title,.row-title),
:root[data-design-preview=daily] body .edition :is(.hero-title,.desk-feature-title,.desk-pack-title,.row-title):is([lang=ar],[dir=rtl],.title-ar) { letter-spacing: 0; line-height: 1.5; }
:root[data-design-preview=daily] body .edition .kicker { font-family: var(--daily-sans); font-size: 0.75rem; line-height: 1.65; font-weight: 400; gap: 2px 7px; margin: 0 0 6px; color: var(--muted); }
:root[data-design-preview=daily] body .edition .source-tier { font-size: 0.75rem; padding: 0 3px; border: 0; border-radius: 0; background: var(--fill); color: var(--muted); }
:root[data-design-preview=daily] body .edition .summary { display: block; font-family: var(--daily-sans); font-size: 0.9375rem; line-height: 1.65; color: var(--muted); margin: 12px 0 0; max-width: 65ch; }
:root[data-design-preview=daily] body .edition [data-story]:hover :is(.hero-title,.desk-feature-title,.desk-pack-title,.row-title) { color: var(--brand-red); text-decoration: none; }

/* The opening photograph leads into adjacent type on desktop, then stacks on mobile. */
:root[data-design-preview=daily] body .edition .hero { margin: 0 0 24px; padding: 0; border: 0; }
:root[data-design-preview=daily] body .edition .hero-card { display: grid; grid-template-columns: minmax(0,1.22fr) minmax(0,1fr); align-items: center; gap: 32px; padding: 0 0 22px; margin: 0; border: 0; border-bottom: 0; }
:root[data-design-preview=daily] body .edition .hero-card > img.desk-photo { position: static; grid-column: 1; grid-row: 1; order: -1; width: 100%; height: auto; min-height: 0; max-height: 380px; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 0; }
:root[data-design-preview=daily] body .edition .hero-card > div:not(.source-logo-plate) { display: block; grid-column: 2; grid-row: 1; }
:root[data-design-preview=daily] body .edition .hero-title { font-size: clamp(1.75rem,2.8vw,2.375rem); font-weight: 700; max-width: 28ch; }
:root[data-design-preview=daily] body .edition .hero-card .summary { font-size: 0.9375rem; margin: 10px 0 0; padding: 0; border: 0; }

/* Each desk has one substantial feature, supporting rows, and a quiet headline rail.
   Column 1 follows reading direction, placing side-by-side photos before the text. */
:root[data-design-preview=daily] body .edition .desk { padding: 0; margin: 28px 0 34px; }
:root[data-design-preview=daily] body .edition .desk-name { margin: 0 0 14px; padding: 10px 0 0; border-top: 2px solid var(--ink); gap: 16px; }
:root[data-design-preview=daily] body .edition .desk-name h2 { border-inline-start: 3px solid #d43b27; padding-inline-start: 12px; font-family: var(--design-headline); font-size: 1.5rem; font-weight: 600; line-height: 1.4; }
:root[data-design-preview=daily] body .edition .desk-name h2 button { min-height: 44px; }
:root[data-design-preview=daily] body .edition .desk-more { min-height: 44px; padding: 8px 0; color: var(--muted); font: 500 0.8125rem/1.5 var(--daily-sans); white-space: nowrap; }
:root[data-design-preview=daily] body .edition .desk-well { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(0,1fr); gap: 32px; align-items: start; padding: 0; }
:root[data-design-preview=daily] body .edition .desk-well.no-feature { grid-template-columns: minmax(0,1fr); }
:root[data-design-preview=daily] body .edition :is(.desk-lead,.desk-pack,.desk-stack) { display: flex; flex-direction: column; min-width: 0; gap: 0; }
:root[data-design-preview=daily] body .edition .desk-feature { display: flex; flex-direction: column; align-items: stretch; gap: 12px; padding: 0 0 18px; border: 0; border-bottom: 1px solid var(--rule); }
:root[data-design-preview=daily] body .edition .desk-feature > img.desk-photo { position: static; order: -1; width: 100%; height: auto; min-height: 0; max-height: 330px; aspect-ratio: 1.9; object-fit: cover; border-radius: 0; }
:root[data-design-preview=daily] body .edition .desk-feature-title { font-size: clamp(1.4375rem,2.1vw,1.75rem); }
:root[data-design-preview=daily] body .edition .desk-pack { padding: 0; border: 0; }
:root[data-design-preview=daily] body .edition .desk-stack { border-inline-start: 1px solid var(--rule); padding-inline-start: 26px; }
:root[data-design-preview=daily] body .edition .desk-well.no-feature .desk-stack { padding-inline-start: 0; border: 0; }
:root[data-design-preview=daily] body .edition [data-story]:is(.desk-pack-card,.row-card) { display: grid; grid-template-columns: 88px minmax(0,1fr); width: 100%; box-sizing: border-box; align-self: stretch; gap: 16px; align-items: start; padding: 14px 0; border: 0; border-bottom: 1px solid var(--rule); }
:root[data-design-preview=daily] body .edition [data-story]:is(.desk-pack-card,.row-card) > img.desk-photo { grid-column: 1; grid-row: 1; width: 88px; height: 72px; min-height: 0; max-height: 72px; aspect-ratio: auto; object-fit: cover; border-radius: 0; }
:root[data-design-preview=daily] body .edition [data-story]:is(.desk-pack-card,.row-card) > div:not(.source-logo-plate) { grid-column: 2; grid-row: 1; }
:root[data-design-preview=daily] body .edition #grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 32px; margin-top: 20px; }
/* The next section draws the divider. A closing rule on the block above made a second line. */
:root[data-design-preview=daily] body .edition .desk-stack > .row-card:last-child,
:root[data-design-preview=daily] body .edition .desk-pack > .desk-pack-card:last-child,
:root[data-design-preview=daily] body .edition .desk[data-desk=breaking] [data-story]:last-child,
:root[data-design-preview=daily] body .edition .desk[data-desk=authors] [data-story]:last-child { border-bottom: 0; }
@media (min-width: 761px) {
  :root[data-design-preview=daily] body .edition .desk-pack > .desk-pack-card:nth-last-child(2),
  :root[data-design-preview=daily] body .edition .desk[data-desk=breaking] [data-story]:nth-last-child(2),
  :root[data-design-preview=daily] body .edition .desk[data-desk=authors] [data-story]:nth-last-child(2) { border-bottom: 0; }
}
@media (min-width: 1051px) {
  :root[data-design-preview=daily] body .edition .desk[data-desk=authors] [data-story]:nth-last-child(-n+3) { border-bottom: 0; }
}

/* Breaking is a briefing, not another sequence of oversized photographs. */
:root[data-design-preview=daily] body .edition .desk[data-desk=breaking] { padding-block: 18px 4px; border-top: 1px solid var(--rule-strong); border-bottom: 0; }
:root[data-design-preview=daily] body .edition .desk[data-desk=breaking] .desk-name { padding: 0; border: 0; margin-bottom: 4px; }
:root[data-design-preview=daily] body .edition .desk[data-desk=breaking] .desk-name h2 { font-family: var(--daily-sans); font-size: 1.25rem; font-weight: 600; }
:root[data-design-preview=daily] body .edition .desk[data-desk=breaking] .desk-well { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 32px; }
:root[data-design-preview=daily] body .edition .desk[data-desk=breaking] :is(.desk-lead,.desk-pack,.desk-stack) { display: contents; }
:root[data-design-preview=daily] body .edition .desk[data-desk=breaking] [data-story] { display: grid; grid-template-columns: 72px minmax(0,1fr); gap: 14px; padding: 14px 0; min-height: 0; align-items: start; border: 0; border-bottom: 1px solid var(--rule); }
:root[data-design-preview=daily] body .edition .desk[data-desk=breaking] [data-story] > img.desk-photo { grid-column: 1; grid-row: 1; order: 0; width: 72px; height: 64px; min-height: 0; max-height: 64px; aspect-ratio: auto; object-fit: cover; }
:root[data-design-preview=daily] body .edition .desk[data-desk=breaking] [data-story] > div:not(.source-logo-plate) { grid-column: 2; grid-row: 1; }
:root[data-design-preview=daily] body .edition .desk[data-desk=breaking] :is(.desk-feature-title,.desk-pack-title,.row-title) { font-family: var(--daily-sans); font-size: 1.125rem; font-weight: 600; line-height: 1.5; }

/* Missing photography never creates an empty slot; genuine publisher logos stay contained. */
:root[data-design-preview=daily] body .edition :is(.hero-card,.desk-feature,.desk-pack-card,.row-card):not(:has(> img.desk-photo,> img.desk-photo-small)),
:root[data-design-preview=daily] body .edition .desk[data-desk=breaking] [data-story]:not(:has(> img.desk-photo,> img.desk-photo-small)) { display: flex; flex-direction: column; align-items: stretch; min-height: 0; gap: 10px; }
:root[data-design-preview=daily] body .edition :is(.hero-card,.desk-feature):not(:has(> img.desk-photo,> img.desk-photo-small)) { border-inline-start: 3px solid var(--design-accent); padding-inline-start: 20px; }
:root[data-design-preview=daily] body .edition [data-story] > img.publisher-logo-thumbnail { position: static; order: 2; width: auto; height: 40px; min-height: 0; max-width: 120px; max-height: 40px; align-self: start; object-fit: contain; border-radius: 0; padding: 4px !important; }
/* A section lead's mark fills the photo frame above the headline. It does not sit as a stamp under the title. */
:root[data-design-preview=daily] body .edition .desk-feature:has(> img.publisher-logo-thumbnail.is-ready) { display: flex !important; flex-direction: column !important; align-items: stretch !important; border-inline-start: 0 !important; padding-inline-start: 0 !important; }
:root[data-design-preview=daily] body .edition .desk-feature > img.publisher-logo-thumbnail.is-ready { order: -1 !important; width: 100% !important; max-width: 100% !important; height: auto !important; max-height: 330px !important; aspect-ratio: 1.9 !important; object-fit: contain !important; align-self: stretch !important; visibility: visible !important; background: #fff !important; padding: 36px !important; }
:root[data-design-preview=daily] body .edition .hero-card:has(> img.publisher-logo-thumbnail.is-ready) { display: grid !important; grid-template-columns: minmax(0,1.22fr) minmax(0,1fr) !important; align-items: center !important; }
:root[data-design-preview=daily] body .edition .hero-card > img.publisher-logo-thumbnail.is-ready { grid-column: 1; grid-row: 1; order: -1 !important; width: 100% !important; max-width: 100% !important; height: auto !important; max-height: 380px !important; aspect-ratio: 3 / 2 !important; object-fit: contain !important; align-self: stretch !important; visibility: visible !important; background: #fff !important; padding: 36px !important; }
:root[data-design-preview=daily] body .edition .hero-card:has(> img.publisher-logo-thumbnail.is-ready) > div:not(.source-logo-plate) { grid-column: 2; grid-row: 1; }
/* No article photo: the source mark occupies the peek slot, not a line under the headline. */
:root[data-design-preview=daily] body .edition [data-story]:is(.desk-pack-card,.row-card):has(> img.publisher-logo-thumbnail) { display: grid !important; grid-template-columns: 88px minmax(0, 1fr) !important; align-items: start !important; gap: 16px !important; }
:root[data-design-preview=daily] body .edition [data-story]:is(.desk-pack-card,.row-card) > img.publisher-logo-thumbnail.is-ready { position: static !important; grid-column: 1; grid-row: 1; order: 0 !important; width: 88px !important; height: 72px !important; max-width: 88px !important; max-height: 72px !important; aspect-ratio: auto !important; object-fit: contain !important; align-self: center !important; visibility: visible !important; background: #fff !important; padding: 6px !important; }
:root[data-design-preview=daily] body .edition [data-story] > .source-logo-plate { position: static; order: 2; width: fit-content; height: 40px; min-height: 0; max-width: 120px; max-height: 40px; aspect-ratio: auto; align-self: start; flex: none; padding: 4px; border-radius: 0; }
:root[data-design-preview=daily] body .edition .source-logo-peek { width: auto; height: 32px; min-height: 0; max-width: 112px; max-height: 32px; object-fit: contain; }

/* Override shared compact-photo layouts, while retaining each photograph's native-size cap. */
:root[data-design-preview=daily] body .edition [data-story].compact-photo { background: transparent !important; }
:root[data-design-preview=daily] body .edition :is(.hero-card,.desk-feature).compact-photo { display: flex !important; flex-direction: column !important; align-items: stretch !important; padding: 0 0 18px !important; gap: 12px !important; }
:root[data-design-preview=daily] body .edition .hero-card.compact-photo > div { padding: 0 !important; }
:root[data-design-preview=daily] body .edition :is(.hero-card,.desk-feature).compact-photo > img.desk-photo-small { order: -1 !important; width: auto !important; height: auto !important; max-width: min(100%,var(--photo-native-width)) !important; max-height: 320px !important; align-self: start !important; object-fit: contain !important; border-radius: 0 !important; }
/* A section lead fills its frame. A smaller file was sitting in the corner at its native size. */
:root[data-design-preview=daily] body .edition .desk-feature.compact-photo > img.desk-photo-small { width: 100% !important; max-width: 100% !important; height: auto !important; max-height: 330px !important; aspect-ratio: 1.9 !important; object-fit: cover !important; align-self: stretch !important; }
:root[data-design-preview=daily] body .edition .hero-card.compact-photo { display: grid !important; grid-template-columns: minmax(0,1.22fr) minmax(0,1fr) !important; align-items: center !important; gap: 32px !important; }
:root[data-design-preview=daily] body .edition .hero-card.compact-photo > div { grid-column: 2 !important; grid-row: 1 !important; }
:root[data-design-preview=daily] body .edition .hero-card.compact-photo > img.desk-photo-small { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; align-self: center !important; }
:root[data-design-preview=daily] body .edition [data-story]:is(.desk-pack-card,.row-card).compact-photo { display: grid !important; grid-template-columns: 88px minmax(0,1fr) !important; align-items: start !important; gap: 16px !important; padding: 14px 0 !important; }
:root[data-design-preview=daily] body .edition [data-story]:is(.desk-pack-card,.row-card).compact-photo > div { grid-column: 2 !important; grid-row: 1 !important; }
:root[data-design-preview=daily] body .edition [data-story]:is(.desk-pack-card,.row-card).compact-photo > img.desk-photo-small { grid-column: 1 !important; grid-row: 1 !important; width: min(88px,var(--photo-native-width)) !important; height: auto !important; max-width: 88px !important; max-height: 72px !important; align-self: start !important; object-fit: contain !important; order: 0 !important; border-radius: 0 !important; }
:root[data-design-preview=daily] body .edition .desk[data-desk=breaking] [data-story].compact-photo { display: grid !important; grid-template-columns: 72px minmax(0,1fr) !important; gap: 14px !important; padding: 14px 0 !important; }
:root[data-design-preview=daily] body .edition .desk[data-desk=breaking] [data-story].compact-photo > div { grid-column: 2 !important; grid-row: 1 !important; }
:root[data-design-preview=daily] body .edition .desk[data-desk=breaking] [data-story].compact-photo > img.desk-photo-small { grid-column: 1 !important; grid-row: 1 !important; order: 0 !important; width: min(72px,var(--photo-native-width)) !important; max-width: 72px !important; height: auto !important; max-height: 64px !important; }

/* Opinion is typographic, with a small portrait on both the front page and the author desk. */
:root[data-design-preview=daily] body .edition .desk[data-desk=authors] .desk-well { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0 24px; }
:root[data-design-preview=daily] body .edition .desk[data-desk=authors] :is(.desk-lead,.desk-pack,.desk-stack) { display: contents; }
:root[data-design-preview=daily] body .edition .desk[data-desk=authors] [data-story],
:root[data-design-preview=daily] body.section-authors .edition :is(.hero-card,.row-card) { display: grid; grid-template-columns: 64px minmax(0,1fr); align-items: start; gap: 16px; padding: 14px 0; border: 0; border-bottom: 1px solid var(--rule); }
:root[data-design-preview=daily] body .edition .desk[data-desk=authors] [data-story] > div,
:root[data-design-preview=daily] body.section-authors .edition :is(.hero-card,.row-card) > div { display: block; grid-column: 2; grid-row: 1; }
:root[data-design-preview=daily] body .edition .desk[data-desk=authors] [data-story] > img.desk-photo,
:root[data-design-preview=daily] body.section-authors .edition :is(.hero-card,.row-card) > img.desk-photo { grid-column: 1; grid-row: 1; order: 0; width: 64px; height: 64px; min-height: 0; max-width: 64px; max-height: 64px; aspect-ratio: 1; object-fit: cover; border-radius: 50%; }
:root[data-design-preview=daily] body .edition .desk[data-desk=authors] .desk-well :is(.desk-feature-title,.desk-pack-title,.row-title) { font-family: var(--design-headline); font-size: 1.25rem; font-weight: 600; line-height: 1.5; }
:root[data-design-preview=daily] body.section-authors .edition .hero-title { font-size: 1.75rem; max-width: 34ch; }
:root[data-design-preview=daily] body.section-authors .edition .hero-card .summary { padding: 0; border: 0; margin-top: 10px; }
:root[data-design-preview=daily] body .edition .desk[data-desk=authors] [data-story]:not(:has(> img.desk-photo)),
:root[data-design-preview=daily] body.section-authors .edition :is(.hero-card,.row-card):not(:has(> img.desk-photo)) { display: flex; flex-direction: column; }

@media (max-width: 1050px) {
  :root[data-design-preview=daily] body .edition .hero-card > div:not(.source-logo-plate) { display: block; }
  :root[data-design-preview=daily] body .edition .hero-card .summary { margin-top: 12px; padding: 0; border: 0; }
  :root[data-design-preview=daily] body .edition .desk-well { grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 24px; }
  :root[data-design-preview=daily] body .edition .desk-stack { padding-inline-start: 20px; }
  :root[data-design-preview=daily] body .edition .desk[data-desk=authors] .desk-well { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  :root[data-design-preview=daily] body .edition :is(.kicker,.source-tier) { font-size: 0.8125rem; }
  :root[data-design-preview=daily] body :is(.mast-inner,.design-section-nav,.edition) { width: calc(100% - 32px); }
  :root[data-design-preview=daily] body .design-section-nav { gap: 22px; }
  :root[data-design-preview=daily] body .design-section-nav button { font-size: 0.8125rem; }
  :root[data-design-preview=daily] body .design-edition-head { padding-block: 10px; margin-bottom: 16px; gap: 4px 12px; }
  :root[data-design-preview=daily] body .design-edition-head h2 { font-size: 1.5rem; }
  :root[data-design-preview=daily] body .design-edition-caption { flex-basis: 100%; margin-inline-start: 0; }
  :root[data-design-preview=daily] body .edition .hero { margin-bottom: 24px; }
  :root[data-design-preview=daily] body .edition .hero-card { display: flex; flex-direction: column; align-items: stretch; gap: 16px; padding-bottom: 22px; }
  :root[data-design-preview=daily] body .edition .hero-card > img.desk-photo { aspect-ratio: 16 / 9; max-height: 280px; }
  :root[data-design-preview=daily] body .edition .hero-card.compact-photo { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 16px !important; }
  :root[data-design-preview=daily] body .edition .hero-card.compact-photo > img.desk-photo-small { align-self: start !important; }
  :root[data-design-preview=daily] body .edition .hero-title { font-size: 1.625rem; max-width: none; }
  :root[data-design-preview=daily] body .edition .hero-card .summary { font-size: 0.9375rem; }
  :root[data-design-preview=daily] body .edition .desk { margin: 22px 0 28px; }
  :root[data-design-preview=daily] body .edition .desk-name { padding-top: 8px; margin-bottom: 14px; gap: 12px; }
  :root[data-design-preview=daily] body .edition .desk-name h2 { font-size: 1.375rem; padding-inline-start: 10px; }
  :root[data-design-preview=daily] body .edition .desk[data-desk] .desk-well { display: block; overflow: visible; }
  :root[data-design-preview=daily] body .edition .desk[data-desk] :is(.desk-lead,.desk-pack,.desk-stack) { display: contents; }
  :root[data-design-preview=daily] body .edition .desk-feature { gap: 12px; padding-bottom: 16px; }
  :root[data-design-preview=daily] body .edition .desk-feature > img.desk-photo { aspect-ratio: 16 / 9; max-height: 270px; }
  :root[data-design-preview=daily] body .edition .desk-feature-title { font-size: 1.3125rem; }
  :root[data-design-preview=daily] body .edition :is(.desk-pack-title,.row-title) { font-size: 1.0625rem; }
  :root[data-design-preview=daily] body .edition [data-story]:is(.desk-pack-card,.row-card) { grid-template-columns: 76px minmax(0,1fr); gap: 14px; padding: 12px 0; }
  :root[data-design-preview=daily] body .edition [data-story]:is(.desk-pack-card,.row-card) > img.desk-photo { width: 76px; height: 68px; max-height: 68px; }
  :root[data-design-preview=daily] body .edition [data-story]:is(.desk-pack-card,.row-card).compact-photo { grid-template-columns: 76px minmax(0,1fr) !important; gap: 14px !important; padding: 12px 0 !important; }
  :root[data-design-preview=daily] body .edition [data-story]:is(.desk-pack-card,.row-card).compact-photo > img.desk-photo-small { width: min(76px,var(--photo-native-width)) !important; max-width: 76px !important; max-height: 68px !important; }
  :root[data-design-preview=daily] body .edition #grid { grid-template-columns: minmax(0,1fr); gap: 0; margin-top: 10px; }
  :root[data-design-preview=daily] body .edition .desk[data-desk=breaking] [data-story] { grid-template-columns: 64px minmax(0,1fr); gap: 14px; }
  :root[data-design-preview=daily] body .edition .desk[data-desk=breaking] [data-story] > img.desk-photo { width: 64px; height: 60px; max-height: 60px; }
  :root[data-design-preview=daily] body .edition .desk[data-desk=breaking] :is(.desk-feature-title,.desk-pack-title,.row-title) { font-size: 1.0625rem; }
  :root[data-design-preview=daily] body .edition .desk[data-desk=authors] [data-story],
  :root[data-design-preview=daily] body.section-authors .edition :is(.hero-card,.row-card) { grid-template-columns: 64px minmax(0,1fr); }
  :root[data-design-preview=daily] body .edition .desk[data-desk=authors] [data-story] > img.desk-photo,
  :root[data-design-preview=daily] body.section-authors .edition :is(.hero-card,.row-card) > img.desk-photo { width: 64px; height: 64px; max-height: 64px; aspect-ratio: 1; }
  :root[data-design-preview=daily] body .edition .desk[data-desk=authors] .desk-well :is(.desk-feature-title,.desk-pack-title,.row-title) { font-size: 1.1875rem; }
  :root[data-design-preview=daily] body.section-authors .edition .hero-title { font-size: 1.5625rem; }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  :root[data-design-preview=daily] body .edition .desk[data-desk=authors] [data-story],
  :root[data-design-preview=daily] body.section-authors .edition :is(.hero-card,.row-card) {
    position: relative;
    z-index: 0;
    transition: transform .4s cubic-bezier(.22,.61,.36,1), background-color .4s ease;
  }
  :root[data-design-preview=daily] body .edition .desk[data-desk=authors] [data-story]:is(:hover,:focus-visible),
  :root[data-design-preview=daily] body.section-authors .edition :is(.hero-card,.row-card):is(:hover,:focus-visible) {
    z-index: 1;
    transform: translateY(-4px);
    background: var(--fill);
  }
}
/* Keep fallback zoom inside each photo's own frame, including side-by-side
   leads and small thumbnails. One animated value keeps scaling and clipping
   synchronized at every frame; 50% - 50% / scale cancels the painted expansion. */
@supports not (object-view-box: inset(0%)) {
  @media (hover: hover) and (prefers-reduced-motion: no-preference) {
    :root[data-design-preview=daily] body:not(.section-authors) .edition :is(.hero-card,.desk:not([data-desk=authors]) [data-story],#grid [data-story]):has(> img.desk-photo):not(.no-image) > img.desk-photo {
      --daily-photo-scale: 1;
      transform-origin: center center;
      transform: scale(var(--daily-photo-scale));
      clip-path: inset(calc(50% - 50% / var(--daily-photo-scale)));
      transition: --daily-photo-scale .5s cubic-bezier(.22,.61,.36,1);
    }
    :root[data-design-preview=daily] body:not(.section-authors) .edition :is(.hero-card,.desk:not([data-desk=authors]) [data-story],#grid [data-story]):has(> img.desk-photo):not(.no-image):is(:hover,:focus-visible) > img.desk-photo { --daily-photo-scale: 1.08; }
  }
}
/* The remaining list stories keep a text row, with a peek large enough to read. */
:root[data-design-preview=daily] body:not(.section-authors) .edition .desk:not([data-desk=breaking]):not([data-desk=authors]) .row-card,
:root[data-design-preview=daily] body:not(.section-authors) .edition #grid .row-card {
  grid-template-columns: 180px minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: center !important;
}
:root[data-design-preview=daily] body:not(.section-authors) .edition .desk:not([data-desk=breaking]):not([data-desk=authors]) .row-card > :is(img.desk-photo, img.desk-photo-small, img.publisher-logo-thumbnail.is-ready),
:root[data-design-preview=daily] body:not(.section-authors) .edition #grid .row-card > :is(img.desk-photo, img.desk-photo-small, img.publisher-logo-thumbnail.is-ready) {
  width: 180px !important;
  max-width: 180px !important;
  height: 120px !important;
  max-height: 120px !important;
  aspect-ratio: 3 / 2 !important;
  object-fit: cover !important;
  align-self: center !important;
}
:root[data-design-preview=daily] body:not(.section-authors) .edition .desk:not([data-desk=breaking]):not([data-desk=authors]) .row-card > img.publisher-logo-thumbnail.is-ready,
:root[data-design-preview=daily] body:not(.section-authors) .edition #grid .row-card > img.publisher-logo-thumbnail.is-ready {
  object-fit: contain !important;
  background: #fff !important;
  padding: 12px !important;
}
@media (max-width: 760px) {
  :root[data-design-preview=daily] body:not(.section-authors) .edition .desk:not([data-desk=breaking]):not([data-desk=authors]) .row-card,
  :root[data-design-preview=daily] body:not(.section-authors) .edition #grid .row-card {
    grid-template-columns: 132px minmax(0, 1fr) !important;
  }
  :root[data-design-preview=daily] body:not(.section-authors) .edition .desk:not([data-desk=breaking]):not([data-desk=authors]) .row-card > :is(img.desk-photo, img.desk-photo-small, img.publisher-logo-thumbnail.is-ready),
  :root[data-design-preview=daily] body:not(.section-authors) .edition #grid .row-card > :is(img.desk-photo, img.desk-photo-small, img.publisher-logo-thumbnail.is-ready) {
    width: 132px !important;
    max-width: 132px !important;
    height: 88px !important;
    max-height: 88px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root[data-design-preview=daily] body * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
/* The two stories under a section lead sit beside each other, each with a large photo. */
:root[data-design-preview=daily] body .edition .desk:not([data-desk=breaking]):not([data-desk=authors]) .desk-pack {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 24px;
  padding-top: 16px;
}
:root[data-design-preview=daily] body .edition .desk:not([data-desk=breaking]):not([data-desk=authors]) .desk-pack > .desk-pack-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 12px !important;
  padding: 0 !important;
  border-bottom: 0;
}
:root[data-design-preview=daily] body .edition .desk:not([data-desk=breaking]):not([data-desk=authors]) .desk-pack > .desk-pack-card > :is(img.desk-photo, img.desk-photo-small, img.publisher-logo-thumbnail.is-ready) {
  order: -1 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: 3 / 2 !important;
  object-fit: cover !important;
  align-self: stretch !important;
}
:root[data-design-preview=daily] body .edition .desk:not([data-desk=breaking]):not([data-desk=authors]) .desk-pack > .desk-pack-card > img.publisher-logo-thumbnail.is-ready {
  object-fit: contain !important;
  background: #fff !important;
  padding: 28px !important;
}
@media (max-width: 760px) {
  :root[data-design-preview=daily] body .edition .desk:not([data-desk=breaking]):not([data-desk=authors]) .desk-pack {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 12px;
  }
}
@media print {
  :root[data-design-preview=daily] { color-scheme: light; --paper: #fff; --elevated: #fff; --ink: #111; --muted: #444; --rule: #bbb; --rule-strong: #777; --fill: #eee; --design-accent: #a82c20; --accent: #a82c20; }
  :root[data-design-preview=daily] body .mast { position: static; }
}