/*
 * Gaya PokerAddict.
 * Arah tampilan: portal informasi padat, dua kolom, sudut hampir siku,
 * label merah huruf kapital, hanya huruf sistem (tanpa unduhan font).
 */

:root {
	--pa-ink: #14161d;
	--pa-ink-2: #1d212b;
	--pa-ink-3: #2a2f3b;
	--pa-merah: #c21d2c;
	--pa-merah-2: #e03a47;
	--pa-merah-pucat: #fdeaec;
	--pa-kertas: #ffffff;
	--pa-latar: #eceff4;
	--pa-garis: #d7dce4;
	--pa-garis-2: #e9edf2;
	--pa-teks: #181a20;
	--pa-teks-2: #555d6c;
	--pa-teks-3: #7e879a;
	--pa-biru: #16507d;
	--pa-lebar: 1280px;
	--pa-sudut: 2px;
	--pa-huruf: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--pa-huruf-angka: "Segoe UI", Roboto, system-ui, sans-serif;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
	scroll-padding-top: 1.5rem;
}

body {
	margin: 0;
	background: var(--pa-latar);
	color: var(--pa-teks);
	font-family: var(--pa-huruf);
	font-size: 16.5px;
	line-height: 1.65;
}

img {
	max-width: 100%;
	height: auto;
}

a {
	color: var(--pa-biru);
	text-decoration: none;
}

a:hover,
a:focus {
	text-decoration: underline;
}

h1,
h2,
h3,
h4 {
	margin: 0;
	font-weight: 800;
	letter-spacing: -0.015em;
	line-height: 1.2;
	color: var(--pa-ink);
}

p {
	margin: 0 0 1em;
}

.pa-lompat {
	position: absolute;
	left: -9999px;
	top: 0;
	background: var(--pa-ink);
	color: #fff;
	padding: 0.6rem 1rem;
	z-index: 50;
}

.pa-lompat:focus {
	left: 0;
}

.pa-wadah {
	width: 100%;
	max-width: var(--pa-lebar);
	margin: 0 auto;
	padding: 0 16px;
}

/* ---------- Strip atas ---------- */

.pa-strip {
	background: var(--pa-ink-2);
	color: #c6ccd8;
	font-size: 12.5px;
}

.pa-strip-isi {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	min-height: 34px;
	flex-wrap: wrap;
}

.pa-strip-teks {
	letter-spacing: 0.02em;
}

