/* Halaman dokumen publik (kebijakan privasi, syarat layanan, hapus akun): kartu lebar, teks rata kiri, mudah dibaca di HP. Memakai variabel vertex-galat.css. */
.gl-kartu.gl-dokumen { max-width: 760px; text-align: left; padding: 28px 22px 26px; }
.gl-dokumen h1 { font-size: 24px; margin: 0 0 6px; }
.gl-dokumen .gl-tanggal { margin: 0 0 18px; }
.gl-dokumen h2 { margin: 26px 0 8px; font-size: 18px; line-height: 1.35; color: var(--gl-tinta); }
.gl-dokumen h3 { margin: 16px 0 6px; font-size: 15px; color: #4A3A2B; }
.gl-dokumen p, .gl-dokumen li { color: #3A2D22; font-size: 15.5px; line-height: 1.65; }
.gl-dokumen p { margin: 0 0 12px; }
.gl-dokumen ul, .gl-dokumen ol { margin: 0 0 14px; padding-left: 22px; }
.gl-dokumen li { margin: 0 0 6px; }
.gl-dokumen a { color: #8A4F0B; font-weight: 600; overflow-wrap: anywhere; }
.gl-dokumen .gl-ringkas { background: #FFF6E6; border: 1px solid #F0D9AE; border-radius: 12px; padding: 14px 16px; margin: 0 0 18px; }
.gl-dokumen .gl-ringkas p:last-child, .gl-dokumen .gl-ringkas ul:last-child { margin-bottom: 0; }
.gl-dokumen .gl-peringatan { background: #FBECEA; border: 1px solid #EBC3BD; border-radius: 12px; padding: 14px 16px; margin: 0 0 18px; }
.gl-dokumen .gl-peringatan p:last-child { margin-bottom: 0; }
.gl-dokumen table { width: 100%; border-collapse: collapse; margin: 0 0 16px; font-size: 14.5px; }
.gl-dokumen th, .gl-dokumen td { text-align: left; vertical-align: top; padding: 8px 10px; border-bottom: 1px solid var(--gl-garis); }
.gl-dokumen th { background: #FAF4EA; font-weight: 600; }
.gl-dokumen .gl-tabel-gulung { overflow-x: auto; }
.gl-dokumen .gl-form { max-width: 460px; }
.gl-dokumen .gl-aksi { justify-content: flex-start; }
@media (min-width: 640px) { .gl-kartu.gl-dokumen { padding: 40px 48px 36px; } .gl-dokumen h1 { font-size: 28px; } }
/* HP: tabel dua kolom menjadi kartu bertumpuk supaya teks tidak terjepit. */
@media (max-width: 639px) {
    .gl-dokumen .gl-tabel-gulung { overflow: visible; }
    .gl-dokumen table, .gl-dokumen tbody, .gl-dokumen tr, .gl-dokumen td { display: block; width: 100%; box-sizing: border-box; }
    .gl-dokumen thead { display: none; }
    .gl-dokumen tr { margin: 0 0 12px; border: 1px solid var(--gl-garis); border-radius: 12px; overflow: hidden; }
    .gl-dokumen td { border-bottom: 0; }
    .gl-dokumen td:first-child { background: #FAF4EA; font-weight: 700; padding-bottom: 6px; }
    .gl-dokumen td:last-child { padding-top: 8px; }
}