/* ============================================================
   content.css — Prose / legal page template styling.
   Loaded on: about, contact, terms, dmca, privacy-policy,
              disclaimer  (and reused by single.php)

   The centered page hero and the boxed .prose article, plus the
   64px footer margin these pages use.
   ============================================================ */

/* ---------- Page Hero ---------- */
.page-hero {
  max-width:  820px;
  margin:     48px auto 0;
  text-align: center;
}
.page-hero h1 {
  font-size:      34px;
  font-weight:    800;
  letter-spacing: -0.02em;
  color:          var(--text);
  margin-bottom:  12px;
}
.page-hero h1 span { color: var(--accent); }

.page-hero p {
  font-size: 15px;
  color:     var(--muted);
  max-width: 620px;
  margin:    0 auto;
}
.page-hero .updated {
  display:        inline-block;
  margin-top:     16px;
  font-size:      11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color:          var(--muted);
  border:         1px solid var(--border);
  border-radius:  20px;
  padding:        5px 14px;
}

/* ---------- Prose article ---------- */
.prose {
  max-width:     820px;
  margin:        36px auto 0;
  padding:       34px 38px;
  background:    #181818;
  border:        1px solid var(--border);
  border-radius: 16px;
  font-size:     15px;
  line-height:   1.75;
  color:         #cfcfcf;
}
.prose > *:first-child { margin-top: 0; }

.prose .lead { font-size: 16px; color: var(--text); margin-bottom: 20px; }

.prose h2 {
  font-size:    20px;
  font-weight:  700;
  color:        var(--text);
  margin:       32px 0 12px;
  padding-left: 12px;
  border-left:  3px solid var(--accent);
}
.prose h3 {
  font-size:   16px;
  font-weight: 700;
  color:       var(--text);
  margin:      22px 0 8px;
}

.prose p            { margin-bottom: 14px; }
.prose ul, .prose ol { margin: 0 0 16px 22px; }
.prose li           { margin-bottom: 8px; }

.prose a {
  color:                var(--accent);
  text-decoration:      underline;
  text-underline-offset: 2px;
  transition:           color 0.15s ease;
}
.prose a:hover  { color: var(--accent-hover); }
.prose strong   { color: var(--text); font-weight: 700; }

/* These pages sit their footer 64px below the content. */
.site-footer { margin-top: 64px; }

/* ---------- Responsive ---------- */
@media (max-width: 640px) {
  .page-hero h1 { font-size: 27px; }
  .prose        { padding: 24px 20px; }
}