/* Stories & News: a publication surface, not a card catalogue. */
.editorial { --editorial-wine:#862c35; padding-block: clamp(7rem, 10vw, 10rem) clamp(4rem, 8vw, 8rem); background:var(--cream); box-shadow:0 0 0 100vmax var(--cream); clip-path:inset(0 -100vmax); overflow-wrap:anywhere; }
.editorial-page .page-footer { border-top:5px solid var(--navy); }
.editorial img { display:block; max-width:100%; height:auto; }
.editorial a { color:inherit; }
.editorial-kicker,.editorial-section-label,.publication-meta { margin:0; color:var(--olive); font-size:.76rem; font-weight:800; letter-spacing:.11em; line-height:1.35; text-transform:uppercase; }
.editorial-masthead { max-width:1050px; padding-bottom:clamp(2rem,4vw,3.25rem); margin-bottom:clamp(2.75rem,6vw,5rem); border-bottom:3px solid var(--ink); }
.editorial-masthead h1 { max-width:12ch; margin:.85rem 0 .7rem; font-size:clamp(3rem,7vw,6.4rem); line-height:.96; }
.editorial-dek { max-width:58ch; margin:0; font-size:clamp(1.1rem,1.65vw,1.4rem); line-height:1.5; }
.editorial-type-strip { display:flex; flex-wrap:wrap; gap:.5rem 1.25rem; margin-top:1.8rem; padding-top:1rem; border-top:1px solid var(--rule-strong); font-weight:700; }
.editorial-type-strip a { text-decoration:none; }
.editorial-type-strip a + a::before { content:"·"; margin-right:1.25rem; color:var(--red); }
.editorial-type-strip a:is(:hover,:focus-visible),.publication-type-link:is(:hover,:focus-visible),.editorial-read-link:is(:hover,:focus-visible) { color:var(--red); }

.editorial-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,320px); gap:clamp(3rem,6vw,6rem); align-items:start; }
.editorial-feed { min-width:0; }
.editorial-feature { margin-bottom:clamp(4rem,7vw,6.5rem); }
.lead-publication { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(16rem,.85fr); align-items:start; gap:clamp(1.5rem,3vw,3rem); background:transparent; }
.lead-publication-image { position:relative; isolation:isolate; align-self:start; background:transparent; }
.lead-publication-image::before { content:""; position:absolute; inset:0; z-index:-1; background:var(--editorial-wine) url("/assets/editorial-wine-matte-paper.webp") center/cover no-repeat; clip-path:polygon(.6% 0,100% .8%,99.4% 100%,0 99.3%); transform:translate(10px,10px) rotate(.3deg); }
.lead-publication-image img { width:100%; height:auto; min-height:0; aspect-ratio:4/3; object-fit:cover; }
.lead-publication-copy { align-self:center; padding:clamp(.75rem,2vw,1.5rem) 0; }
.lead-publication h2 { max-width:12ch; margin:.7rem 0 .9rem; font-size:clamp(2.25rem,4vw,4.25rem); line-height:1; }
.lead-publication-copy > p:not(.publication-meta) { max-width:36ch; line-height:1.55; }
.story-title-link { text-decoration:none; }
.story-title-link:is(:hover,:focus-visible) { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.18em; }
.publication-type-link { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.18em; }
.editorial-read-link { display:inline-block; margin-top:.5rem; padding-block:.25rem; border-bottom:1px solid currentColor; font-weight:750; text-decoration:none; }
.editorial-section { margin-top:clamp(3.5rem,6vw,5.5rem); }
.editorial-section-heading { display:flex; justify-content:space-between; align-items:end; gap:1.5rem; padding-bottom:.9rem; border-bottom:3px solid var(--ink); }
.editorial-section-heading h2 { margin:0; font-size:clamp(2rem,3.6vw,3.2rem); line-height:1; }
.editorial-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(2rem,4vw,3.5rem); margin:0; padding:0; list-style:none; }
.publication-card { height:100%; padding-block:1.4rem 2rem; border-bottom:1px solid var(--rule-strong); }
.publication-card-image { display:block; margin-bottom:1.15rem; background:var(--navy); overflow:hidden; }
.publication-card-image img { width:100%; aspect-ratio:4/3; object-fit:cover; transition:transform .25s ease; }
.publication-card-image:is(:hover,:focus-visible) img { transform:scale(1.02); }
.publication-card h3 { margin:.65rem 0; font-size:clamp(1.6rem,2.5vw,2.25rem); line-height:1.05; }
.publication-card > p:not(.publication-meta) { margin:.7rem 0; line-height:1.55; }

