/* Wamd Editorial, Panorama and Monitor. Presentation only; no story is removed. */

/* Neutral ballot: every option gets equal prominence and its own stable number. */
.design-lab { border-radius: 4px; padding: 28px; }
.design-lab h2 { font-size: clamp(26px,3vw,38px); letter-spacing: -.035em; }
.design-lab-note { max-width: 75ch; font-size: 14px; line-height: 1.7; margin-block: 12px 22px; }
.design-options { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.design-options button { order:0; padding:12px 12px 20px; border-radius:3px; gap:12px; }
.design-options button .design-swatch { height:auto; aspect-ratio:1.65; border-radius:1px; background-size:cover; background-position:top center; padding:0; border:1px solid var(--rule); }
.design-options button .design-swatch i { visibility:hidden; }
.design-options button .design-swatch::before { content:none; }
.design-options button .design-choice-text b { font-size:20px; }
.design-options button .design-reference { font-size:13px; }
.design-options button .design-choice-text small { display:none; }
.design-new,.design-previous { display:none !important; }
.design-swatch-current { background:#fff url('/design-thumbnails/current.png?v=wamd400') top center/cover no-repeat; }
.design-swatch-newsroom { background:#fff url('/design-thumbnails/newsroom.png?v=wamd400') top center/cover no-repeat; }
.design-swatch-horizon { background:#101a22 url('/design-thumbnails/horizon.png?v=wamd400') top center/cover no-repeat; }
.design-swatch-gazette { background:#fff url('/design-thumbnails/gazette.png?v=wamd400') top center/cover no-repeat; }
.design-swatch-atlas { background:#faf9f6 url('/design-thumbnails/atlas.png?v=wamd400') top center/cover no-repeat; }
.design-swatch-focus { background:#101a22 url('/design-thumbnails/focus.png?v=wamd400') top center/cover no-repeat; }
.design-swatch-pulse { background:#faf9f6 url('/design-thumbnails/pulse.png?v=wamd400') top center/cover no-repeat; }
.design-swatch-signature { background:#faf9f6 url('/design-thumbnails/signature.png?v=wamd400') top center/cover no-repeat; }
.design-swatch-editorial { background:#faf9f6 url('/design-thumbnails/editorial.png?v=wamd400') top center/cover no-repeat; }
.design-swatch-editorial i:first-child { grid-row: span 2; background: #9a9d91; }
.design-swatch-panorama { background:#101a22 url('/design-thumbnails/panorama.png?v=wamd400') top center/cover no-repeat; }
.design-swatch-panorama::before { color: #fff; }
.design-swatch-panorama i:first-child { grid-column: span 2; grid-row: span 2; background: #466a74; }
.design-swatch-monitor { background:#f6f8fc url('/design-thumbnails/monitor.png?v=wamd400') top center/cover no-repeat; }
.design-swatch-monitor i { background: #d5deeb; border-top: 3px solid #254473; }
.design-collection-controls { display: flex; gap: 12px; margin-top: 18px; }
.design-collection-controls button { min-height: 44px; border: 0; background: transparent; color: var(--ink); font: 600 13px system-ui,sans-serif; cursor: pointer; padding: 8px 0; text-decoration: underline; text-underline-offset: 5px; }
.design-collection-controls .design-original { margin-inline-start: auto; }
.design-lab-description { max-width: 85ch; line-height: 1.7; }
.design-lab[data-collapsed=true] { margin-block:0; border:0; border-bottom:1px solid var(--rule); border-radius:0; padding-block:0; }
.design-lab[data-collapsed=true] .design-lab-compact button { border:0; min-height:40px; padding-block:4px; }

/* Allow the retained photographic layouts' headline descenders to fit their line boxes. */
:root:is([data-design-preview=focus],[data-design-preview=signature]) body .edition .hero-title { padding-block-end:.2em; }

/* The common foundation is intentionally neutral; each layout defines its own hierarchy. */
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) {
  --design-accent:#d43b27; --accent:#d43b27; --design-headline:'IBM Plex Sans Arabic',system-ui,sans-serif;
}
html[data-theme="light"]:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]),
html[data-theme="system"]:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) {
  color-scheme: light;
  --paper:#faf9f6; --elevated:#fff; --ink:#202522; --muted:#58605d;
  --rule:#d8d9d2; --rule-strong:#adb2aa; --fill:#eceee8; --mast:var(--paper); --control:#f0f1ec; --photo:#d8dfdc;
}
html[data-theme="dark"]:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) {
  color-scheme: dark;
  --paper:#11171b; --elevated:#1b252a; --ink:#f4f1e9; --muted:#b4c0c3;
  --rule:#344047; --rule-strong:#637078; --fill:#243137; --control:#253238; --photo:#23343c;
  --mast: color-mix(in srgb, var(--paper) 78%, transparent);
}
@media (prefers-color-scheme: dark) {
  html[data-theme="system"]:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) {
    color-scheme: dark;
    --paper:#11171b; --elevated:#1b252a; --ink:#f4f1e9; --muted:#b4c0c3;
    --rule:#344047; --rule-strong:#637078; --fill:#243137; --control:#253238; --photo:#23343c;
    --mast: color-mix(in srgb, var(--paper) 78%, transparent);
  }
}
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body { background:var(--paper); }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body :is(.mast-inner,.design-section-nav,.edition) { width:min(1440px,calc(100% - 80px)); max-width:1440px; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .mast { border-top:4px solid var(--design-accent); box-shadow:none; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .mast-utility { padding-block:14px; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .design-section-nav { gap:28px; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .design-section-nav button { min-height:48px; padding-block:10px; font-size:14px; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .design-edition-head { padding:22px 0; margin-bottom:28px; border:0; border-bottom:1px solid var(--rule-strong); gap:18px; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .design-edition-head h2 { font-size:38px; line-height:1.35; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .design-edition-label { font-size:11px; letter-spacing:.12em; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .design-edition-caption { font-size:13px; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition :is(.hero-title,.desk-feature-title,.desk-pack-title,.row-title) { display:block; margin:0; overflow:visible; max-height:none; -webkit-line-clamp:unset; overflow-wrap:anywhere; letter-spacing:-.025em; line-height:1.35; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor])[dir=rtl] body .edition :is(.hero-title,.desk-feature-title,.desk-pack-title,.row-title) { letter-spacing:0; line-height:1.6; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .hero-title { padding-bottom:.16em; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition [data-story] > div:not(.source-logo-plate) { display:flex; flex-direction:column; gap:10px; min-width:0; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition [data-story] .kicker { order:2; margin:0; font:400 12px/1.75 'IBM Plex Sans Arabic',system-ui,sans-serif; color:var(--muted); gap:2px 7px; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .source-tier { font-size:10px; border:1px solid var(--rule-strong); border-radius:3px; background:transparent; color:inherit; padding:0 4px; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .summary { font-size:16px; line-height:1.7; color:var(--muted); margin:0; order:1; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .hero { margin:0; min-width:0; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk { margin:42px 0 54px; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk-name { border-top:2px solid var(--ink); padding-top:14px; margin-bottom:24px; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk-name h2 { font-size:28px; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk-name h2 button { min-height:44px; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk-more { min-height:44px; font-size:13px; padding:8px; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition [data-story] { text-decoration:none; color:var(--ink); box-shadow:none; border-radius:0; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition [data-story]:hover :is(.hero-title,.desk-feature-title,.desk-pack-title,.row-title) { color:inherit; text-decoration:underline; text-decoration-color:var(--design-accent); text-underline-offset:5px; text-decoration-thickness:1px; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body :is(a,button,input,select):focus-visible { outline:3px solid var(--design-accent); outline-offset:4px; }

/* EDITORIAL · generous typography, a real news sidebar, three editorial columns. */
:root[data-design-preview=editorial] { --design-headline:'Newsreader',Georgia,serif; --design-accent:#d43b27; --accent:#d43b27; }
:root[data-design-preview=editorial][dir=rtl] { --design-headline:'Noto Naskh Arabic',serif; }
:root[data-design-preview=editorial] body .design-edition-head { border-bottom:4px double var(--ink); }
:root[data-design-preview=editorial] body .design-edition-head h2 { font-size:54px; }
:root[data-design-preview=editorial] body .edition .hero-card { display:flex; flex-direction:column; align-items:stretch; gap:24px; overflow:visible; }
:root[data-design-preview=editorial] body .edition .hero-title { font-size:clamp(36px,3.7vw,60px); line-height:1.15; font-weight:600; max-width:30ch; }
:root[data-design-preview=editorial][dir=rtl] body .edition .hero-title { line-height:1.6; }
:root[data-design-preview=editorial] body .edition .hero-card > img { height:clamp(250px,24vw,360px); min-height:0; max-height:none; width:100%; object-fit:cover; }
:root[data-design-preview=editorial] body .edition .desk-well { grid-template-columns:minmax(0,1.55fr) minmax(0,1fr) minmax(0,1.15fr); gap:26px; align-items:start; }
:root[data-design-preview=editorial] body .edition :is(.desk-lead,.desk-pack) { display:contents; }
:root[data-design-preview=editorial] body .edition .desk-feature { grid-column:1; grid-row:1/span 3; gap:20px; padding:0; }
:root[data-design-preview=editorial] body .edition .desk-feature > img { height:270px; }
:root[data-design-preview=editorial] body .edition .desk-feature-title { font-size:34px; }
:root[data-design-preview=editorial] body .edition .desk-pack-card { grid-column:2; gap:12px; border-bottom:1px solid var(--rule); padding-bottom:20px; }
:root[data-design-preview=editorial] body .edition .desk-pack-card > img { height:150px; }
:root[data-design-preview=editorial] body .edition .desk-pack-title { font-size:24px; }
:root[data-design-preview=editorial] body .edition .desk-stack { grid-column:3; grid-row:1/span 3; border-inline-start:1px solid var(--rule); padding-inline-start:24px; }
:root[data-design-preview=editorial] body .edition .desk-stack .row-card { display:flex; flex-direction:column; padding:18px 0; gap:12px; }
:root[data-design-preview=editorial] body .edition .desk-stack .row-card > img { width:88px; height:65px; }
:root[data-design-preview=editorial] body .edition .row-title { font-size:23px; }
:root[data-design-preview=editorial] body .edition .desk-well.no-feature { grid-template-columns:minmax(0,1fr); }
:root[data-design-preview=editorial] body .edition .desk-well.no-feature .desk-stack { grid-column:auto; grid-row:auto; border:0; padding:0; }

/* PANORAMA · a photographic cover and asymmetrical image mosaics, not a carousel. */
:root[data-design-preview=panorama] { --design-accent:#d43b27; --accent:#d43b27; }
:root[data-design-preview=panorama] body .mast { border-top-color:#d43b27; }
:root[data-design-preview=panorama] body .design-edition-head { padding-block:26px 20px; border-bottom:0; }
:root[data-design-preview=panorama] body .design-edition-head h2 { font-size:48px; }
:root[data-design-preview=panorama] body .edition .hero-title { font-size:clamp(32px,3.6vw,56px); max-width:27ch; }
:root[data-design-preview=panorama] body .edition :is(.hero-card,.desk-feature,.desk-pack-card,.row-card):where(:has(> img.desk-photo):not(.no-image)) { display:grid; grid-template-columns:minmax(0,1fr); gap:0; align-items:end; position:relative; isolation:isolate; min-height:340px; overflow:hidden; padding:0; background:#10191e; }
:root[data-design-preview=panorama] body .edition :is(.hero-card,.desk-feature,.desk-pack-card,.row-card):where(:has(> img.desk-photo):not(.no-image)) > img { position:absolute; inset:0; width:100%; height:100%; max-height:none; min-height:0; aspect-ratio:auto; object-fit:cover; z-index:-2; border-radius:0; }
:root[data-design-preview=panorama] body .edition :is(.hero-card,.desk-feature,.desk-pack-card,.row-card):where(:has(> img.desk-photo):not(.no-image))::after { content:''; position:absolute; inset:0; pointer-events:none; z-index:-1; background:linear-gradient(180deg,#06101700 10%,#06101730 35%,#061017f5 100%); }
:root[data-design-preview=panorama] body .edition :is(.hero-card,.desk-feature,.desk-pack-card,.row-card):where(:has(> img.desk-photo):not(.no-image)) > div { color:white; padding:80px 28px 28px; background:linear-gradient(180deg,transparent,#061017df 90px); }
:root[data-design-preview=panorama] body .edition :is(.hero-card,.desk-feature,.desk-pack-card,.row-card):where(:has(> img.desk-photo):not(.no-image)) :is(.kicker,.summary,.source-tier) { color:#e0e7e9; }
:root[data-design-preview=panorama] body .edition .hero-card:where(:has(> img.desk-photo):not(.no-image)) { min-height:590px; }
:root[data-design-preview=panorama] body .edition .hero-card:where(:has(> img.desk-photo):not(.no-image)) > div { padding:100px 48px 40px; }
:root[data-design-preview=panorama] body .edition .desk-name { border-top:1px solid var(--rule-strong); }
:root[data-design-preview=panorama] body .edition .desk-name h2 { border-inline-start:4px solid var(--design-accent); padding-inline-start:14px; }
:root[data-design-preview=panorama] body .edition .desk-well { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; align-items:stretch; }
:root[data-design-preview=panorama] body .edition :is(.desk-lead,.desk-pack,.desk-stack) { display:contents; }
:root[data-design-preview=panorama] body .edition .desk-feature { grid-column:span 2; grid-row:span 2; }
:root[data-design-preview=panorama] body .edition .desk-feature-title { font-size:34px; }
:root[data-design-preview=panorama] body .edition .desk-feature:where(:has(> img.desk-photo):not(.no-image)) { min-height:620px; }
:root[data-design-preview=panorama] body .edition .desk-pack-card:where(:has(> img.desk-photo):not(.no-image)),
:root[data-design-preview=panorama] body .edition .row-card:where(:has(> img.desk-photo):not(.no-image)) { min-height:290px; }
:root[data-design-preview=panorama] body .edition .desk:not(:is([data-desk=breaking],[data-desk=authors])) .desk-stack .row-card:has(> img.desk-photo):not(.no-image),
:root[data-design-preview=panorama] body .edition .desk:not(:is([data-desk=breaking],[data-desk=authors])) .row-card:has(> img.desk-photo):not(.no-image) { display:grid; grid-template-columns:minmax(0,1fr); gap:0; align-items:end; position:relative; isolation:isolate; min-height:290px; overflow:hidden; padding:0; background:#10191e; }
:root[data-design-preview=panorama] body .edition .desk:not(:is([data-desk=breaking],[data-desk=authors])) .desk-stack .row-card:has(> img.desk-photo):not(.no-image) > img,
:root[data-design-preview=panorama] body .edition .desk:not(:is([data-desk=breaking],[data-desk=authors])) .row-card:has(> img.desk-photo):not(.no-image) > img { position:absolute; inset:0; width:100%; height:100%; max-height:none; min-height:0; aspect-ratio:auto; object-fit:cover; z-index:-2; border-radius:0; }
:root[data-design-preview=panorama] body .edition .desk:not(:is([data-desk=breaking],[data-desk=authors])) .desk-stack .row-card:has(> img.desk-photo):not(.no-image) > div,
:root[data-design-preview=panorama] body .edition .desk:not(:is([data-desk=breaking],[data-desk=authors])) .row-card:has(> img.desk-photo):not(.no-image) > div { color:white; padding:80px 28px 28px; background:linear-gradient(180deg,transparent,#061017df 90px); }
:root[data-design-preview=panorama] body .edition .desk:not(:is([data-desk=breaking],[data-desk=authors])) .desk-stack .row-card:not(:has(> img.desk-photo)) { display:flex; flex-direction:column; align-items:stretch; gap:12px; border-top:1px solid var(--rule); border-bottom:0; padding:20px 0; }
:root[data-design-preview=panorama] body .edition .row-title { font-size:19px; }

/* MONITOR · an information-first desk, full-width banner and four-column modules. */
:root[data-design-preview=monitor] { --design-accent:#2054b4; --accent:#2054b4; }
:root[data-design-preview=monitor] body .mast { background:white; border-top-color:#2054b4; }
:root[data-design-preview=monitor] body .design-edition-head { background:#192b48; color:white; margin-top:24px; padding:20px 28px; border:0; }
:root[data-design-preview=monitor] body .design-edition-head :is(.design-edition-label,.design-edition-caption) { color:#d1dced; }
:root[data-design-preview=monitor] body .design-edition-head h2 { font-size:32px; }
:root[data-design-preview=monitor] body .edition .hero-card { grid-template-columns:minmax(0,1fr) minmax(0,1.35fr); background:white; gap:0; border:1px solid var(--rule); align-items:stretch; }
:root[data-design-preview=monitor] body .edition .hero-card > div { justify-content:center; padding:32px; }
:root[data-design-preview=monitor] body .edition .hero-title { font-size:clamp(28px,2.7vw,42px); }
:root[data-design-preview=monitor] body .edition .hero-card > img { width:100%; height:360px; min-height:0; max-height:none; }
:root[data-design-preview=monitor] body .edition .desk { background:white; border:1px solid var(--rule); padding:24px; margin-block:28px; }
:root[data-design-preview=monitor] body .edition .desk-name { border:0; padding:0; margin-bottom:20px; border-bottom:1px solid var(--rule); padding-bottom:12px; }
:root[data-design-preview=monitor] body .edition .desk-name h2 { font-size:25px; border-inline-start:4px solid var(--design-accent); padding-inline-start:12px; }
:root[data-design-preview=monitor] body .edition .desk-well { grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; align-items:start; }
:root[data-design-preview=monitor] body .edition :is(.desk-lead,.desk-pack,.desk-stack) { display:contents; }
:root[data-design-preview=monitor] body .edition .desk-feature { grid-column:span 2; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:22px; }
:root[data-design-preview=monitor] body .edition .desk-feature > img { width:100%; height:220px; grid-column:2; grid-row:1; }
:root[data-design-preview=monitor] body .edition .desk-feature > div { grid-column:1; grid-row:1; }
:root[data-design-preview=monitor] body .edition .desk-feature-title { font-size:25px; }
:root[data-design-preview=monitor] body .edition :is(.desk-pack-card,.desk-stack .row-card) { display:flex; flex-direction:column; padding:0 0 18px; gap:14px; border:0; border-bottom:1px solid var(--rule); }
:root[data-design-preview=monitor] body .edition :is(.desk-pack-card,.desk-stack .row-card) > img { width:100%; height:135px; object-fit:cover; }
:root[data-design-preview=monitor] body .edition :is(.desk-pack-title,.row-title) { font-size:18px; }

/* A short Breaking list accompanies Editorial's cover, using the existing nodes. */
@media (min-width:1100px) {
  :root[data-design-preview=editorial] body .mast-utility { grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); }
  :root[data-design-preview=editorial] body .brand-row { grid-column:2; grid-row:1; justify-self:center; }
  :root[data-design-preview=editorial] body .mast-utility .tools { grid-column:1; grid-row:1; justify-content:flex-start; flex-wrap:wrap; }
  :root[data-design-preview=editorial] body .mast-utility .tools-end { grid-column:3; grid-row:1; justify-self:end; }
  :root[data-design-preview=monitor] body .design-section-nav { position:fixed; inset-inline-start:24px; top:180px; bottom:24px; width:150px; margin:0; display:flex; flex-direction:column; gap:0; overflow-x:hidden; overflow-y:auto; padding:18px 12px; border:1px solid var(--rule); background:var(--elevated); }
  :root[data-design-preview=monitor] body:has(.design-lab[data-collapsed=false]) .design-section-nav { visibility:hidden; }
  :root[data-design-preview=monitor] body .design-section-nav::before { content:attr(data-label); color:var(--muted); font:500 11px/1.5 var(--design-headline); padding:0 10px 12px; }
  :root[data-design-preview=monitor] body .design-section-nav button { text-align:start; min-height:44px; padding:10px; border-bottom:1px solid var(--rule); font-size:13px; }
  :root[data-design-preview=monitor] body .edition { width:calc(100% - 236px); margin-inline:204px 32px; }
  :root[data-design-preview=editorial] body .edition[data-premium-briefing=true] { display:grid; grid-template-columns:minmax(0,1fr) 300px; column-gap:42px; align-items:start; }
  :root[data-design-preview=editorial] body .edition[data-premium-briefing=true] > * { grid-column:1/-1; }
  :root[data-design-preview=editorial] body .edition[data-premium-briefing=true] #lead { grid-column:1; grid-row:2; }
  :root[data-design-preview=editorial] body .edition[data-premium-briefing=true] #desks { display:contents; }
  :root[data-design-preview=editorial] body .edition[data-premium-briefing=true] .desk { grid-column:1/-1; }
  :root[data-design-preview=editorial] body .edition[data-premium-briefing=true] .desk[data-desk=breaking] { grid-column:2; grid-row:2; margin:0; padding:22px; background:#efefe8; border-top:3px solid var(--design-accent); }
  :root[data-design-preview=editorial] body .edition[data-premium-briefing=true] .desk[data-desk=breaking] .desk-well { grid-template-columns:minmax(0,1fr); }
}

/* Shared intentional exceptions: Breaking, Opinion and absent photography. */
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk=breaking] .desk-well { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk=breaking] :is(.desk-lead,.desk-pack,.desk-stack) { display:contents; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk=breaking] .desk-well [data-story] { display:flex; flex-direction:column; grid-column:auto; grid-row:auto; align-items:stretch; min-height:0; padding:20px 0; gap:12px; background:transparent; border:0; border-bottom:1px solid var(--rule); overflow:visible; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk=breaking] .desk-well [data-story] > img { position:static; width:72px; height:54px; min-height:0; max-height:54px; z-index:auto; order:2; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk=breaking] .desk-well [data-story] > div { padding:0; background:none; color:var(--ink); }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk=breaking] .desk-well [data-story]::after { display:none; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk=breaking] :is(.hero-title,.desk-feature-title,.desk-pack-title,.row-title) { font-size:21px; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk=breaking] .desk-name { border:0; padding-top:0; margin-bottom:0; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk=breaking] .kicker { color:var(--muted); }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition :is(.hero-card,.desk-feature,.desk-pack-card,.row-card):not(:has(> img.desk-photo)) { display:flex; flex-direction:column; min-height:0; gap:14px; align-items:stretch; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition :is(.hero-card,.desk-feature):not(:has(> img.desk-photo)) { padding:26px; background:var(--fill); border-inline-start:3px solid var(--design-accent); }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition :is(.hero-card,.desk-feature):not(:has(> img.desk-photo)) > div { padding:0; grid-column:auto; grid-row:auto; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .source-logo-plate { order:3; width:fit-content; max-width:92px; max-height:36px; min-height:0; padding:4px; border-radius:3px; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .source-logo-peek { max-width:80px; max-height:28px; width:auto; height:28px; object-fit:contain; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition [data-story] > img.publisher-logo-thumbnail { width:auto; max-width:92px; height:28px; min-height:0; padding:4px; object-fit:contain; background:#fff; border-radius:3px; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk=authors] .desk-well { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk=authors] :is(.desk-lead,.desk-pack,.desk-stack) { display:contents; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk=authors] .desk-well [data-story] { grid-column:auto; grid-row:auto; position:relative; display:flex; flex-direction:column; align-items:start; padding:24px; min-height:0; gap:18px; border:1px solid var(--rule); background:var(--elevated); }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk=authors] .desk-well [data-story] > img { position:static; width:64px; height:64px; min-height:0; max-height:64px; border-radius:50%; order:-1; z-index:auto; object-fit:cover; grid-column:auto; grid-row:auto; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk=authors] .desk-well [data-story] > div { padding:0; background:none; color:var(--ink); grid-column:auto; grid-row:auto; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk=authors] .desk-well [data-story]::after { display:none; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk=authors] .desk-well :is(.desk-feature-title,.desk-pack-title,.row-title) { font-size:25px; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition #grid { gap:24px; margin-top:26px; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition #grid .row-card { border-bottom:1px solid var(--rule); padding:20px 0; }

@media (min-width:761px) and (max-width:1099px) {
  .design-options { grid-template-columns:repeat(3,minmax(0,1fr)); }
  :root[data-design-preview=editorial] body .edition .desk-well { grid-template-columns:repeat(2,minmax(0,1fr)); }
  :root[data-design-preview=editorial] body .edition .desk-stack { grid-column:1/-1; grid-row:auto; border:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
  :root[data-design-preview=monitor] body .edition .desk-well { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
/* Phones: large lead, then a complete, readable stream; never clipped or hidden slides. */
@media (max-width:760px) {
  .design-lab { padding:18px; }
  .design-options { grid-template-columns:minmax(0,1fr); gap:16px; }
  .design-options button { display:grid; grid-template-columns:110px minmax(0,1fr); align-items:center; padding:12px; gap:6px 14px; }
  .design-options button .design-swatch { grid-row:1/span 2; height:90px; aspect-ratio:auto; }
  .design-options button .design-choice-text { padding:0; }
  .design-options button .design-choice-text b { font-size:17px; }
  .design-options button .design-reference { font-size:12px; grid-column:2; }
  .design-lab-heading { align-items:start; }
  .design-lab-scope { display:none; }
  :root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body :is(.mast-inner,.design-section-nav,.edition) { width:calc(100% - 32px); }
  :root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .mast-utility { padding-block:8px; }
  :root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .design-section-nav { gap:22px; }
  :root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .design-section-nav button { font-size:13px; min-height:44px; }
  :root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .design-edition-head { gap:8px 14px; flex-wrap:wrap; margin-block:0 18px; padding:12px 0; }
  :root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .design-edition-head h2 { font-size:32px; }
  :root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .design-edition-caption { font-size:11px; }
  :root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .hero-card { display:flex; flex-direction:column-reverse; gap:20px; }
  :root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .hero-card > img { position:static; width:100%; height:240px; min-height:0; max-height:none; }
  :root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .hero-title { font-size:30px; line-height:1.4; }
  :root[data-design-preview=editorial] body .edition .hero-title { font-size:36px; }
  :root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk { margin-block:32px 40px; }
  :root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk-name { padding-top:10px; margin-bottom:18px; }
  :root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk-name h2 { font-size:25px; }
  :root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk] .desk-well { display:flex; flex-direction:column; gap:0; overflow:visible; }
  :root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk] :is(.desk-lead,.desk-pack,.desk-stack) { display:contents; }
  :root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk] .desk-feature { display:flex; flex-direction:column-reverse; grid-column:auto; grid-row:auto; width:100%; padding:0 0 22px; gap:16px; min-height:0; }
  :root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk] .desk-feature > img { width:100%; height:210px; max-height:none; grid-column:auto; grid-row:auto; }
  :root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk] .desk-feature-title { font-size:26px; }
  :root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk] :is(.desk-pack-card,.row-card) { display:grid; grid-template-columns:minmax(0,1fr) 78px; gap:14px; grid-column:auto; grid-row:auto; width:100%; border:0; border-top:1px solid var(--rule); padding:18px 0; margin:0; align-items:start; min-height:0; background:transparent; overflow:visible; }
  :root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk] :is(.desk-pack-card,.row-card) > img { position:static; grid-column:2; grid-row:1; width:78px; height:78px; min-height:0; max-height:78px; z-index:auto; border-radius:2px; object-fit:cover; }
  :root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk] :is(.desk-pack-card,.row-card) > div { grid-column:1; grid-row:1; padding:0; background:none; color:var(--ink); }
  :root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk] :is(.desk-pack-card,.row-card)::after { display:none; }
  :root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk] :is(.desk-pack-title,.row-title) { font-size:19px; }
  :root[data-design-preview=editorial] body .edition .desk[data-desk] :is(.desk-pack-title,.row-title) { font-size:23px; }
  :root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk] [data-story]:not(:has(> img.desk-photo)) { display:flex; flex-direction:column; min-height:0; }
  :root[data-design-preview=panorama] body .edition .hero-card:where(:has(> img.desk-photo):not(.no-image)) { display:grid; min-height:460px; gap:0; }
  :root[data-design-preview=panorama] body .edition .hero-card:where(:has(> img.desk-photo):not(.no-image)) > img { position:absolute; height:100%; max-height:none; }
  :root[data-design-preview=panorama] body .edition .hero-card:where(:has(> img.desk-photo):not(.no-image)) > div { padding:100px 22px 26px; }
  :root[data-design-preview=panorama] body .edition .desk[data-desk]:where(:not([data-desk=authors],[data-desk=breaking])) .desk-feature:where(:has(> img.desk-photo):not(.no-image)) { display:grid; min-height:330px; padding:0; gap:0; }
  :root[data-design-preview=panorama] body .edition .desk[data-desk]:where(:not([data-desk=authors],[data-desk=breaking])) .desk-feature:where(:has(> img.desk-photo):not(.no-image)) > img { position:absolute; height:100%; max-height:none; }
  :root[data-design-preview=panorama] body .edition .desk[data-desk]:where(:not([data-desk=authors],[data-desk=breaking])) .desk-feature:where(:has(> img.desk-photo):not(.no-image)) > div { padding:80px 22px 24px; }
  :root[data-design-preview=monitor] body .design-edition-head { padding:16px 20px; margin-top:16px; }
  :root[data-design-preview=monitor] body .edition .hero-card { gap:0; }
  :root[data-design-preview=monitor] body .edition .hero-card > div { padding:22px; }
  :root[data-design-preview=monitor] body .edition .desk { padding:18px; }
  :root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk=breaking] .desk-well [data-story] { display:flex; flex-direction:column; padding:18px 0; min-height:0; background:transparent; }
  :root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk=breaking] .desk-well [data-story] > img { position:static; width:64px; height:48px; max-height:48px; }
  :root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk=breaking] .desk-well [data-story] > div { padding:0; background:none; }
  :root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk=authors] .desk-well [data-story] { display:flex; flex-direction:column; align-items:start; padding:20px; margin-bottom:14px; border:1px solid var(--rule); min-height:0; background:var(--elevated); }
  :root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk=authors] .desk-well [data-story] > img { position:static; width:56px; height:56px; max-height:56px; order:-1; border-radius:50%; }
  :root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition .desk[data-desk=authors] .desk-well [data-story] > div { padding:0; background:none; }
  :root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body .edition #grid { grid-template-columns:minmax(0,1fr); }
}
@media (prefers-reduced-motion:reduce) {
  :root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body * { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}
/* Expanded Opinion also uses portraits, never full-cover author photographs. */
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body.section-authors .edition .hero-card:has(> img.desk-photo):not(.no-image) { display:flex; flex-direction:row-reverse; align-items:start; gap:24px; padding:24px; min-height:0; background:var(--elevated); border:1px solid var(--rule); }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body.section-authors .edition .hero-card:has(> img.desk-photo):not(.no-image) > img { position:static; width:72px; height:72px; min-height:0; max-height:72px; flex:0 0 72px; border-radius:50%; z-index:auto; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body.section-authors .edition .hero-card:has(> img.desk-photo):not(.no-image) > div { padding:0; background:none; color:var(--ink); }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body.section-authors .edition .hero-card::after { display:none; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body.section-authors .edition .hero-title { font-size:28px; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor]) body.section-authors .edition #grid .row-card > img { width:64px; height:64px; min-height:0; border-radius:50%; }
:root:is([data-design-preview=editorial],[data-design-preview=panorama],[data-design-preview=monitor])[lang=hi] body .edition :is(.hero-title,.desk-feature-title,.desk-pack-title,.row-title) { line-height:1.7; }

/* Panorama: compact type without weakening its photographic lead or backplates. */
:root[data-design-preview=panorama] body .design-edition-head h2 { font-size: clamp(1.625rem,2.6vw,2rem); }
:root[data-design-preview=panorama] body .edition .desk-name h2 { font-size: 1.375rem; }
:root[data-design-preview=panorama] body .edition .hero-title { font-size: clamp(2rem,2.8vw,2.5rem); line-height: 1.25; font-weight: 700; }
:root[data-design-preview=panorama] body .edition .desk-feature-title { font-size: 1.5rem; font-weight: 700; }
:root[data-design-preview=panorama] body .edition :is(.desk-pack-title,.row-title) { font-size: 1.125rem; font-weight: 600; }
:root[data-design-preview=panorama][dir=rtl] body .edition :is(.hero-title,.desk-feature-title,.desk-pack-title,.row-title),
:root[data-design-preview=panorama] body .edition :is(.hero-title,.desk-feature-title,.desk-pack-title,.row-title):is([dir=rtl],[lang=ar],.title-ar) { letter-spacing: 0; line-height: 1.45; }
:root[data-design-preview=panorama] body .edition [data-story] :is(.kicker,.source-tier) { font-size: .75rem; }
:root[data-design-preview=panorama] body .edition .desk[data-desk=breaking] :is(.hero-title,.desk-feature-title,.desk-pack-title,.row-title) { font-size: 1.125rem; }
:root[data-design-preview=panorama] body .edition .desk[data-desk=authors] .desk-well :is(.desk-feature-title,.desk-pack-title,.row-title) { font-size: 1.25rem; }
:root[data-design-preview=panorama] body .edition .desk:not(:is([data-desk=breaking],[data-desk=authors])) .desk-feature:has(> img.desk-photo):not(.no-image) .desk-feature-title { font-size: 2rem; }
@media (max-width: 760px) {
  :root[data-design-preview=panorama] body .design-edition-head h2 { font-size: 1.5rem; }
  :root[data-design-preview=panorama] body .edition .desk-name h2 { font-size: 1.25rem; }
  :root[data-design-preview=panorama] body .edition .hero-title { font-size: 1.75rem; }
  :root[data-design-preview=panorama] body .edition .desk[data-desk] .desk-feature-title { font-size: 1.3125rem; }
  :root[data-design-preview=panorama] body .edition .desk[data-desk] :is(.desk-pack-title,.row-title),
  :root[data-design-preview=panorama] body .edition .desk[data-desk=breaking] :is(.hero-title,.desk-feature-title,.desk-pack-title,.row-title),
  :root[data-design-preview=panorama] body .edition #grid .row-title { font-size: 1.0625rem; }
  :root[data-design-preview=panorama] 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=panorama] body .edition [data-story] :is(.kicker,.source-tier) { font-size: .8125rem; }
  :root[data-design-preview=panorama] body .edition .desk:not(:is([data-desk=breaking],[data-desk=authors])) .desk-feature:has(> img.desk-photo):not(.no-image) .desk-feature-title { font-size: 1.625rem; }
}