.page-shell { padding: 34px 3.2vw 72px; }

.page-kicker, .rail-title, .form-label {
  color: var(--red-hot);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.page-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 28px;
  align-items: start;
}

.page-hero-main, .page-hero-side, .article-body, .article-sidebar, .archive-panel, .issue-panel, .submit-panel, .evidence-card, .related-card, .tool-card {
  border: 1px solid var(--line);
  background: rgba(239,230,216,0.03);
  box-shadow: 0 26px 80px var(--shadow);
}

.page-hero-main {
  min-height: 430px;
  display: grid;
  grid-template-columns: minmax(0, 0.56fr) minmax(320px, 0.44fr);
  overflow: hidden;
  background: linear-gradient(90deg, rgba(0,0,0,0.98), rgba(0,0,0,0.68));
}

.page-hero-copy { padding: clamp(30px, 4vw, 56px); display: flex; flex-direction: column; justify-content: center; }
.page-hero-main h1 { margin-top: 16px; font-size: clamp(3.2rem, 5.7vw, 6.6rem); }
.page-hero-main .dek { margin-top: 18px; }

.page-art {
  position: relative;
  min-height: 430px;
  overflow: hidden;
  background:
    radial-gradient(circle at 58% 32%, rgba(239,230,216,0.2), transparent 11rem),
    linear-gradient(140deg, rgba(189,17,27,0.2), transparent 44%),
    #0b0b0a;
}
.page-art::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.22;
  background-image:
    linear-gradient(rgba(239,230,216,0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(239,230,216,0.08) 1px, transparent 1px);
  background-size: 26px 26px;
}
.page-art::after {
  content: "";
  position: absolute;
  inset: 18% 12% 13% 24%;
  border: 2px solid rgba(189,17,27,0.75);
  border-radius: 50%;
  transform: rotate(-10deg);
}
.page-hero-side { padding: 22px; display: grid; gap: 16px; }
.page-hero-side p, .article-body p, .article-sidebar p, .archive-panel p, .issue-panel p, .submit-panel p, .evidence-card p, .related-card p, .tool-card p, .article-body li, .submit-panel li { color: var(--bone-soft); }

.article-layout { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 28px; align-items: start; margin-top: 28px; }
.article-body { padding: clamp(28px, 4vw, 54px); }
.article-body h2 { margin-top: 42px; font-size: clamp(2rem, 4vw, 4rem); }
.article-body p { max-width: 820px; font-size: clamp(1.04rem, 1.3vw, 1.18rem); }
.article-body p:first-of-type::first-letter { float: left; color: var(--red-hot); font-size: 5.4rem; line-height: 0.8; padding: 9px 10px 0 0; }
.article-body blockquote { margin: 36px 0; padding: 28px; border-left: 3px solid var(--red-hot); background: rgba(239,230,216,0.035); font-size: clamp(1.8rem, 3.2vw, 3.2rem); line-height: 1.02; letter-spacing: -0.05em; }
.article-sidebar { position: sticky; top: 104px; display: grid; gap: 16px; padding: 18px; }
.tool-card, .evidence-card, .related-card { padding: 22px; }

.share-row { display: flex; flex-wrap: wrap; gap: 8px; }
.share-row a, .fake-control, .filter-chip { min-height: 38px; padding: 0 12px; border: 1px solid var(--line); color: var(--bone-soft); font-family: Arial, Helvetica, sans-serif; font-size: 0.68rem; font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase; display: inline-flex; align-items: center; }
.share-row a:hover, .filter-chip:hover { border-color: var(--red-hot); color: var(--red-hot); }
.listen-bar { display: grid; grid-template-columns: 48px 1fr auto; gap: 14px; align-items: center; margin-top: 16px; padding: 14px; border: 1px solid var(--line); }
.play-circle { width: 48px; height: 48px; border: 1px solid var(--line-strong); border-radius: 50%; display: grid; place-items: center; }
.wave { height: 24px; background: repeating-linear-gradient(90deg, rgba(239,230,216,0.25) 0 2px, transparent 2px 6px); mask-image: linear-gradient(90deg, transparent, black 10%, black 90%, transparent); }
.evidence-grid, .related-grid, .archive-grid, .issue-grid, .submit-grid { display: grid; gap: 16px; }
.evidence-grid, .related-grid, .archive-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.evidence-card span, .archive-panel span, .issue-panel span, .submit-panel span { color: var(--red-hot); font-family: Arial, Helvetica, sans-serif; font-size: 0.68rem; font-weight: 900; letter-spacing: 0.16em; text-transform: uppercase; }
.evidence-card h3, .related-card h3, .archive-panel h3, .issue-panel h3, .submit-panel h3 { margin-top: 18px; }

.archive-controls { display: flex; gap: 10px; flex-wrap: wrap; margin: 24px 0 34px; }
.archive-panel { min-height: 280px; display: flex; flex-direction: column; justify-content: space-between; padding: 24px; }
.issue-grid { grid-template-columns: 0.62fr 1.38fr; }
.issue-cover-big { min-height: 680px; display: flex; flex-direction: column; justify-content: space-between; padding: 30px; border: 1px solid var(--line); background: radial-gradient(circle at 75% 18%, rgba(239,230,216,0.24), transparent 13rem), linear-gradient(158deg, rgba(189,17,27,0.55), transparent 46%), #111; box-shadow: 0 26px 80px var(--shadow); }
.issue-cover-big strong { max-width: 440px; font-size: clamp(4rem, 8vw, 8rem); line-height: 0.82; letter-spacing: -0.1em; }
.issue-toc { display: grid; gap: 14px; }
.issue-toc .case-row { min-height: auto; box-shadow: none; }
.submit-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.submit-panel { padding: 24px; }
.submit-panel ul { margin: 20px 0 0; padding-left: 20px; }
.page-footer-cta { margin-top: 18px; padding: clamp(28px, 5vw, 60px); border: 1px solid var(--line); background: linear-gradient(135deg, rgba(181, 24, 36, 0.2), rgba(239, 230, 216, 0.035)), var(--black-2); }

@media (max-width: 1050px) {
  .page-hero, .article-layout, .issue-grid, .submit-grid { grid-template-columns: 1fr; }
  .page-hero-main { grid-template-columns: 1fr; }
  .page-art { min-height: 260px; order: -1; }
  .article-sidebar { position: static; }
  .evidence-grid, .related-grid, .archive-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  .page-shell { padding: 22px 18px 54px; }
  .page-hero-main, .page-art { min-height: 360px; }
  .page-hero-copy { padding: 26px 22px; }
  .page-hero-main h1 { font-size: clamp(2.75rem, 13vw, 4.4rem); }
  .evidence-grid, .related-grid, .archive-grid { grid-template-columns: 1fr; }
  .issue-cover-big { min-height: 520px; }
  .listen-bar { grid-template-columns: 42px 1fr; }
  .listen-bar span:last-child { grid-column: 1 / -1; }
}