.editorial-rail { position:static; display:grid; gap:1.5rem; min-width:0; }
.editorial-rail-card { position:relative; isolation:isolate; padding:1.4rem; border:0; background:transparent; }
.editorial-rail-card h2 { margin:0 0 .7rem; font-size:clamp(1.65rem,2.5vw,2.25rem); }
.editorial-rail-newsletter { background:var(--navy); color:var(--cream); }
.editorial-rail-newsletter h2 { color:var(--cream); }
.editorial-rail .newsletter-controls { flex-direction:column; align-items:stretch; }
.editorial-rail .newsletter-controls button { width:auto; align-self:flex-start; }
.editorial-rail-tamada::before { content:""; position:absolute; inset:0; z-index:-1; background-color:var(--gold); background-image:url("/assets/role-note-cream-paper.webp"); background-position:center; background-size:cover; background-repeat:no-repeat; background-blend-mode:multiply; clip-path:polygon(.5% 0,100% .8%,99.3% 100%,0 99.2%); transform:rotate(-.25deg); }
.editorial-rail-follow { padding-inline:0; background:transparent; }
.editorial-follow-group { padding-top:1rem; margin-top:1rem; border-top:1px solid var(--stone); }
.editorial-follow-group h3 { margin:0 0 .55rem; font:700 1rem/1.35 var(--font-body); }
.editorial-follow-group nav { display:grid; justify-items:start; gap:.25rem; }
.editorial-follow-group a { position:relative; isolation:isolate; width:fit-content; padding:.18rem .35rem; color:var(--ink); font-size:.94rem; text-decoration:none; }
.editorial-follow-group a::before { content:""; position:absolute; inset:0; z-index:-1; background:var(--editorial-wine); clip-path:var(--paper-cut); transform:scaleX(0); transform-origin:left center; transition:transform 150ms ease; }
.editorial-follow-group a:is(:hover,:focus-visible) { color:var(--cream); }
.editorial-follow-group a:is(:hover,:focus-visible)::before { transform:scaleX(1); }

/* Article detail follows a stable Gazette-like editorial spine. Media, text,
   pull quotes and closing utilities share one composition without copying its brand. */
