.review-current { background: var(--paper); padding: 5rem var(--col-pad); border-bottom: 1px solid var(--rule); }
.review-current-inner, .review-band-inner { max-width: var(--max-wide); margin: 0 auto; }
.issue { display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr); gap: 4rem; align-items: start; }

/* The cover is drawn, not photographed: the Review's own ink and gold,
   with the gold bar it carries down its spine. */
.issue-cover { position: relative; display: flex; flex-direction: column; aspect-ratio: 210 / 297; background: #1a1c22; color: #fdfaf5; padding: 2rem 1.75rem 1.75rem 2.5rem; text-decoration: none; box-shadow: 0 14px 32px rgba(26,23,20,0.22); transition: transform 0.2s ease, box-shadow 0.2s ease; }
.issue-cover::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 0.75rem; background: #c9973a; }
.issue-cover:hover { transform: translateY(-3px); box-shadow: 0 18px 38px rgba(26,23,20,0.28); }
.issue-cover:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
.issue-cover-no { font-family: var(--serif); font-size: 3.25rem; font-weight: 700; line-height: 1; color: #e8b75a; align-self: flex-end; }
.issue-cover-mast { font-family: var(--serif); font-size: 2rem; font-weight: 700; line-height: 1.05; letter-spacing: -0.01em; margin-top: 1.5rem; }
.issue-cover-mast em { font-style: italic; font-weight: 400; color: #e8b75a; }
.issue-cover-period { font-family: var(--sans); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(253,250,245,0.78); margin-top: 1rem; }
.issue-cover-theme { font-family: var(--serif); font-size: 1.3rem; font-weight: 400; line-height: 1.25; margin-top: auto; padding-top: 1.25rem; border-top: 1px solid rgba(232,183,90,0.55); }

.issue-title { font-family: var(--serif); font-size: clamp(2rem, 4vw, 3rem); font-weight: 400; line-height: 1.1; letter-spacing: -0.02em; color: var(--ink); margin-bottom: 1.25rem; }
.issue-question { font-family: var(--serif); font-size: 1.2rem; font-style: italic; line-height: 1.55; color: var(--ink-mid); border-left: 2px solid var(--accent); padding-left: 1.25rem; margin-bottom: 1.5rem; max-width: 40rem; }
.issue-summary { font-size: 1.0625rem; line-height: 1.85; color: var(--ink); margin-bottom: 2rem; max-width: 40rem; }
.issue-facts { border-top: 1px solid var(--rule); margin-bottom: 2rem; max-width: 40rem; }
.issue-facts > div { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); gap: 1rem; padding: 0.7rem 0; border-bottom: 1px solid var(--rule); }
.issue-facts dt { font-size: 0.75rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-light); padding-top: 0.2rem; }
.issue-facts dd { font-size: 0.95rem; line-height: 1.6; color: var(--ink); }
.issue-actions { display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 1.5rem; }
.issue-data { font-size: 0.95rem; line-height: 1.7; color: var(--ink-mid); margin-bottom: 1rem; max-width: 40rem; }
.issue-data a, .review-prose a { color: var(--accent); text-decoration: underline; text-underline-offset: 0.18em; }
.issue-data a:hover, .review-prose a:hover { color: var(--ink); }
.issue-cite { font-size: 0.875rem; line-height: 1.6; color: var(--ink-light); max-width: 40rem; }
.issue-cite span { font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; font-size: 0.75rem; margin-right: 0.5rem; }

.issue-archive { margin-top: 4rem; border-top: 2px solid var(--ink); padding-top: 2rem; }
.issue-archive-heading { font-family: var(--serif); font-size: 1.5rem; font-weight: 400; color: var(--ink); margin-bottom: 1rem; }
.issue-archive ul { list-style: none; }
.issue-archive a { display: grid; grid-template-columns: 16rem minmax(0, 1fr); gap: 1.5rem; padding: 0.9rem 0; border-bottom: 1px solid var(--rule); text-decoration: none; color: var(--ink); }
.issue-archive a:hover .ia-title { color: var(--accent); text-decoration: underline; }
.ia-label { font-size: 0.75rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-light); padding-top: 0.3rem; }
.ia-title { font-family: var(--serif); font-size: 1.15rem; line-height: 1.35; }

.review-band { padding: 5rem var(--col-pad); border-bottom: 1px solid var(--rule); }
.review-band--mid { background: var(--paper-mid); }
.review-band--paper { background: var(--paper); }
.review-prose { max-width: var(--max-prose); }
.review-prose p { font-size: 1.0625rem; line-height: 1.85; color: var(--ink); margin-bottom: 1.25rem; }
.review-prose p:last-child { margin-bottom: 0; }

.carries { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--rule); border-left: 1px solid var(--rule); margin-bottom: 2.5rem; }
.carries > div { padding: 1.75rem 1.5rem; border-right: 1px solid var(--rule); border-bottom: 1px solid var(--rule); background: var(--paper); }
.carries h3 { font-family: var(--serif); font-size: 1.15rem; font-weight: 500; line-height: 1.3; color: var(--ink); margin-bottom: 0.6rem; }
.carries p { font-size: 0.95rem; line-height: 1.7; color: var(--ink-mid); }

.review-close { background: var(--ink); padding: 5rem var(--col-pad); }
.review-close-inner { max-width: var(--max-wide); margin: 0 auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4rem; }
.review-close h2 { font-family: var(--serif); font-size: clamp(1.5rem, 2.5vw, 2rem); font-weight: 400; line-height: 1.2; color: var(--paper); margin-bottom: 1rem; }
.review-close p { font-size: 1rem; line-height: 1.8; color: var(--on-dark); margin-bottom: 1.5rem; }
.review-close .btn-ghost-light { margin: 0; }
.review-close :focus-visible { outline-color: var(--paper); }

@media (max-width: 900px) {
  .issue { grid-template-columns: 1fr; gap: 2.5rem; }
  .issue-cover { max-width: 300px; }
  .carries { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .review-close-inner { grid-template-columns: 1fr; gap: 3rem; }
}
@media (max-width: 580px) {
  .review-current, .review-band, .review-close { padding-top: 3.5rem; padding-bottom: 3.5rem; }
  .carries { grid-template-columns: 1fr; }
  .issue-facts > div { grid-template-columns: 1fr; gap: 0.15rem; }
  .issue-archive a { grid-template-columns: 1fr; gap: 0.25rem; }
  .issue-actions .btn { width: 100%; }
}
.review-standfirst { max-width: 600px; }