.edition { width: min(100%, 1320px); margin-inline: auto; padding-bottom: 72px; }
.edition-folio { display: flex; align-items: baseline; gap: 24px; padding: 22px 0 18px; border-top: 2px solid var(--ink-strong); border-bottom: 1px solid var(--ink-rule-strong); }
.edition-folio h1 { margin: 0; font: 600 24px/1.2 var(--font-display); }
.edition-folio time { color: var(--ink-muted); font: 12px/1.4 var(--font-ui); }
.edition-folio > a { margin-left: auto; font: 13px/1.4 var(--font-ui); text-decoration: none; }
.edition-top { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(260px, 1fr); gap: 40px; padding: 40px 0 48px; }
.edition-sidebar { border-left: 1px solid var(--ink-rule); padding-left: 32px; }
.edition-story { min-width: 0; }
.edition-picture { display: block; position: relative; aspect-ratio: 16 / 9; margin-bottom: 20px; }
.edition-picture img { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: contain; }
.edition-story h2 { margin: 0 0 12px; font: 550 26px/1.12 var(--font-display); letter-spacing: 0; overflow-wrap: anywhere; }
.edition-story h2 a { text-decoration: none; }
.edition-story h2 a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.edition-summary { margin: 0 0 18px; color: var(--ink-muted); font: 14px/1.65 var(--font-ui); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.edition-time { color: var(--ink-muted); font: 11px/1.4 var(--font-ui); }
.edition-story--lead h2 { font-size: 42px; font-weight: 400; }
.edition-story--lead .edition-summary { font-size: 16px; -webkit-line-clamp: 4; }
.edition-story--lead .edition-picture { aspect-ratio: 5 / 3; }
.edition-picture[data-editorial] { background: #eceee8; }
.edition-picture[data-editorial] img { object-fit: cover; mix-blend-mode: multiply; }
.edition-story--side { padding: 22px 0; border-top: 1px solid var(--ink-rule); display: flow-root; }
.edition-story--side:first-child { border: 0; padding-top: 0; }
.edition-story--side:last-child { padding-bottom: 0; }
.edition-story--side h2 { font-size: 26px; font-weight: 400; }
.edition-story--side .edition-picture { float: right; width: 72px; aspect-ratio: 4 / 3; margin: 0 0 12px 16px; }
.edition-story--side .edition-summary { font-size: 13px; -webkit-line-clamp: 3; }
.edition-development { display: block; margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--ink-rule); font: 17px/1.35 var(--font-display); text-decoration: none; }
.edition-development span { display: block; margin-bottom: 5px; color: var(--live); font: 11px/1.4 var(--font-ui); }
.edition-sidebar .edition-development { display: none; }
.edition-more { border-top: 2px solid var(--ink-strong); }
.edition-section-title { margin: 20px 0 24px; font: 600 24px/1.2 var(--font-display); }
.edition-grid { display: grid; grid-template-columns: minmax(0, 1fr); }
.edition-grid .edition-story { display: grid; grid-template-columns: minmax(0, 1fr) 180px; gap: 36px; align-items: start; padding: 28px 0; border-top: 1px solid var(--ink-rule); }
.edition-grid .edition-copy { grid-column: 1; grid-row: 1; max-width: 860px; }
.edition-grid .edition-picture { grid-column: 2; grid-row: 1; width: 180px; aspect-ratio: 3 / 2; margin: 0; overflow: hidden; background: var(--surface); }
.edition-grid .edition-picture img { width: 100%; height: 100%; object-fit: cover; }
.edition-grid h2 { font-size: 28px; font-weight: 400; line-height: 1.18; margin-bottom: 10px; }
.edition-grid .edition-summary { font-size: 14px; line-height: 1.55; -webkit-line-clamp: 2; margin-bottom: 12px; }
.edition-grid .edition-development { margin-top: 12px; padding: 0; border: 0; font: 14px/1.5 var(--font-ui); color: var(--ink-muted); }
.edition-grid .edition-development span { display: inline; margin-right: 8px; color: var(--ink); font: 500 11px/1.5 var(--font-ui); }
.edition-grid .edition-development:hover { color: var(--ink-strong); }
.edition-timeline { list-style: none; padding: 0; margin: 0; }
.edition-timeline li { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 32px; padding: 26px 0; border-bottom: 1px solid var(--ink-rule); }
.edition-timeline time { font: 12px/1.5 var(--font-ui); color: var(--ink-muted); }
.edition-timeline h2 { margin: 0; font: 500 26px/1.2 var(--font-display); }
.edition-timeline h2 a { text-decoration: none; }
.edition-timeline h2 a:hover { text-decoration: underline; }
.edition-timeline p { margin: 10px 0 0; color: var(--ink-muted); font: 16px/1.4 var(--font-display); }
.edition-empty { padding-block: 80px; }
.edition-empty h2 { font: 500 32px/1.2 var(--font-display); }
@media (max-width: 1000px) {
  .edition-top { gap: 24px; grid-template-columns: minmax(0, 1.5fr) minmax(230px, 1fr); }
  .edition-sidebar { padding-left: 24px; }
  .edition-story--lead h2 { font-size: 32px; }
  .edition-story--side .edition-picture { width: 72px; }
}
@media (max-width: 700px) {
  .edition-folio { flex-wrap: wrap; gap: 12px 16px; }
  .edition-folio time { order: 3; flex-basis: 100%; }
  .edition-top, .edition-grid { grid-template-columns: minmax(0, 1fr); }
  .edition-sidebar { border-left: 0; border-top: 1px solid var(--ink-rule); padding: 24px 0 0; }
  .edition-story--lead h2 { font-size: 30px; }
  .edition-story--lead .edition-picture { height: auto; aspect-ratio: 16 / 9; }
  .edition-story--lead .edition-summary { font-size: 15px; }
  .edition-story--side .edition-picture { width: 100px; }
  .edition-grid .edition-story { grid-template-columns: minmax(0, 1fr) 88px; gap: 18px; padding: 24px 0; }
  .edition-grid .edition-picture { width: 88px; aspect-ratio: 1; }
  .edition-grid .edition-copy { display: contents; }
  .edition-grid h2 { grid-column: 1; grid-row: 1; font-size: 23px; margin: 0; }
  .edition-grid .edition-summary, .edition-grid .edition-time, .edition-grid .edition-development { grid-column: 1 / -1; margin: 0; }
  .edition-grid .edition-story { row-gap: 10px; }
  .edition-timeline li { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .edition-timeline h2 { font-size: 24px; }
}