.editorial-story { padding-top:clamp(7rem,8vw,8rem); }
.editorial-story-header { padding-bottom:clamp(2.5rem,4vw,3.75rem); border-bottom:1px solid var(--rule-strong); }
.editorial-story-header-layout,.editorial-story-section--split { width:min(100%,1180px); margin-inline:auto; }
.editorial-story-header-layout { display:grid; align-items:start; gap:clamp(2.75rem,6vw,5rem); }
.editorial-story[data-article-composition="story-right"] .editorial-story-header-layout,.editorial-story[data-article-composition="story-right"] .editorial-story-section--split { grid-template-columns:minmax(280px, 430px) minmax(0, 620px); justify-content:center; }
.editorial-story[data-article-composition="story-left"] .editorial-story-header-layout,.editorial-story[data-article-composition="story-left"] .editorial-story-section--split { grid-template-columns:minmax(0, 620px) minmax(280px, 430px); justify-content:center; }
.editorial-story[data-article-composition="story-right"] .editorial-story-lead-media,.editorial-story[data-article-composition="story-right"] .editorial-story-section--split .editorial-story-companion { grid-column:1; grid-row:1; }
.editorial-story[data-article-composition="story-right"] .editorial-story-intro,.editorial-story[data-article-composition="story-right"] .editorial-story-section--split .editorial-section-body { grid-column:2; grid-row:1; }
.editorial-story[data-article-composition="story-left"] .editorial-story-intro,.editorial-story[data-article-composition="story-left"] .editorial-story-section--split .editorial-section-body { grid-column:1; grid-row:1; }
.editorial-story[data-article-composition="story-left"] .editorial-story-lead-media,.editorial-story[data-article-composition="story-left"] .editorial-story-section--split .editorial-story-companion { grid-column:2; grid-row:1; }
.editorial-story-lead-media { margin:0; align-self:start; background:transparent; overflow:visible; }
.editorial-media-frame { position:relative; isolation:isolate; }
.editorial-media-frame::before { content:""; position:absolute; inset:0; z-index:-1; background:var(--editorial-wine) url("/assets/editorial-wine-matte-paper.webp") center/cover no-repeat; clip-path:polygon(.6% 0,100% .8%,99.4% 100%,0 99.3%); transform:translate(11px,11px) rotate(.35deg); transform-origin:center; }
.editorial-story-lead-media img { width:100%; height:auto; min-height:0; aspect-ratio:4/3; object-fit:cover; }
.editorial-media figcaption { position:relative; z-index:1; margin-top:.7rem; padding-right:.5rem; background:var(--cream); color:var(--ink); font-size:.8rem; line-height:1.45; }
.editorial-image-caption,.editorial-image-credit { display:block; }
.editorial-image-credit { margin-top:.2rem; color:var(--olive); font-size:.74rem; }
.editorial-story-category { margin-bottom:1rem; font-size:.78rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.editorial-story-category a { color:var(--editorial-wine); text-decoration:none; }
.editorial-story-category a:is(:hover,:focus-visible) { text-decoration:underline; text-underline-offset:.2em; }
.editorial-story h1 { max-width:14ch; margin:.5rem 0 1rem; font-size:clamp(2.8rem,5.3vw,5.15rem); line-height:.98; }
.editorial-story .editorial-dek { margin-bottom:1.35rem; }
.editorial-story .publication-meta { letter-spacing:0; text-transform:none; }
.editorial-story-stream { width:min(100%,1180px); margin:clamp(2.75rem,5vw,4.75rem) auto 0; }
.editorial-story-section { min-width:0; margin-top:clamp(2.5rem,4.5vw,4rem); }
.editorial-story-section:first-child { margin-top:0; }
.editorial-story-section--split { display:grid; align-items:start; gap:clamp(2.5rem,6vw,5.5rem); }
.editorial-story-section--no-companion { display:grid; }
.editorial-story[data-article-composition="story-right"] .editorial-story-section--no-companion .editorial-section-body { grid-column:2; }
.editorial-story[data-article-composition="story-left"] .editorial-story-section--no-companion .editorial-section-body { grid-column:1; }
.editorial-section-body { min-width:0; max-width:68ch; }
.editorial-body > * { margin-block:0; }
.editorial-body > * + * { margin-top:1.15rem; }
.editorial-body h2 { margin-top:clamp(2.1rem,3.5vw,2.8rem); font-size:clamp(1.65rem,2.7vw,2.25rem); line-height:1.08; }
.editorial-body > h2:first-child { margin-top:0; }
.editorial-story-companion--image { margin:0; }
.editorial-story-companion--image img { width:100%; aspect-ratio:4/5; object-fit:cover; }
.editorial-pullquote { align-self:center; min-width:0; padding:1.3rem 0 1.3rem 1.25rem; border-left:4px solid var(--gold); }
.editorial-pullquote blockquote,.editorial-pullquote p { margin:0; }
.editorial-pullquote p { font-family:var(--font-display); font-size:clamp(1.55rem,2.5vw,2.2rem); font-weight:650; line-height:1.15; letter-spacing:-.025em; }
.editorial-pullquote footer { margin-top:.85rem; color:var(--olive); font:700 .8rem/1.45 var(--font-body); }
.editorial-story[data-article-composition="centered"] .editorial-story-header-layout,.editorial-story[data-article-composition="hero-centered"] .editorial-story-header-layout { width:min(100%,860px); grid-template-columns:1fr; gap:0; }
.editorial-story[data-article-composition="centered"] .editorial-story-lead-media,.editorial-story[data-article-composition="hero-centered"] .editorial-story-lead-media { order:2; margin-top:clamp(2rem,4vw,3.5rem); }
.editorial-story[data-article-composition="centered"] .editorial-story-lead-media img,.editorial-story[data-article-composition="hero-centered"] .editorial-story-lead-media img { min-height:0; aspect-ratio:16/9; object-fit:cover; }
.editorial-story[data-article-composition="centered"] .editorial-story-stream,.editorial-story[data-article-composition="hero-centered"] .editorial-story-stream { width:min(100%,880px); }
.editorial-story-section--centered .editorial-section-body { width:min(100%,690px); margin-inline:auto; }
.editorial-story-section--centered .editorial-story-companion--image { width:min(100%,880px); margin:clamp(2rem,4vw,3.5rem) auto 0; }
.editorial-story-section--centered .editorial-story-companion--image img { aspect-ratio:16/9; }
.editorial-story-section--centered .editorial-pullquote { width:min(100%,720px); margin:clamp(2rem,4vw,3.5rem) auto 0; }
.editorial-story-body-end,.editorial-story-shell-footer { min-width:0; }
.editorial-story-body-end { margin-top:clamp(2.5rem,4.5vw,4rem); }
.editorial-story-shell-footer { width:min(100%,1180px); margin:clamp(2.75rem,5vw,4rem) auto 0; }
.editorial-story[data-article-composition="story-right"] .editorial-story-body-end,.editorial-story[data-article-composition="story-right"] .editorial-story-shell-footer { display:grid; grid-template-columns:minmax(280px,430px) minmax(0,620px); justify-content:center; column-gap:clamp(2.5rem,6vw,5.5rem); }
.editorial-story[data-article-composition="story-left"] .editorial-story-body-end,.editorial-story[data-article-composition="story-left"] .editorial-story-shell-footer { display:grid; grid-template-columns:minmax(0,620px) minmax(280px,430px); justify-content:center; column-gap:clamp(2.5rem,6vw,5.5rem); }
.editorial-story[data-article-composition="story-right"] .editorial-story-body-end .editorial-related,.editorial-story[data-article-composition="story-right"] .editorial-story-shell-footer .editorial-share { grid-column:2; }
.editorial-story[data-article-composition="story-left"] .editorial-story-body-end .editorial-related,.editorial-story[data-article-composition="story-left"] .editorial-story-shell-footer .editorial-share { grid-column:1; }
.editorial-story[data-article-composition="centered"] .editorial-story-body-end,.editorial-story[data-article-composition="hero-centered"] .editorial-story-body-end,.editorial-story[data-article-composition="centered"] .editorial-story-shell-footer,.editorial-story[data-article-composition="hero-centered"] .editorial-story-shell-footer { width:min(100%,690px); margin-inline:auto; }
.editorial-related { min-width:0; }
.editorial-related h2 { margin:0 0 .8rem; font-size:clamp(1.65rem,2.5vw,2rem); line-height:1.08; }
.editorial-related-intro { max-width:48ch; margin:0 0 1.15rem; line-height:1.55; }
.editorial-related-links { display:grid; gap:.7rem; margin:0; padding:0; list-style:none; }
.editorial-related-links a { font-weight:700; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.2em; }
.editorial-related-links a:is(:hover,:focus-visible) { color:var(--red); }
.editorial-share { min-width:0; max-width:22rem; padding:.1rem 0 .1rem 1.15rem; border-left:4px solid var(--gold); }
.editorial-share h2 { margin:0 0 .8rem; font-size:clamp(1.35rem,2vw,1.65rem); line-height:1.05; }
.editorial-share-actions { display:grid; justify-items:start; gap:.38rem; }
.editorial-share-link { display:inline-flex; align-items:center; gap:.65rem; min-height:28px; padding:0; border:0; background:transparent; color:var(--ink); cursor:pointer; font:700 .88rem/1.3 var(--font-body); text-align:left; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.2em; }
.editorial-share-link[hidden] { display:none; }
.editorial-share-link:is(:hover,:focus-visible) { color:var(--red); }
.editorial-share-icon { flex:0 0 1rem; width:1rem; height:1rem; fill:var(--editorial-wine); }
.editorial-share-status { min-height:1.2em; margin:.45rem 0 0; font-size:.86rem; }

/* Type archives use the same publication hierarchy as the main hub. */
.editorial-type-archive .editorial-feature { margin-bottom:clamp(3.5rem,6vw,5.5rem); }
.editorial-type-archive .lead-publication h2 { max-width:13ch; }
.editorial-type-archive .editorial-type-more { margin-top:0; }
.editorial-type-archive .editorial-list--archive .publication-card-image { margin-bottom:1.15rem; }

.editorial-recommendations { margin-top:clamp(4.5rem,9vw,8rem); padding-top:clamp(2rem,4vw,3rem); border-top:3px solid var(--red); }
.editorial-recommendations-heading { margin-bottom:1.75rem; }
.editorial-recommendations-heading h2 { margin:.35rem 0 0; font-size:clamp(2.25rem,4.5vw,3.6rem); line-height:1; }
.editorial-recommendation-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(1.5rem,4vw,3.5rem); margin:0; padding:0; list-style:none; }
.editorial-recommendation { height:100%; padding-bottom:1.5rem; border-bottom:1px solid var(--rule-strong); }
.editorial-recommendation-image { display:block; margin-bottom:1rem; background:var(--navy); }
.editorial-recommendation-image img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.editorial-recommendation h3 { margin:.55rem 0; font-size:clamp(1.35rem,2.25vw,1.9rem); line-height:1.08; }
.editorial-recommendation > p:not(.publication-meta) { margin:.7rem 0; line-height:1.5; }

