/**
 * Penerjemah Tersumpah — Styling
 *
 * CSS untuk templates/page-penerjemah-tersumpah.php (halaman
 * /penerjemah-tersumpah). SELURUH selektor di berkas ini berawalan .la-pt-
 * dan tidak satu pun menyentuh elemen telanjang (h1, p, a) atau kelas milik
 * bagian lain.
 *
 * Itu disengaja dan diminta secara eksplisit. Berkas ini memang hanya dimuat
 * di satu template (lihat inc/enqueue.php), tapi pemuatan bersyarat saja
 * bukan jaminan: Affiliate Area sempat ikut memuat affiliate-program.css
 * karena butuh satu komponen di dalamnya, dan kalau saat itu ada selektor
 * telanjang, seluruh dashboard akan ikut berubah. Awalan yang disiplin
 * membuat kejadian semacam itu tidak mungkin merusak apa pun.
 *
 * Pola lebar, jarak tepi, dan tipografinya mengikuti css/affiliate-program.css
 * supaya halaman ini terasa satu keluarga dengan sisa situs — tapi kelasnya
 * SENGAJA disalin, bukan dipakai bersama, karena affiliate-program.css tidak
 * dimuat di sini.
 *
 * @package Lisanularab
 * @since 1.0.0
 */

/* =====================================================
   PEMBUNGKUS
   =====================================================
   Lebar maksimum DAN jarak tepi berada pada SATU elemen yang sama. Kalau
   paddingnya ditaruh di pembungkus DI LUAR batas lebar, ia tidak berpengaruh
   sama sekali di layar lebar. */

.la-pt-wrap {
	width: 100%;
	max-width: 1344px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 32px;
	padding-right: 32px;
}

@media (max-width: 768px) {
	.la-pt-wrap {
		padding-left: var(--space-lg);
		padding-right: var(--space-lg);
	}
}

/* =====================================================
   TOMBOL
   =====================================================
   Bentuk dan tipografinya sama dengan tombol beranda dan halaman afiliasi,
   disalin ke sini karena berkas asalnya tidak dimuat di halaman ini. */

.la-pt-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.28px;
	line-height: 24px;
	min-height: 48px;
	padding: 8px 22px;
	border-radius: 50px;
	cursor: pointer;
	text-decoration: none;
	border: none;
	font-family: var(--font-regular);
	transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
	box-sizing: border-box;
}

.la-pt-btn svg {
	flex-shrink: 0;
	transition: transform 0.15s ease;
}

.la-pt-btn:hover svg {
	transform: translateX(2px);
}

/* Gelap solid — kebalikan dari halaman afiliasi, karena hero di sini
   berlatar putih dan tombol putih akan lenyap. */
.la-pt-btn--utama {
	color: #fff;
	background: var(--color-text);
}

.la-pt-btn--utama:hover,
.la-pt-btn--utama:focus-visible {
	color: #fff;
	opacity: 0.88;
}

/* =====================================================
   1. HERO
   ===================================================== */

.la-pt-hero {
	background-color: var(--color-bg);

	/* padding-top besar karena navbar ber-position:fixed melayang di atas
	   section ini; angka inilah yang menjaga judul tidak tertutup navbar.
	   Sama dengan hero halaman afiliasi. */
	/* Bawah mengikuti jarak antar-section yang sama dengan section lain,
	   meniru halaman informasi afiliasi: 64px di desktop, 52px di ponsel.
	   Atasnya tetap besar karena navbar melayang. */
	padding: 150px 0 64px;
}

@media (max-width: 768px) {
	.la-pt-hero {
		padding: 120px 0 52px;
	}
}

/* --- Tata letak dua kolom --- */

/* Kolom kiri sedikit lebih lebar daripada kanan: teksnya yang memikul pesan,
   animasi hanya menemani. Memakai grid, bukan flex, supaya kedua kolom
   berbagi tinggi baris yang sama tanpa perlu tinggi tetap. */
