/* Komponen khusus halaman panduan. Chrome halaman diurus /assets/site.css. */

.article { max-width: var(--tg-measure); }

.article h2 {
  margin-top: var(--tg-space-8);
  font-size: clamp(1.35rem, 4vw, 1.75rem);
}

.article p { line-height: 1.7; }

.contents,
.note,
.disclaimer {
  padding: var(--tg-space-5);
  border: 1px solid var(--tg-border);
  border-radius: var(--tg-radius-md);
  background: var(--tg-surface);
}

.contents { margin-top: var(--tg-space-8); }
.contents strong { display: block; margin-bottom: var(--tg-space-3); }
.contents ol { margin: 0; padding-left: var(--tg-space-6); }
.contents li + li { margin-top: var(--tg-space-2); }

.table-wrap { overflow-x: auto; margin-top: var(--tg-space-5); }

table {
  width: 100%;
  border-collapse: collapse;
  background: var(--tg-surface);
}

th, td {
  padding: var(--tg-space-4);
  border: 1px solid var(--tg-border);
  text-align: left;
  vertical-align: top;
}

code, .tg-num {
  font-family: var(--tg-font-mono);
  font-variant-numeric: tabular-nums;
}

.article ul { padding-left: var(--tg-space-6); }
.article li + li { margin-top: var(--tg-space-3); }

.sources a { word-break: break-word; }

@media (max-width: 700px) {
  th, td { padding: var(--tg-space-3); }
}