/* ===== FAQ (tema terang) ===== */
.faq-list, .faq-grid { display: grid; gap: 12px; }

.faq-item{
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 12px 12px;
  color: var(--fg);
  position: relative;
}

/* Judul & ringkasan selalu kontras */
.faq-item .q,
.faq-item .a,
.faq-item .excerpt{
  color: var(--fg) !important;
}

/* Ringkasan 2 baris */
.faq-item .excerpt{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  opacity: .9;
}

/* Actions */
.faq-item .actions{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
}

/* Mobile tetap terang */
@media (max-width: 640px){
  .faq-item{
    background: var(--card);
    border-color: var(--line);
  }
}

/* ===== Dokumen (Referensi / Privasi / Terms) – mobile friendly ===== */
.doc { max-width: 980px; margin: 32px auto; padding: 0 16px; }
.doc h1 { font-size: 32px; margin: 0 0 10px; }
.doc .lead { color: var(--muted); margin: 0 0 16px; }

/* Grid konten + TOC */
.doc-wrap { display: grid; grid-template-columns: 1fr 260px; gap: 18px; }
@media (max-width: 920px){ .doc-wrap { grid-template-columns: 1fr; } }

.doc .card {
  background: var(--card);
  border:1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}
.doc .pane { padding: 14px; }
.doc .section { padding: 10px 0; }
.doc .section + .section { border-top:1px dashed var(--line); }

/* TOC */
.toc { position: sticky; top: 12px; height