.la-pt-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
	align-items: center;
	column-gap: 48px;
	row-gap: 40px;
}

@media (max-width: 900px) {
	.la-pt-hero__grid {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 32px;
	}
}

.la-pt-hero__teks {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.la-pt-hero__title {
	font-size: 3.5rem;
	font-weight: 500;
	color: var(--color-text);
	letter-spacing: -0.03em;
	line-height: 1.1;
	margin-top: 0;
	margin-bottom: 20px;
}

.la-pt-hero__sub {
	font-size: var(--font-size-lg);
	font-weight: 400;
	color: var(--color-text-vercel);
	line-height: 1.6;
	letter-spacing: -0.005em;
	max-width: 540px;
	margin-top: 0;
	margin-bottom: 0;
}

.la-pt-hero__aksi {
	margin-top: 32px;
}

@media (max-width: 768px) {
	.la-pt-hero__title {
		font-size: var(--font-size-32);
		line-height: 1.2;
		letter-spacing: var(--space-vercel-2);
		margin-bottom: 16px;
	}

	.la-pt-hero__sub {
		font-size: 1rem;
		line-height: 1.6;
	}

	.la-pt-hero__aksi {
		margin-top: 28px;
	}
}

/* --- Kolom animasi --- */

.la-pt-hero__visual {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Rasio 5:3 mengunci tinggi wadah SEBELUM animasinya dimuat. Berkas Lottie-nya
   berkanvas 1000x600, jadi angka ini bukan tebakan. Tanpa rasio tetap, tinggi
   baris grid melompat begitu animasi masuk dan seluruh kolom kiri ikut
   bergeser — persis di detik pertama halaman dilihat.

   Sejak 16 Sep 2026 hero memakai animasi yang sebelumnya ada di section
   "Mengapa Memilih Kami"; animasi hero yang lama dilepas atas permintaan
   pemilik. Rasionya ikut berubah dari 1:1 karena kanvasnya melebar. */
.la-pt-hero__lottie {
	width: 100%;
	max-width: 560px;
	aspect-ratio: 5 / 3;
}

/* lottie-web menyuntikkan <svg> langsung ke dalam wadah ini. */
.la-pt-hero__lottie svg {
	display: block;
	width: 100% !important;
	height: 100% !important;
}

@media (max-width: 900px) {
	.la-pt-hero__lottie {
		max-width: 460px;
	}
}

@media (max-width: 768px) {
	.la-pt-hero__lottie {
		max-width: 400px;
	}
}

/* Hormati pengunjung yang mematikan animasi di setelan sistemnya. Skrip
   sudah membekukan animasinya di frame pertama; aturan ini menutup celah
   bila skripnya gagal dimuat. Berlaku untuk SEMUA animasi di halaman ini,
   bukan hanya yang di hero. */
@media (prefers-reduced-motion: reduce) {
	.la-pt-hero__lottie svg *,
	.la-pt-jenis__lottie svg * {
		animation: none !important;
		transition: none !important;
	}
}

/* =====================================================
   2. MENGAPA MEMILIH KAMI
   ===================================================== */

.la-pt-alasan {
	background: var(--color-bg);
	padding: 64px 0;
}

@media (max-width: 768px) {
	.la-pt-alasan {
		padding: 52px 0;
	}
}

/* --- Judul dan sub --- */

/* Rata tengah dengan lebar dibatasi. Berbeda dari hero yang rata kiri:
   di sini tidak ada kolom kedua yang menyeimbangkan, jadi teks rata kiri
   akan menggantung sendirian di atas grid empat kolom yang simetris. */
/* Judul di kiri, keterangannya di kanan (16 Sep 2026). Dua kolom setara,
   bukan 1fr auto: dengan auto, keterangan yang panjang akan menghimpit judul
   sampai pecah jadi banyak baris. align-items:start menjaga keduanya rata
   atas meski tingginya berbeda. */
.la-pt-alasan__header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	align-items: start;
	column-gap: 48px;
	margin: 0 0 40px;
	text-align: start;
}

.la-pt-alasan__title {
	font-size: var(--font-size-3xl);
	font-weight: 500;
	color: var(--color-text-1);
	letter-spacing: -0.03em;
	line-height: 1.15;
	/* Jarak bawah tidak lagi diperlukan: keterangannya kini di sebelah,
	   bukan di bawah. Dikembalikan di satu kolom (blok media di bawah). */
	margin: 0;
}

.la-pt-alasan__sub {
	font-size: var(--font-size-lg);
	font-weight: 400;
	color: var(--color-text-vercel);
	line-height: 1.6;
	letter-spacing: -0.005em;
	margin: 0;
}

/* Di bawah 900px dua kolom membuat keduanya terlalu sempit; kembali menurun
   seperti sebelumnya, dengan judul di atas keterangannya. */
@media (max-width: 900px) {
	.la-pt-alasan__header {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 12px;
	}
}

@media (max-width: 768px) {
	.la-pt-alasan__header {
		margin-bottom: 32px;
	}

	.la-pt-alasan__sub {
		font-size: 1rem;
	}
}

/* --- Empat card --- */

.la-pt-alasan__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--space-lg);
}

