/* ── static_pages.css — owner: static page (about/author/privacy) + 404. Sec-head
   di sini = pola JUDUL HALAMAN (kicker + h1, dipakai sekali per halaman), BUKAN
   rail-section-header (kicker + h2) kayak components.css punya — dua pola BEDA
   yang kebetulan share nama class. Dipake: /about/, /author/, /privacy-policy/,
   /404. JANGAN samain sama canonical components.css. ── */

/* ── CP-D4: static pages (author/about/privacy) — sec-head v2 + max-width ── */
.static-page-content {
  max-width: 720px;
}

/* display:block eksplisit — cegah `display:flex` canonical (components.css)
   bocor ke pola judul-halaman (kicker+h1) yang emang STACK dari awal (parity). */
.static-page-content .sec-head {
  display: block;
  margin-bottom: var(--sp-2);
}

.static-page-content .sec-head h1 {
  font-size: var(--fs-display-m);
  color: var(--text);
  line-height: 1.2;
  margin: 0;
}

/* B5 RAGU (lihat report): kicker "INFO"/page_kicker di halaman ini sebelum B5
   gak punya rule sama sekali (static pages gak load home.css) — render POLOS
   (var(--text), 1rem, inline, gak uppercase). Reset ini mempertahankan tampilan
   yang sudah live; sama kasusnya kayak country.css — CTO yang mutusin unify apa
   nggak di pass desain terpisah. */
.static-page-content .section-kicker {
  display: inline;
  color: var(--text);
  font-size: var(--fs-body);
  font-weight: 400;
  text-transform: none;
  letter-spacing: normal;
}

.static-page-content .static-page-intro {
  color: var(--muted);
  font-size: var(--fs-body);
  margin-bottom: var(--sp-4);
  line-height: 1.7;
}

.static-page-content section {
  margin-bottom: var(--sp-4);
}

.static-page-content section h2 {
  font-size: var(--fs-heading);
  color: var(--text);
  margin-bottom: var(--sp-2);
}

.static-page-content p {
  margin-bottom: var(--sp-2);
  line-height: 1.8;
}

.static-page-content ul {
  padding-left: 20px;
  margin-bottom: var(--sp-2);
}

.static-page-content li {
  margin-bottom: var(--sp-1);
}

/* ── CP-D4: 404 page ── */
/* display:block eksplisit — cegah `display:flex` canonical bocor ke sini. Dipakai
   2x di halaman ini (hero "404"+h1 DAN section "COBA INI"+h2 rail) — dua-duanya
   sudah stack dari awal (home.css gak punya bare `.sec-head{display:flex}`,
   cuma page-scoped ke .homepage/.mood-page/dst yang gak match .page-404). Kicker
   "404"/"COBA INI" TETAP dapet styling dari home.css bare `.section-kicker` rule
   (weight 800 dst) — gak kesentuh sama sekali di B5. */
.page-404 .sec-head {
  display: block;
  margin-bottom: var(--sp-4);
  text-align: center;
}

.page-404 .sec-head h1 {
  font-size: var(--fs-display);
}

.page-404 .home-search {
  max-width: 520px;
  margin: 0 auto var(--sp-4);
}

.page-404 .music-rail {
  margin-bottom: var(--sp-4);
}

.page-404-links {
  display: flex;
  gap: var(--sp-2);
  justify-content: center;
  flex-wrap: wrap;
  margin-top: var(--sp-3);
}

.page-404-links .pill-link {
  display: inline-block;
  padding: 8px 20px;
  border: 1px solid var(--line);
  border-radius: var(--r-pill);
  color: var(--text);
  font-size: var(--fs-card);
  text-decoration: none;
  transition: background .15s, border-color .15s;
}

.page-404-links .pill-link:hover {
  background: var(--accent-soft);
  border-color: var(--accent);
  color: var(--accent);
  text-decoration: none;
}