/* TAG DETAIL (tags/show.php) — page layout + hero only */
.page-wrap.tag-show{
  --brand:#800000; --accent:#ffba08; --text:#1A1A1A;
  --surface:#ffffff; --border:rgba(128,0,0,.14); --shadow:0 6px 24px rgba(0,0,0,.06);
  margin-block: clamp(16px, 3vw, 40px) clamp(28px, 5vw, 64px);
  padding-inline: clamp(12px, 2vw, 20px);
  display:grid; grid-template-columns: 1fr; gap: clamp(14px, 2.2vw, 18px);
}

.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.3;
  text-decoration: underline; text-decoration-color: var(--accent);
  text-underline-offset:.25em; text-decoration-thickness:3px;
}

.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:.97rem;
  display:flex; gap:12px; flex-wrap:wrap; align-items:center;
}

/* disable bullet content from shared .meta only inside hero */
.hero .meta span + span::before,
.hero .meta span + a::before,
.hero .meta a + span::before{ content:none; }

/* tiny brand dots */
.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 badge only (doesn't affect card badges) */
.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);
}

.section-title{ margin: clamp(10px, 1.2vw, 14px) 0 clamp(8px, 1vw, 12px); font-size:1rem; letter-spacing:.04em; text-transform:uppercase; color:#374151; }
.list-section{ margin-top:14px; }