/* Empat kolom terlalu sempit di tablet: judul seperti "Untuk Berbagai
   Keperluan Resmi" pecah jadi empat baris. Dua kolom memberi ruang tanpa
   membuang keseimbangan, karena empat card memang habis dibagi dua. */
@media (max-width: 1100px) {
	.la-pt-alasan__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.la-pt-alasan__grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

.la-pt-alasan__item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 32px;
	background: #f3f4f5;
	border-radius: 20px;
}

@media (max-width: 768px) {
	.la-pt-alasan__item {
		padding: 24px;
	}
}

/* Ikon gelap, bukan putih: latarnya abu-abu muda. Warna diwarisi SVG di
   dalamnya lewat currentColor — karena itu setiap ikon yang ditambahkan
   kelak WAJIB memakai currentColor, bukan warna tetap. */
.la-pt-alasan__ikon {
	display: inline-flex;
	width: 28px;
	height: 28px;
	margin-bottom: 20px;
	color: #0d0d0d;
}

.la-pt-alasan__ikon svg {
	display: block;
	width: 100%;
	height: 100%;
}

.la-pt-alasan__item-title {
	font-size: var(--font-size-20);
	font-weight: 500;
	color: var(--color-text-1);
	line-height: 1.3;
	letter-spacing: -0.01em;
	margin-top: 0;
	margin-bottom: 10px;
}

.la-pt-alasan__item-desc {
	font-size: var(--font-size-md);
	font-weight: 400;
	color: var(--color-text-2);
	line-height: 1.5;
	margin: 0;
}

/* =====================================================
   3. JENIS DOKUMEN
   ===================================================== */

.la-pt-jenis {
	background: var(--color-bg);
	padding: 64px 0;
}

@media (max-width: 768px) {
	.la-pt-jenis {
		padding: 52px 0;
	}
}

.la-pt-jenis__title {
	font-size: var(--font-size-3xl);
	font-weight: 500;
	color: var(--color-text-1);
	letter-spacing: -0.03em;
	line-height: 1.15;
	/* Rata kiri sejak 16 Sep 2026. max-width dipertahankan supaya barisnya
	   tidak memanjang penuh di layar lebar. */
	text-align: start;
	max-width: 720px;
	margin: 0 0 40px;
}

@media (max-width: 768px) {
	.la-pt-jenis__title {
		margin-bottom: 32px;
	}
}

/* --- Dua kolom bertinggi sama --- */

/* align-items:stretch adalah bawaan grid, ditulis eksplisit karena justru
   ITULAH yang membuat kedua kolom bertinggi sama. Kartu biru di kiri tidak
   punya tinggi sendiri; ia mengikuti kolom kanan yang isinya menentukan
   tinggi baris. */