@media (max-width: 980px) {
  .editorial-layout { grid-template-columns:1fr; }
  .editorial-rail { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .editorial-story-header-layout,.editorial-story[data-article-composition="story-right"] .editorial-story-header-layout,.editorial-story[data-article-composition="story-left"] .editorial-story-header-layout,.editorial-story-section--split,.editorial-story[data-article-composition="story-right"] .editorial-story-section--split,.editorial-story[data-article-composition="story-left"] .editorial-story-section--split { width:min(100%,720px); grid-template-columns:minmax(0, 1fr); gap:2rem; }
  .editorial-story[data-article-composition="story-right"] .editorial-story-lead-media,.editorial-story[data-article-composition="story-right"] .editorial-story-intro,.editorial-story[data-article-composition="story-left"] .editorial-story-lead-media,.editorial-story[data-article-composition="story-left"] .editorial-story-intro,.editorial-story[data-article-composition="story-right"] .editorial-story-section--split .editorial-story-companion,.editorial-story[data-article-composition="story-right"] .editorial-story-section--split .editorial-section-body,.editorial-story[data-article-composition="story-left"] .editorial-story-section--split .editorial-story-companion,.editorial-story[data-article-composition="story-left"] .editorial-story-section--split .editorial-section-body { grid-column:1; grid-row:auto; }
  .editorial-story-section--no-companion { display:block; }
  .editorial-story[data-article-composition="story-right"] .editorial-story-body-end,.editorial-story[data-article-composition="story-left"] .editorial-story-body-end,.editorial-story[data-article-composition="story-right"] .editorial-story-shell-footer,.editorial-story[data-article-composition="story-left"] .editorial-story-shell-footer { width:min(100%,720px); display:block; }
}
@media (max-width:700px) {
  .editorial { padding-top:calc(104px + 2.5rem); padding-block-start:calc(104px + 4rem); }
  .lead-publication { grid-template-columns:1fr; }
  .lead-publication-image img { min-height:16rem; aspect-ratio:4/3; }
  .editorial-list,.editorial-recommendation-grid,.editorial-rail { grid-template-columns:1fr; }
  .editorial-section-heading { display:block; }
  .editorial-section-heading .editorial-section-label { margin-bottom:.45rem; }
  .editorial-story-lead-media { order:2; }
  .editorial-story-lead-media img { min-height:0; aspect-ratio:4/3; }
  .editorial-share-actions { gap:.32rem; }
}
@media print {
  html[data-wide-optical="on"] body, body { zoom: 1 !important; }
  @page { margin:.65in; }
  body { background:#fff; color:#000; font-size:11pt; }
  .shell,.page-footer,.editorial-rail,.editorial-share,.editorial-recommendations,.editorial-story-category { display:none !important; }
  .editorial,.editorial-story-header-layout,.editorial-story-section { display:block; width:auto; max-width:none; margin:0; padding:0; }
  .editorial-story-header { border:0; padding-bottom:1.5rem; }
  .editorial-story-lead-media,.editorial-story-companion { margin-block:1rem; }
  .editorial img { max-height:7in; object-fit:contain; }
}

.quiet-context-link { color:inherit; font:inherit; font-weight:inherit; text-decoration:none; }
.quiet-context-link:is(:hover,:focus-visible) { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.18em; }
.editorial-media img { display:block; width:100%; max-width:100%; height:auto; }
.editorial-rail .newsletter-controls button { position:relative; isolation:isolate; width:auto; align-self:flex-start; background:transparent; color:var(--ink); clip-path:none; }
.editorial-rail .newsletter-controls button::before { content:""; position:absolute; inset:0; z-index:-1; background:var(--gold-light); clip-path:var(--paper-cut); }
.editorial-rail .newsletter-controls button:is(:hover,:focus-visible) { background:transparent; color:var(--ink); }
.editorial-rail .newsletter-controls button:is(:hover,:focus-visible)::before { background:var(--cream); }
.editorial-rail .newsletter-consent { color:inherit; }
.editorial-rail .newsletter-consent a { color:inherit; text-decoration:underline; text-underline-offset:.2em; }
.editorial .editorial-rail-action { position:relative; isolation:isolate; display:inline-block; margin-top:.4rem; padding:.75rem 1rem; background:transparent; color:var(--cream); font-weight:700; line-height:1.3; }
.editorial .editorial-rail-action::before { content:""; position:absolute; inset:0; z-index:-1; background:var(--navy); clip-path:var(--paper-cut); }