.pa-strip-taut {
	display: flex;
	gap: 1.1rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.pa-strip-taut a {
	color: #c6ccd8;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-weight: 600;
	font-size: 11.5px;
}

.pa-strip-taut a:hover {
	color: #fff;
	text-decoration: none;
}

/* ---------- Kepala ---------- */

.pa-kepala {
	background: var(--pa-ink);
	color: #fff;
	border-bottom: 3px solid var(--pa-merah);
}

.pa-kepala-isi {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	padding-top: 14px;
	padding-bottom: 14px;
}

.pa-logo {
	display: inline-flex;
	align-items: center;
	gap: 11px;
	color: #fff;
}

.pa-logo:hover {
	text-decoration: none;
}

.pa-logo-lambang {
	display: inline-flex;
	color: var(--pa-merah-2);
}

.pa-logo-teks {
	display: flex;
	flex-direction: column;
}

.pa-logo-nama {
	font-size: 25px;
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.05;
}

.pa-logo-tag {
	font-size: 10.5px;
	text-transform: uppercase;
	letter-spacing: 0.17em;
	color: #9aa3b4;
	margin-top: 2px;
}

.pa-logo-kaki .pa-logo-nama {
	font-size: 22px;
}

/* Versi GIF: kotak GIF sudah berlatar #14161d, sama dengan kepala situs */
.pa-logo-gambar {
	gap: 0;
}

.pa-logo-gambar img {
	display: block;
	width: 300px;
	height: auto;
}

.pa-logo-kaki.pa-logo-gambar img {
	width: 260px;
}

.pa-logo-sr {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

@media (max-width: 680px) {
	.pa-logo-gambar img {
		width: 232px;
	}
}

.pa-cari {
	display: flex;
	align-items: stretch;
}

.pa-cari-label {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.pa-cari-kolom {
	border: 1px solid #3a4050;
	background: #1b1f29;
	color: #fff;
	padding: 0.5rem 0.75rem;
	font-size: 14px;
	font-family: inherit;
	min-width: 220px;
	border-radius: var(--pa-sudut) 0 0 var(--pa-sudut);
}

.pa-cari-kolom::placeholder {
	color: #7d8699;
}

.pa-cari-kolom:focus {
	outline: 2px solid var(--pa-merah-2);
	outline-offset: -2px;
}

.pa-cari-tombol {
	border: 0;
	background: var(--pa-merah);
	color: #fff;
	font: 600 13px/1 var(--pa-huruf);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 0 1rem;
	cursor: pointer;
	border-radius: 0 var(--pa-sudut) var(--pa-sudut) 0;
}

.pa-cari-tombol:hover {
	background: var(--pa-merah-2);
}

/* ---------- Navigasi ---------- */

.pa-nav {
	background: var(--pa-ink-3);
	position: relative;
	z-index: 20;
}

.pa-nav-isi {
	display: flex;
	align-items: center;
}

.pa-nav-saklar,
.pa-nav-tombol {
	display: none;
}

.pa-nav-daftar {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}

.pa-nav-daftar > li {
	position: relative;
}

.pa-nav-daftar > li > a {
	display: block;
	color: #e6e9ef;
	font-size: 13.5px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	padding: 0.82rem 1.05rem;
	border-bottom: 3px solid transparent;
}

.pa-nav-daftar > li > a:hover,
.pa-nav-daftar > li:focus-within > a,
.pa-nav-daftar > li.current-menu-item > a,
.pa-nav-daftar > li.current-menu-parent > a,
.pa-nav-daftar > li.current-page-ancestor > a {
	background: #343b49;
	border-bottom-color: var(--pa-merah-2);
	color: #fff;
	text-decoration: none;
}

.pa-nav-daftar .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 248px;
	background: var(--pa-kertas);
	border: 1px solid var(--pa-garis);
	border-top: 3px solid var(--pa-merah);
	box-shadow: 0 14px 30px rgba(16, 20, 28, 0.17);
	list-style: none;
	margin: 0;
	padding: 0.3rem 0;
	display: none;
	z-index: 30;
}

.pa-nav-daftar > li:hover > .sub-menu,
.pa-nav-daftar > li:focus-within > .sub-menu {
	display: block;
}

.pa-nav-daftar .sub-menu a {
	display: block;
	padding: 0.42rem 1rem;
	font-size: 14px;
	color: var(--pa-teks);
	font-weight: 500;
}

.pa-nav-daftar .sub-menu a:hover {
	background: var(--pa-merah-pucat);
	color: var(--pa-merah);
	text-decoration: none;
}

/* ---------- Tata letak ---------- */

.pa-utama {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 26px;
	padding-top: 24px;
	padding-bottom: 40px;
	align-items: start;
}

.pa-kolom {
	min-width: 0;
	background: var(--pa-kertas);
	border: 1px solid var(--pa-garis);
	border-radius: var(--pa-sudut);
	padding: 26px 26px 30px;
}

.pa-remah {
	margin: 0 0 14px;
	font-size: 12.5px;
	color: var(--pa-teks-3);
}

.pa-remah ol {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.pa-remah li + li::before {
	content: "/";
	margin-right: 0.4rem;
	color: var(--pa-garis);
}

.pa-remah a {
	color: var(--pa-teks-2);
}

/* ---------- Kepala halaman ---------- */

.pa-label {
	display: inline-block;
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.13em;
	color: var(--pa-merah);
	background: var(--pa-merah-pucat);
	padding: 0.22rem 0.5rem;
	border-radius: var(--pa-sudut);
}

.pa-judul-blok {
	border-bottom: 1px solid var(--pa-garis-2);
	padding-bottom: 18px;
	margin-bottom: 22px;
}

.pa-judul {
	font-size: clamp(28px, 4.1vw, 40px);
	margin: 10px 0 0;
}

.pa-ringkas {
	margin: 12px 0 0;
	font-size: 18px;
	line-height: 1.55;
	color: var(--pa-teks-2);
	max-width: 62ch;
}

.pa-meta-baris {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1rem;
	margin: 14px 0 0;
	font-size: 12.5px;
	color: var(--pa-teks-3);
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.pa-meta-butir + .pa-meta-butir::before {
	content: "\00b7";
	margin-right: 0.7rem;
	color: var(--pa-garis);
}

/* ---------- Isi artikel ---------- */

.pa-artikel {
	font-size: 16.5px;
}

.pa-pengantar p {
	font-size: 18px;
	line-height: 1.62;
	color: #2c3140;
}

.pa-pengantar p:first-child::first-letter {
	font-weight: 700;
}

.pa-bagian {
	margin: 32px 0 0;
	scroll-margin-top: 1rem;
}

.pa-bagian-judul {
	font-size: 24px;
	padding-bottom: 8px;
	margin-bottom: 14px;
	border-bottom: 2px solid var(--pa-ink);
	position: relative;
}

.pa-bagian-judul::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 58px;
	height: 2px;
	background: var(--pa-merah);
}

.pa-subjudul {
	font-size: 18px;
	margin: 22px 0 8px;
}

.pa-daftar {
	margin: 0 0 1em;
	padding-left: 1.25rem;
}

.pa-daftar li {
	margin-bottom: 0.45em;
}

.pa-daftar li::marker {
	color: var(--pa-merah);
	font-weight: 700;
}

/* Langkah bernomor */

.pa-langkah {
	list-style: none;
	margin: 0 0 1.2em;
	padding: 0;
	counter-reset: pa-langkah;
}

.pa-langkah-butir {
	display: flex;
	gap: 12px;
	padding: 12px 0;
	border-bottom: 1px dashed var(--pa-garis-2);
}

.pa-langkah-butir:last-child {
	border-bottom: 0;
}

.pa-langkah-nomor {
	flex: 0 0 26px;
	height: 26px;
	background: var(--pa-ink);
	color: #fff;
	font: 700 13px/26px var(--pa-huruf-angka);
	text-align: center;
	border-radius: var(--pa-sudut);
}

.pa-langkah-isi {
	min-width: 0;
}

.pa-langkah-judul {
	display: block;
	color: var(--pa-ink);
}

/* Kotak fakta */

.pa-fakta {
	margin: 22px 0 6px;
	border: 1px solid var(--pa-garis);
	border-left: 4px solid var(--pa-merah);
	background: #f7f9fc;
	border-radius: var(--pa-sudut);
}

.pa-fakta dl {
	margin: 0;
	display: grid;
	grid-template-columns: 1fr;
}

.pa-fakta-baris {
	display: flex;
	gap: 10px;
	padding: 9px 14px;
	border-bottom: 1px solid var(--pa-garis-2);
	font-size: 14.5px;
}

.pa-fakta-baris:last-child {
	border-bottom: 0;
}

.pa-fakta dt {
	flex: 0 0 38%;
	font-weight: 700;
	color: var(--pa-ink);
	text-transform: uppercase;
	font-size: 11.5px;
	letter-spacing: 0.08em;
	padding-top: 3px;
}

.pa-fakta dd {
	margin: 0;
	color: var(--pa-teks);
}

/* Daftar isi */

.pa-isi-daftar {
	margin: 24px 0 0;
	padding: 14px 16px;
	background: var(--pa-ink);
	border-radius: var(--pa-sudut);
	color: #e7eaf0;
}

.pa-isi-judul {
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	color: #99a2b4;
	margin-bottom: 8px;
}

.pa-isi-daftar ol {
	margin: 0;
	padding-left: 1.1rem;
	columns: 2;
	column-gap: 1.6rem;
	font-size: 14.5px;
}

.pa-isi-daftar li {
	margin-bottom: 0.25em;
	break-inside: avoid;
}

.pa-isi-daftar a {
	color: #e7eaf0;
}

.pa-isi-daftar a:hover {
	color: #fff;
}

/* Catatan & kutipan */

.pa-catatan {
	margin: 18px 0;
	padding: 13px 16px;
	background: #fff8e8;
	border: 1px solid #ecd9a8;
	border-radius: var(--pa-sudut);
}

.pa-catatan-judul {
	display: block;
	font-size: 11.5px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #8a6412;
	margin-bottom: 4px;
}

.pa-catatan p {
	margin: 0;
	font-size: 15.5px;
}

.pa-kutip {
	margin: 20px 0;
	padding: 4px 0 4px 18px;
	border-left: 4px solid var(--pa-ink);
	font-size: 18px;
	color: #2c3140;
}

.pa-kutip p {
	margin: 0;
}

/* Definisi */

.pa-definisi {
	margin: 0 0 1.1em;
	border-top: 1px solid var(--pa-garis-2);
}

.pa-definisi dt {
	font-weight: 700;
	color: var(--pa-ink);
	padding-top: 10px;
}

.pa-definisi dd {
	margin: 0 0 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--pa-garis-2);
	color: var(--pa-teks-2);
}

/* Tabel */

.pa-tabel-bungkus {
	margin: 18px 0;
	overflow-x: auto;
}

.pa-tabel {
	width: 100%;
	border-collapse: collapse;
	font-size: 15px;
	background: var(--pa-kertas);
}

.pa-tabel caption {
	display: block;
	caption-side: top;
	text-align: left;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--pa-teks-3);
	padding-bottom: 7px;
}

.pa-tabel th,
.pa-tabel td {
	border: 1px solid var(--pa-garis);
	padding: 8px 11px;
	text-align: left;
	vertical-align: top;
}

.pa-tabel thead th {
	background: var(--pa-ink);
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	border-color: var(--pa-ink);
}

.pa-tabel tbody th {
	font-weight: 700;
	color: var(--pa-ink);
	background: #f7f9fc;
}

.pa-tabel tbody tr:nth-child(even) td {
	background: #fbfcfe;
}

.pa-tabel-rapat th,
.pa-tabel-rapat td {
	padding: 6px 9px;
	font-size: 14px;
}

/* Kartu kecil di dalam isi */

.pa-kartu-blok {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	margin: 18px 0;
}

.pa-kartu-kecil {
	border: 1px solid var(--pa-garis);
	border-top: 3px solid var(--pa-ink);
	padding: 12px 14px;
	border-radius: var(--pa-sudut);
	background: #fbfcfe;
}

.pa-kartu-kecil-judul {
	display: block;
	font-size: 15.5px;
	color: var(--pa-ink);
	margin-bottom: 4px;
}

.pa-kartu-kecil p {
	margin: 0;
	font-size: 14.5px;
	color: var(--pa-teks-2);
}

/* FAQ */

.pa-faq {
	border-top: 1px solid var(--pa-garis-2);
}

.pa-faq-butir {
	border-bottom: 1px solid var(--pa-garis-2);
}

.pa-faq-butir summary {
	cursor: pointer;
	padding: 12px 0 12px 26px;
	font-weight: 700;
	color: var(--pa-ink);
	position: relative;
	list-style: none;
}

.pa-faq-butir summary::-webkit-details-marker {
	display: none;
}

.pa-faq-butir summary::before {
	content: "+";
	position: absolute;
	left: 0;
	top: 10px;
	width: 18px;
	height: 18px;
	background: var(--pa-merah);
	color: #fff;
	font: 700 13px/18px var(--pa-huruf-angka);
	text-align: center;
	border-radius: var(--pa-sudut);
}

.pa-faq-butir[open] summary::before {
	content: "\2013";
	background: var(--pa-ink);
}

.pa-faq-jawab {
	padding: 0 0 12px 26px;
}

.pa-faq-jawab p {
	margin: 0;
	color: var(--pa-teks-2);
}

/* Baca lanjut */

.pa-terkait {
	margin-top: 34px;
	border-top: 2px solid var(--pa-ink);
	padding-top: 16px;
}

.pa-terkait-judul {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: var(--pa-teks-3);
	margin-bottom: 12px;
}

.pa-terkait-daftar {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.pa-terkait-daftar a {
	display: block;
	border: 1px solid var(--pa-garis);
	border-radius: var(--pa-sudut);
	padding: 11px 13px;
	background: #fbfcfe;
}

.pa-terkait-daftar a:hover {
	border-color: var(--pa-merah);
	background: var(--pa-merah-pucat);
	text-decoration: none;
}

.pa-terkait-label {
	display: block;
	font-size: 10.5px;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: var(--pa-merah);
	font-weight: 800;
}

.pa-terkait-nama {
	display: block;
	font-weight: 700;
	color: var(--pa-ink);
	margin-top: 3px;
}

/* ---------- Glosarium ---------- */

.pa-abjad {
	margin: 18px 0 10px;
	padding: 12px 14px;
	background: var(--pa-ink);
	border-radius: var(--pa-sudut);
}

.pa-abjad-judul {
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	color: #99a2b4;
	margin-bottom: 8px;
}

.pa-abjad ul {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.pa-abjad a,
.pa-abjad-kosong {
	display: inline-block;
	min-width: 29px;
	padding: 4px 0;
	text-align: center;
	font: 700 13px/1.2 var(--pa-huruf-angka);
	border-radius: var(--pa-sudut);
}

.pa-abjad a {
	background: #2b313e;
	color: #e7eaf0;
}

.pa-abjad a:hover {
	background: var(--pa-merah);
	color: #fff;
	text-decoration: none;
}

.pa-abjad-kosong {
	background: #1c212b;
	color: #555d6c;
}

.pa-glosarium-blok {
	margin-top: 22px;
	scroll-margin-top: 1rem;
}

.pa-glosarium-huruf {
	font-size: 15px;
	letter-spacing: 0.1em;
	color: #fff;
	background: var(--pa-ink-3);
	display: inline-block;
	min-width: 38px;
	text-align: center;
	padding: 4px 0;
	border-radius: var(--pa-sudut);
	margin-bottom: 8px;
}

.pa-glosarium-daftar dt {
	scroll-margin-top: 1rem;
}

/* ---------- Sebelumnya / berikutnya ---------- */

.pa-tetangga {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	margin-top: 26px;
	padding-top: 16px;
	border-top: 1px solid var(--pa-garis-2);
}

.pa-tetangga-taut {
	display: block;
	border: 1px solid var(--pa-garis);
	border-radius: var(--pa-sudut);
	padding: 11px 14px;
	background: #fbfcfe;
}

.pa-tetangga-taut:hover {
	border-color: var(--pa-merah);
	background: var(--pa-merah-pucat);
	text-decoration: none;
}

.pa-tetangga-maju {
	text-align: right;
}

.pa-tetangga-label {
	display: block;
	font-size: 10.5px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: var(--pa-teks-3);
}

.pa-tetangga-nama {
	display: block;
	font-weight: 700;
	color: var(--pa-ink);
	margin-top: 3px;
}

/* ---------- Peta situs untuk pembaca ---------- */

.pa-peta {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
	margin-top: 16px;
}

.pa-peta-blok {
	border: 1px solid var(--pa-garis);
	border-top: 3px solid var(--pa-ink);
	border-radius: var(--pa-sudut);
	padding: 13px 15px 15px;
	background: #fbfcfe;
}

.pa-peta-judul {
	font-size: 17px;
	margin-bottom: 4px;
}

.pa-peta-ringkas {
	margin: 0 0 10px;
	font-size: 13.5px;
	color: var(--pa-teks-2);
}

.pa-peta-daftar {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pa-peta-daftar li {
	padding: 7px 0;
	border-bottom: 1px solid var(--pa-garis-2);
}

.pa-peta-daftar li:last-child {
	border-bottom: 0;
}

.pa-peta-daftar a {
	font-weight: 700;
}

.pa-peta-teks {
	display: block;
	font-size: 13px;
	color: var(--pa-teks-2);
	margin-top: 2px;
}

/* ---------- Kartu & indeks ---------- */

.pa-indeks {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(auto-fit, minmax(258px, 1fr));
	margin-top: 22px;
}

.pa-indeks-butir {
	border: 1px solid var(--pa-garis);
	border-radius: var(--pa-sudut);
	padding: 14px 16px 16px;
	background: var(--pa-kertas);
	display: flex;
	flex-direction: column;
}

.pa-indeks-butir:hover {
	border-color: #bcc4d0;
	box-shadow: 0 6px 18px rgba(20, 22, 29, 0.07);
}

.pa-indeks-label {
	display: inline-block;
	font-size: 10.5px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: var(--pa-merah);
	margin-bottom: 6px;
}

.pa-indeks-taut {
	color: inherit;
}

.pa-indeks-taut:hover {
	text-decoration: none;
}

.pa-indeks-judul {
	font-size: 19px;
	margin: 0;
}

.pa-indeks-taut:hover .pa-indeks-judul {
	color: var(--pa-merah);
}

.pa-indeks-teks {
	margin: 8px 0 0;
	font-size: 14.5px;
	color: var(--pa-teks-2);
}

.pa-indeks-fakta {
	margin: 10px 0 0;
	padding-top: 9px;
	border-top: 1px solid var(--pa-garis-2);
	font-size: 13px;
	color: var(--pa-teks-2);
}

.pa-indeks-fakta span {
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-weight: 800;
	color: var(--pa-ink);
	font-size: 11px;
	margin-right: 6px;
}

.pa-kosong {
	color: var(--pa-teks-2);
}

/* ---------- Beranda ---------- */

/* Spanduk selebar bingkai situs (1280px), bukan selebar layar */
.pa-spanduk-bungkus {
	padding-top: 24px;
}

.pa-spanduk {
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #0b0c11;
	border: 1px solid var(--pa-garis);
	border-bottom: 3px solid var(--pa-merah);
	border-radius: var(--pa-sudut);
	line-height: 0;
}

.pa-spanduk img {
	display: block;
	width: 100%;
	height: auto;
	/* Gambar 3:1 pada bingkai 1280px setinggi ±420px; dibatasi supaya isi
	   halaman tetap terlihat tanpa menggulir. */
	max-height: 400px;
	object-fit: cover;
	object-position: center;
}

/* Beranda: jarak atas sudah dari pembungkus spanduk */
.pa-spanduk-bungkus + .pa-utama {
	padding-top: 16px;
}

@media (max-width: 680px) {
	.pa-spanduk img {
		max-height: 44vw;
	}
}

.pa-depan-kepala {
	border-bottom: 1px solid var(--pa-garis-2);
	padding-bottom: 16px;
}

.pa-depan-judul {
	font-size: clamp(27px, 3.9vw, 37px);
}

.pa-depan-pengantar {
	margin-top: 12px;
	font-size: 17px;
	color: var(--pa-teks-2);
	max-width: 70ch;
}

.pa-depan-pengantar p:last-child {
	margin-bottom: 0;
}

.pa-sorotan {
	display: grid;
	gap: 18px;
	margin-top: 24px;
	grid-template-columns: minmax(0, 1fr);
}

.pa-sorotan-besar {
	background: var(--pa-ink);
	color: #e9ecf2;
	padding: 22px 24px 24px;
	border-radius: var(--pa-sudut);
	border-left: 4px solid var(--pa-merah);
}

.pa-sorotan-besar .pa-label {
	background: rgba(226, 58, 71, 0.16);
	color: #ff8a93;
}

.pa-sorotan-judul {
	font-size: clamp(23px, 3vw, 30px);
	margin: 12px 0 0;
	color: #fff;
}

.pa-sorotan-judul a {
	color: #fff;
}

.pa-sorotan-judul a:hover {
	color: #ff8a93;
	text-decoration: none;
}

.pa-sorotan-teks {
	margin: 10px 0 0;
	color: #b9c0cd;
	font-size: 16px;
}

.pa-sorotan-fakta {
	list-style: none;
	margin: 16px 0 0;
	padding: 0;
	display: grid;
	gap: 1px;
	background: #2b303c;
	border: 1px solid #2b303c;
	border-radius: var(--pa-sudut);
}

.pa-sorotan-fakta li {
	background: #1a1e27;
	padding: 7px 11px;
	font-size: 14px;
	color: #d3d8e2;
}

.pa-sorotan-fakta span {
	display: inline-block;
	min-width: 118px;
	font-size: 10.5px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #8e97a9;
	font-weight: 800;
	margin-right: 8px;
}

.pa-tombol {
	display: inline-block;
	margin-top: 18px;
	background: var(--pa-merah);
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	padding: 0.62rem 1.1rem;
	border-radius: var(--pa-sudut);
}

.pa-tombol:hover {
	background: var(--pa-merah-2);
	text-decoration: none;
}

.pa-sorotan-sisa {
	display: grid;
	gap: 12px;
}

.pa-sorotan-kecil {
	border: 1px solid var(--pa-garis);
	border-top: 3px solid var(--pa-ink);
	border-radius: var(--pa-sudut);
	padding: 13px 15px;
	background: #fbfcfe;
}

.pa-sorotan-kecil-judul {
	font-size: 17px;
	margin: 6px 0 0;
}

.pa-sorotan-kecil p {
	margin: 6px 0 0;
	font-size: 14px;
	color: var(--pa-teks-2);
}

.pa-blok-kepala {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
	border-bottom: 2px solid var(--pa-ink);
	padding-bottom: 8px;
	position: relative;
}

.pa-blok-kepala::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 58px;
	height: 2px;
	background: var(--pa-merah);
}

.pa-blok-judul {
	font-size: 22px;
}

.pa-blok-judul a {
	color: inherit;
}

.pa-blok-lanjut {
	font-size: 11.5px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--pa-merah);
	white-space: nowrap;
}

.pa-blok-ringkas {
	margin: 12px 0 0;
	color: var(--pa-teks-2);
	font-size: 15px;
	max-width: 74ch;
}

.pa-depan-peringkat,
.pa-depan-blok {
	margin-top: 34px;
}

.pa-depan-grid {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(auto-fit, minmax(236px, 1fr));
	margin-top: 14px;
}

.pa-ubin {
	border: 1px solid var(--pa-garis);
	border-radius: var(--pa-sudut);
	padding: 12px 14px;
	background: var(--pa-kertas);
}

.pa-ubin:hover {
	border-color: var(--pa-merah);
}

.pa-ubin-judul {
	font-size: 16.5px;
}

.pa-ubin-judul a {
	color: var(--pa-ink);
}

.pa-ubin-judul a:hover {
	color: var(--pa-merah);
	text-decoration: none;
}

.pa-ubin-teks {
	margin: 6px 0 0;
	font-size: 14px;
	color: var(--pa-teks-2);
}

.pa-depan-isi {
	margin-top: 10px;
}

/* ---------- Kartu remi & peringkat ---------- */

.pa-kartu-deret {
	display: inline-flex;
	gap: 4px;
	vertical-align: middle;
}

.pa-kartu {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 38px;
	background: #fff;
	border: 1px solid #c3cad6;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(20, 22, 29, 0.12);
	font-family: var(--pa-huruf-angka);
	line-height: 1;
}

.pa-kartu-nilai {
	font-size: 13px;
	font-weight: 800;
}

.pa-kartu-suit {
	font-size: 12px;
	margin-top: 1px;
}

.pa-kartu-hitam {
	color: #15171e;
}

.pa-kartu-merah {
	color: #c21d2c;
}

.pa-peringkat {
	margin-top: 14px;
	border: 1px solid var(--pa-garis);
	border-radius: var(--pa-sudut);
	overflow: hidden;
}

.pa-peringkat-baris {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr) auto;
	gap: 12px;
	align-items: center;
	padding: 10px 14px;
	border-bottom: 1px solid var(--pa-garis-2);
	background: var(--pa-kertas);
	scroll-margin-top: 1rem;
}

.pa-peringkat-baris:last-child {
	border-bottom: 0;
}

.pa-peringkat-baris:nth-child(even) {
	background: #fafbfd;
}

.pa-peringkat-nomor {
	font: 800 15px/1 var(--pa-huruf-angka);
	color: var(--pa-teks-3);
	text-align: center;
}

.pa-peringkat-utama {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 14px;
	min-width: 0;
}

.pa-peringkat-nama {
	font-size: 16.5px;
	color: var(--pa-ink);
	min-width: 155px;
}

.pa-peringkat-teks {
	flex: 1 1 100%;
	margin: 0;
	font-size: 14px;
	color: var(--pa-teks-2);
}

.pa-peringkat-angka {
	text-align: right;
	white-space: nowrap;
}

.pa-peringkat-persen {
	display: block;
	font: 800 15px/1.2 var(--pa-huruf-angka);
	color: var(--pa-merah);
}

.pa-peringkat-kombinasi {
	display: block;
	font-size: 11px;
	color: var(--pa-teks-3);
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.pa-peringkat-ringkas .pa-peringkat-baris {
	padding: 7px 14px;
}

.pa-sumber {
	margin: 10px 0 0;
	font-size: 12.5px;
	color: var(--pa-teks-3);
}

/* ---------- Sisi halaman ---------- */

.pa-sisi {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.pa-kotak {
	background: var(--pa-kertas);
	border: 1px solid var(--pa-garis);
	border-radius: var(--pa-sudut);
}

.pa-kotak-judul {
	font-size: 12.5px;
	text-transform: uppercase;
	letter-spacing: 0.11em;
	color: #fff;
	background: var(--pa-ink);
	padding: 9px 14px;
	border-bottom: 2px solid var(--pa-merah);
}

.pa-kotak-isi {
	padding: 12px 14px 14px;
}

.pa-kotak-daftar {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 14.5px;
}

.pa-kotak-daftar li {
	border-bottom: 1px solid var(--pa-garis-2);
}

.pa-kotak-daftar li:last-child {
	border-bottom: 0;
}

.pa-kotak-daftar a,
.pa-kotak-daftar span {
	display: block;
	padding: 7px 0 7px 14px;
	position: relative;
	color: var(--pa-teks);
}

.pa-kotak-daftar a::before,
.pa-kotak-daftar span::before {
	content: "";
	position: absolute;
	left: 0;
	top: 15px;
	width: 6px;
	height: 2px;
	background: var(--pa-merah);
}

.pa-kotak-daftar a:hover {
	color: var(--pa-merah);
	text-decoration: none;
}

.pa-kotak-daftar .pa-ini span {
	font-weight: 700;
	color: var(--pa-merah);
}

.pa-kotak-lanjut {
	display: inline-block;
	margin-top: 10px;
	font-size: 11.5px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--pa-merah);
}

.pa-sisi-peringkat {
	list-style: none;
	margin: 0;
	padding: 0;
	counter-reset: pa-sisi;
	font-size: 14px;
}

.pa-sisi-peringkat li {
	display: flex;
	justify-content: space-between;
	gap: 8px;
	padding: 5px 0;
	border-bottom: 1px dotted var(--pa-garis);
	counter-increment: pa-sisi;
}

.pa-sisi-peringkat li:last-child {
	border-bottom: 0;
}

.pa-sisi-peringkat-nama::before {
	content: counter(pa-sisi) ".";
	display: inline-block;
	min-width: 18px;
	color: var(--pa-teks-3);
	font-weight: 700;
}

.pa-sisi-peringkat-angka {
	font-family: var(--pa-huruf-angka);
	font-weight: 700;
	color: var(--pa-teks-2);
	white-space: nowrap;
}

.pa-sisi-angka {
	margin: 0;
}

.pa-sisi-angka-baris {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	padding: 6px 0;
	border-bottom: 1px dotted var(--pa-garis);
	font-size: 14px;
}

.pa-sisi-angka-baris:last-child {
	border-bottom: 0;
}

.pa-sisi-angka dt {
	color: var(--pa-teks-2);
}

.pa-sisi-angka dd {
	margin: 0;
	font-family: var(--pa-huruf-angka);
	font-weight: 800;
	color: var(--pa-ink);
	white-space: nowrap;
}

.pa-sisi-posisi {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 14px;
}

.pa-sisi-posisi li {
	display: flex;
	gap: 10px;
	align-items: center;
	padding: 5px 0;
	border-bottom: 1px dotted var(--pa-garis);
}

.pa-sisi-posisi li:last-child {
	border-bottom: 0;
}

.pa-sisi-kode {
	flex: 0 0 48px;
	font: 800 11.5px/1 var(--pa-huruf-angka);
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #fff;
	background: var(--pa-ink-3);
	padding: 4px 0;
	text-align: center;
	border-radius: var(--pa-sudut);
}

/* ---------- Kaki ---------- */

.pa-kaki {
	background: var(--pa-ink);
	color: #aeb6c4;
	margin-top: 10px;
	border-top: 3px solid var(--pa-merah);
	font-size: 14px;
}

.pa-kaki-atas {
	display: grid;
	gap: 26px;
	grid-template-columns: minmax(0, 1fr);
	padding: 32px 0 26px;
}

.pa-kaki-teks {
	margin: 12px 0 0;
	max-width: 46ch;
	color: #9aa3b3;
	font-size: 13.5px;
}

.pa-kaki-judul {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: #fff;
	margin-bottom: 10px;
}

.pa-kaki-judul a {
	color: #fff;
}

.pa-kaki-kolom ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pa-kaki-kolom li {
	margin-bottom: 5px;
}

.pa-kaki-kolom a,
.pa-kaki-tunggal a {
	color: #aeb6c4;
	font-size: 13.5px;
}

.pa-kaki-kolom a:hover,
.pa-kaki-tunggal a:hover {
	color: #fff;
}

.pa-kaki-bawah {
	border-top: 1px solid #262b36;
	padding: 16px 0 26px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 22px;
}

.pa-kaki-hak {
	margin: 0;
	font-size: 13px;
	color: #8e97a8;
}

.pa-kaki-tunggal {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* ---------- Penomoran halaman ---------- */

.pagination {
	margin-top: 26px;
	font-size: 14px;
}

.pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.pagination .page-numbers {
	display: inline-block;
	padding: 6px 11px;
	border: 1px solid var(--pa-garis);
	border-radius: var(--pa-sudut);
	color: var(--pa-teks);
}

.pagination .page-numbers.current {
	background: var(--pa-ink);
	border-color: var(--pa-ink);
	color: #fff;
	font-weight: 700;
}

/* ---------- Layar lebar ---------- */

@media (min-width: 1041px) {
	.pa-utama {
		grid-template-columns: minmax(0, 1fr) 330px;
	}

	.pa-sorotan {
		grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
	}

	.pa-kaki-atas {
		grid-template-columns: 1.5fr repeat(4, 1fr);
	}

	.pa-isi-daftar ol {
		columns: 2;
	}

	.pa-kotak-akhir {
		position: sticky;
		top: 16px;
	}
}

@media (min-width: 681px) and (max-width: 1040px) {
	.pa-kaki-atas {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.pa-sorotan-sisa {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* ---------- Layar sempit ---------- */

@media (max-width: 1040px) {
	.pa-nav-isi {
		flex-direction: column;
		align-items: stretch;
	}

	.pa-nav-tombol {
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 0.72rem 0;
		color: #e6e9ef;
		font-size: 13px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		cursor: pointer;
	}

	.pa-nav-garis {
		position: relative;
		display: block;
		width: 20px;
		height: 2px;
		background: #e6e9ef;
	}

	.pa-nav-garis::before,
	.pa-nav-garis::after {
		content: "";
		position: absolute;
		left: 0;
		width: 20px;
		height: 2px;
		background: #e6e9ef;
	}

	.pa-nav-garis::before {
		top: -6px;
	}

	.pa-nav-garis::after {
		top: 6px;
	}

	.pa-nav-daftar {
		display: none;
		flex-direction: column;
		padding-bottom: 8px;
	}

	.pa-nav-saklar:checked ~ .pa-nav-daftar {
		display: flex;
	}

	.pa-nav-daftar > li > a {
		padding: 0.6rem 0;
		border-bottom: 1px solid #3a4150;
	}

	.pa-nav-daftar .sub-menu {
		position: static;
		display: block;
		box-shadow: none;
		border: 0;
		background: transparent;
		padding: 4px 0 8px 14px;
	}

	.pa-nav-daftar .sub-menu a {
		color: #b7bfcd;
		padding: 4px 0;
		font-size: 13.5px;
	}

	.pa-nav-daftar .sub-menu a:hover {
		background: transparent;
		color: #fff;
	}
}

@media (max-width: 880px) {
	.pa-kepala-isi {
		flex-wrap: wrap;
	}

	.pa-cari {
		width: 100%;
	}

	.pa-cari-kolom {
		flex: 1 1 auto;
		min-width: 0;
	}

	.pa-strip-teks {
		display: none;
	}
}

@media (max-width: 680px) {
	body {
		font-size: 16px;
	}

	.pa-kolom {
		padding: 18px 16px 22px;
	}

	.pa-isi-daftar ol {
		columns: 1;
	}

	.pa-fakta-baris {
		flex-direction: column;
		gap: 2px;
	}

	.pa-fakta dt {
		flex: none;
	}

	.pa-peringkat-baris {
		grid-template-columns: 26px minmax(0, 1fr);
		row-gap: 6px;
	}

	.pa-peringkat-angka {
		grid-column: 2;
		text-align: left;
	}

	.pa-peringkat-nama {
		min-width: 0;
		flex: 1 1 100%;
	}

	/* Tabel lebar jadi kartu bertumpuk */
	.pa-tumpuk thead {
		display: none;
	}

	.pa-tumpuk tbody tr {
		display: block;
		margin-bottom: 10px;
		border: 1px solid var(--pa-garis);
		border-left: 3px solid var(--pa-merah);
	}

	.pa-tumpuk tbody th,
	.pa-tumpuk tbody td {
		display: block;
		border: 0;
		border-bottom: 1px solid var(--pa-garis-2);
		padding: 7px 11px;
		background: transparent !important;
	}

	.pa-tumpuk tbody td::before {
		content: attr(data-label);
		display: block;
		font-size: 10.5px;
		text-transform: uppercase;
		letter-spacing: 0.08em;
		color: var(--pa-teks-3);
		font-weight: 800;
		margin-bottom: 2px;
	}

	.pa-tumpuk tbody tr > *:last-child {
		border-bottom: 0;
	}
}

@media print {
	.pa-strip,
	.pa-nav,
	.pa-sisi,
	.pa-cari,
	.pa-kaki-atas {
		display: none;
	}

	body {
		background: #fff;
	}

	.pa-kolom {
		border: 0;
		padding: 0;
	}
}