.la-pt-jenis__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	align-items: stretch;
	gap: var(--space-lg);
}

@media (max-width: 900px) {
	.la-pt-jenis__grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* --- Kolom kiri: kartu biru berisi animasi --- */

.la-pt-jenis__visual {
	display: flex;
	align-items: center;
	justify-content: center;
	/* #dceaff = warna persegi paling belakang di dalam folder-processing.json
	   (kanvas 500x500), jadi animasinya menyatu dengan kartunya tanpa batas
	   warna yang terlihat. Sebelumnya biru pekat --color-primary, yang dipakai
	   animasi lama. Kalau animasinya diganti lagi, samakan angka ini dengan
	   warna latar berkas barunya. */
	background: #dceaff;
	border-radius: 20px;
	padding: 32px;

	/* Tanpa ini, kartu setinggi isinya saja dan tidak ikut meregang mengikuti
	   kolom kanan — kolom kiri lalu berhenti di tengah. */
	height: 100%;
	box-sizing: border-box;
}

@media (max-width: 900px) {
	.la-pt-jenis__visual {
		/* Di satu kolom, kartu biru tidak lagi punya pasangan untuk disamakan
		   tingginya. Rasio tetap menjaganya tidak menjadi pita tinggi kosong. */
		aspect-ratio: 4 / 3;
		height: auto;
	}
}

@media (max-width: 600px) {
	.la-pt-jenis__visual {
		padding: 24px;
		aspect-ratio: 1 / 1;
	}
}

.la-pt-jenis__lottie {
	width: 100%;
	max-width: 420px;
	aspect-ratio: 1 / 1;
}

.la-pt-jenis__lottie svg {
	display: block;
	width: 100% !important;
	height: 100% !important;
}

/* --- Kolom kanan: tiga kartu --- */

/* Ketiga kartu berbagi tinggi kolom secara merata lewat flex:1. Kalau
   dibiarkan setinggi isinya masing-masing, kartu "Dokumen Bisnis" yang
   itemnya paling sedikit akan berakhir jauh lebih pendek dan menyisakan
   ruang kosong di dasar kolom. */
.la-pt-jenis__daftar {
	display: flex;
	flex-direction: column;
	gap: var(--space-lg);
}

.la-pt-jenis__item {
	display: flex;
	align-items: flex-start;
	gap: 18px;
	flex: 1;
	padding: 28px;
	background: #f3f4f5;
	border-radius: 20px;
	box-sizing: border-box;
}

/* Di ponsel nomor pindah ke ATAS judul (16 Sep 2026). Sebelumnya nomor di
   kiri memakan lebar yang sudah sempit, sehingga judul panjang pecah jadi
   banyak baris tipis di sisa ruangnya. */
@media (max-width: 600px) {
	.la-pt-jenis__item {
		flex-direction: column;
		align-items: stretch;
		padding: 22px;
		gap: 12px;
	}

	/* Jarak atas hanya berguna saat nomor bersebelahan dengan judul. */
	.la-pt-jenis__nomor {
		margin-top: 0;
	}
}

/* Nomor menggantikan ikon. Ukuran dan jarak bawahnya sengaja setara slot
   ikon di section 2, supaya kedua section terasa satu bahasa visual.
   aria-hidden di markup: nomornya hiasan urutan, bukan informasi. */
.la-pt-jenis__nomor {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #0d0d0d;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: -0.01em;
	font-family: var(--font-regular);
	/* Sejajarkan bulatan dengan baris pertama judul di sebelahnya. */
	margin-top: 2px;
}

.la-pt-jenis__isi {
	min-width: 0;
}

.la-pt-jenis__item-title {
	font-size: var(--font-size-20);
	font-weight: 500;
	color: var(--color-text-1);
	line-height: 1.3;
	letter-spacing: -0.01em;
	margin-top: 0;
	margin-bottom: 10px;
}

/* --- Daftar dokumen --- */

/* Daftar sungguhan, bukan satu kalimat panjang. Pemisah "·" DIMUNCULKAN CSS
   dan tidak pernah ada di dalam teks: pembaca layar membacanya sebagai
   "titik tengah" atau melewatkannya, sehingga seluruh daftar terdengar
   menyambung tanpa jeda. Cara ini memberi yang melihat batas yang tegas,
   dan yang mendengar struktur daftar yang benar. */
.la-pt-jenis__tag {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.la-pt-jenis__tag li {
	font-size: var(--font-size-md);
	font-weight: 400;
	color: var(--color-text-2);
	line-height: 1.6;
	margin: 0;
}

.la-pt-jenis__tag li:not(:last-child)::after {
	content: "\00B7";
	margin-left: 8px;
	color: var(--color-text-tertiary);
	/* Pemisahnya ikut lebar item, jadi tidak boleh memaksa baris baru
	   sendirian. */
	display: inline;
}

/* =====================================================
   4. HARGA DAN TINGKAT KECEPATAN
   ===================================================== */

/* scroll-margin-top menjaga judul tidak tertutup navbar melayang saat tombol
   hero menggulir ke sini. */
.la-pt-harga {
	background: var(--color-bg);
	padding: 64px 0;
	scroll-margin-top: 96px;
}

@media (max-width: 768px) {
	.la-pt-harga {
		padding: 52px 0;
		scroll-margin-top: 84px;
	}
}

.la-pt-harga__header {
	max-width: 720px;
	margin: 0 auto 40px;
	text-align: center;
}

.la-pt-harga__title {
	font-size: var(--font-size-3xl);
	font-weight: 500;
	color: var(--color-text-1);
	letter-spacing: -0.03em;
	line-height: 1.15;
	margin: 0 0 14px;
}

@media (max-width: 768px) {
	.la-pt-harga__header {
		margin-bottom: 32px;
	}
}

/* Empat kartu satu baris (21 Sep 2026, permintaan pemilik). Lebar maksimum
   naik dari 1080px ke 1200px dan jaraknya dirapatkan, karena empat kolom pada
   1080px menyisakan lebar kartu yang memaksa "Rp 200.000" patah dua baris. */
.la-pt-harga__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--space-md);
	max-width: 1200px;
	margin: 0 auto;
}

