/* =====================================================
   info.css - halaman Ketentuan & FAQ (langkah 2a, 2026-10-18). Dimuat setelah app.css.
   ===================================================== */
.info .z-muted { margin: 0 0 12px; }
.info-tabs { position: sticky; top: 0; z-index: 5; display: flex; gap: 6px; padding: 8px 0; margin-bottom: 6px; overflow-x: auto; scrollbar-width: none;
  background: linear-gradient(var(--z-page) 70%, transparent); }
html[data-tema="terang"] .info-tabs { background: linear-gradient(rgba(234,232,255,.96) 70%, transparent); }
.info-tabs::-webkit-scrollbar { display: none; }
.info-tabs a { flex: none; min-height: 38px; display: inline-flex; align-items: center; padding: 0 14px; border-radius: 99px; text-decoration: none;
  font-size: 12.5px; font-weight: 700; color: var(--z-text2); border: 1px solid rgba(124,92,191,.4); background: transparent; -webkit-tap-highlight-color: transparent; }
html[data-tema="terang"] .info-tabs a { color: #6744a6; background: linear-gradient(145deg, #fff, #f0e5ff); border: 2px solid #fff; box-shadow: var(--z-clay-s); }
.info-tabs a:active { transform: scale(.97); }
.doc { padding: 16px; margin-bottom: 14px; scroll-margin-top: 60px; line-height: 1.6; font-size: 13.5px; color: var(--z-text); }
.doc h2 { margin: 0 0 6px; font-size: 19px; }
.doc h3 { margin: 16px 0 4px; font-size: 14px; font-weight: 800; color: var(--z-accent); font-family: "Plus Jakarta Sans", sans-serif; }
.doc p { margin: 0 0 6px; color: var(--z-text2); }
.doc ul { margin: 0 0 6px; padding-left: 18px; color: var(--z-text2); }
.doc li { margin: 4px 0; }
.doc b { color: var(--z-text); }
.faq { overflow: hidden; }
.faq details { padding: 0 14px; border-top: 1px solid rgba(124,92,191,.2); }
html[data-tema="terang"] .faq details { border-top-color: #eee4ed; }
.faq details:first-child { border-top: 0; }
.faq summary { min-height: 52px; display: flex; align-items: center; gap: 8px; cursor: pointer; list-style: none; font-size: 13.5px; font-weight: 700; color: var(--z-text);
  -webkit-tap-highlight-color: transparent; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; margin-left: auto; font-size: 18px; color: var(--z-accent); }
.faq details[open] summary::after { content: "\2212"; }
.faq details p { margin: 0 0 14px; font-size: 13px; line-height: 1.6; color: var(--z-text2); }
.faq a, .info a { color: var(--z-accent); font-weight: 700; }
.info .z-back { color: var(--z-text2); }
html[data-tema="terang"] .info .z-back { color: #6744a6; }
.info-more { margin-top: 12px; }

/* 2026-10-21 malam pemilik: mode gelap hitam netral - garis tepi putih tipis (bukan ungu) */
html:not([data-tema="terang"]) .faq details { border-top-color: rgba(255,255,255,.08); }
html:not([data-tema="terang"]) .info-tabs a { border-color: rgba(255,255,255,.12); }