/* ISSUE DETAIL (issues/show.php) — page layout + hero only */
.page-wrap.issue-show{
  --brand:#800000; --accent:#ffba08; --text:#1A1A1A;
  --surface:#ffffff; --border:rgba(128,0,0,.14); --shadow:0 6px 24px rgba(0,0,0,.06);
  --ring:rgba(255,186,8,.35);
  margin-block: clamp(16px, 3vw, 40px) clamp(28px, 5vw, 64px);
  padding-inline: clamp(12px, 2vw, 20px);

  display:grid;
  grid-template-columns: 1fr;               /* match category/tag pages */
  gap: clamp(14px, 2.2vw, 18px);
}

/* Hero card */
.hero{
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 16px;
  box-shadow: var(--shadow);
  padding: clamp(16px, 2.2vw, 20px);
}
.hero .title{
  margin: 0 0 8px;
  font-family: var(--font-site, "Bitter", Georgia, serif);
  font-weight: 900; color: var(--brand);
  font-size: clamp(1.25rem, 2.4vw, 1.9rem); line-height: 1.25;
  text-decoration: underline; text-decoration-color: var(--accent);
  text-underline-offset: .25em; text-decoration-thickness: 3px;
}

/* Hero meta (scoped so shared .meta bullets don’t apply here) */
.hero .meta{
  padding-top: clamp(6px, 1vw, 10px);
  margin-top: clamp(6px, 1vw, 10px);
  border-top: 1px solid rgba(128,0,0,.10);
  color:#5b6472; font-size:.96rem;
  display:flex; gap:12px; flex-wrap:wrap; align-items:center;
}
.hero .meta span + span::before,
.hero .meta span + a::before,
.hero .meta a + span::before{ content: none; }
.hero .meta > * + *::before{
  content:""; display:inline-block; width:4px; height:4px; margin:0 8px;
  border-radius:999px; background: rgba(128,0,0,.35); transform: translateY(-1px);
}

/* Hero-only badge */
.hero .badge{
  background: transparent; color: var(--brand);
  border:1px solid rgba(128,0,0,.35);
  padding:4px 10px; border-radius:999px;
  font-size:.8rem; font-weight:800;
}

/* Links */
.back-link,
.hero .meta a{
  color: var(--brand);
  text-decoration: none;
  border-bottom: 1px dashed rgba(255,186,8,.45);
}
.back-link:hover,
.hero .meta a:hover{
  color:#5f0000;
  border-bottom-color: var(--accent);
}

/* Optional “About this issue” block */
.abstract{
  position: relative; background: transparent; border: 0; box-shadow: none;
  padding: clamp(14px, 2vw, 18px) 0 0 clamp(14px, 2vw, 18px);
  margin-top: clamp(12px, 1.6vw, 16px);
}
.abstract::before{
  content:""; position:absolute; left:0; top:0; bottom:0;
  width:5px; border-radius:999px; background: var(--accent); opacity:.78;
}
.abstract h2{
  margin:0 0 10px; font-size: clamp(1.02rem, .96rem + .3vw, 1.14rem);
  color:#374151; font-family: var(--font-nav, Tahoma, Geneva, Verdana, sans-serif);
  text-transform: uppercase; letter-spacing:.05em;
}
.abstract p{ margin:0; color:#344054; line-height:1.65; text-align:justify; text-justify:inter-word; hyphens:auto; }

/* Section heading + spacing (same as category/tag) */
.section-title{ font-size:1rem; margin:0 0 10px; font-family: var(--font-nav, Tahoma, Geneva, Verdana, sans-serif); text-transform: uppercase; letter-spacing:.04em; color:#374151; }
.list-section{ margin-top:14px; }

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .back-link{ transition: none; }
}