/* Di bawah 1100px empat kolom terlalu sempit untuk nominalnya — turun ke dua
   kolom lebih dulu, baru satu kolom di ponsel. */
@media (max-width: 1100px) {
	.la-pt-harga__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-width: 720px;
	}
}

@media (max-width: 600px) {
	.la-pt-harga__grid {
		grid-template-columns: minmax(0, 1fr);
		max-width: 480px;
	}
}

/* Keempat kartu sama rupa. Tidak ada label "Terpopuler": belum ada data
   pesanan yang membenarkannya, dan klaim tanpa dasar merusak kepercayaan. */
.la-pt-harga__kartu {
	display: flex;
	flex-direction: column;
	padding: 28px 24px;
	background: #f3f4f5;
	border-radius: 20px;
}

@media (max-width: 768px) {
	.la-pt-harga__kartu {
		padding: 24px;
	}
}

.la-pt-harga__nama {
	font-size: var(--font-size-20);
	font-weight: 500;
	color: var(--color-text-1);
	letter-spacing: -0.01em;
	margin: 0 0 6px;
}

.la-pt-harga__waktu {
	font-size: var(--font-size-md);
	color: var(--color-text-2);
	margin: 0 0 24px;
}

.la-pt-harga__nominal {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 6px;
	margin: 0 0 28px;
}

.la-pt-harga__angka {
	font-size: 28px;
	font-weight: 500;
	letter-spacing: -0.03em;
	line-height: 1;
	color: var(--color-text-1);
}

.la-pt-harga__satuan {
	font-size: var(--font-size-md);
	color: var(--color-text-2);
}

/* Tombol didorong ke dasar kartu supaya keempatnya sejajar walau teks di
   atasnya berbeda panjang. */
.la-pt-harga__kartu .la-pt-btn {
	width: 100%;
	margin-top: auto;
}

.la-pt-harga__notis {
	max-width: 760px;
	margin: 32px auto 0;
	text-align: center;
	font-size: var(--font-size-md);
	line-height: 1.6;
	color: var(--color-text-2);
}

/* =====================================================
   6. FAQ
   =====================================================
   Kartu abu bertumpuk dengan ikon plus/minus di kanan, mengikuti contoh yang
   diberikan pemilik (16 Sep 2026). Jawaban disembunyikan lewat atribut
   `hidden` dari PHP, jadi tanpa JavaScript pun butir pertama tetap terbaca
   dan sisanya tertutup rapi — bukan halaman yang rusak. */

.la-pt-faq {
	background: var(--color-bg);
	padding: 64px 0;
	scroll-margin-top: 96px;
}

@media (max-width: 768px) {
	.la-pt-faq {
		padding: 52px 0;
		scroll-margin-top: 84px;
	}
}

.la-pt-faq__header {
	max-width: 720px;
	margin: 0 auto 40px;
	text-align: center;
}

.la-pt-faq__title {
	font-size: var(--font-size-3xl);
	font-weight: 500;
	color: var(--color-text-1);
	letter-spacing: -0.03em;
	line-height: 1.15;
	margin: 0;
}

/* Lebar dibatasi supaya barisnya tetap nyaman dibaca di layar lebar. */
.la-pt-faq__daftar {
	max-width: 780px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.la-pt-faq__item {
	background: var(--color-bg-secondary);
	border-radius: 14px;
	overflow: hidden;
	transition: background-color var(--transition-fast);
}

/* h3 hanya penanda tingkat judul bagi pembaca layar; gayanya milik tombol. */
.la-pt-faq__tanya-bungkus {
	margin: 0;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

.la-pt-faq__tanya {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	width: 100%;
	padding: 22px 26px;
	background: none;
	border: none;
	font-family: inherit;
	text-align: start;
	cursor: pointer;
	color: var(--color-text-1);
}

.la-pt-faq__tanya-teks {
	font-size: var(--font-size-md);
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: -0.01em;
}

/* ── Ikon plus → minus ── */

.la-pt-faq__ikon {
	position: relative;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
}

.la-pt-faq__ikon-garis {
	position: absolute;
	top: 50%;
	left: 50%;
	background: var(--color-text-1);
	border-radius: 2px;
	transition: transform var(--transition-fast);
}

.la-pt-faq__ikon-garis--datar {
	width: 18px;
	height: 2px;
	transform: translate(-50%, -50%);
}

.la-pt-faq__ikon-garis--tegak {
	width: 2px;
	height: 18px;
	transform: translate(-50%, -50%);
}

/* Yang menghilang hanya garis tegaknya — plus berubah jadi minus tanpa
   menukar gambar, sehingga peralihannya mulus. */
.la-pt-faq__item.is-buka .la-pt-faq__ikon-garis--tegak {
	transform: translate(-50%, -50%) scaleY(0);
}

/* ── Jawaban ── */

.la-pt-faq__jawab-isi {
	padding: 0 26px 24px;
}

.la-pt-faq__jawab p {
	margin: 0;
	font-size: var(--font-size-md);
	line-height: 1.65;
	color: var(--color-text-2);
}

.la-pt-faq__jawab[hidden] {
	display: none;
}

@media (max-width: 768px) {
	.la-pt-faq__daftar {
		gap: 10px;
	}

	.la-pt-faq__tanya {
		gap: 14px;
		padding: 18px 20px;
	}

	/* .la-pt-faq__tanya-teks {
		font-size: var(--font-size-base);
	} */

	.la-pt-faq__jawab-isi {
		padding: 0 20px 20px;
	}
}
