/*
Theme Name: MgKomik
Description: Tema baca komik bergaya majalah untuk MgKomik.
Version: 1.0
*/
[hidden]{display:none!important}

/* =========================================================
 * MgKomik — gaya majalah cetak.
 * Identitas: kertas krem hangat, tinta gelap, aksen terakota.
 * Bentuk: sorotan besar di atas, grid bertingkat di bawah,
 * kolom editorial bernomor, kop + pita edisi ala majalah.
 * Mobile-first; target sentuh minimal 44x44px.
 * ========================================================= */

:root{
	--mgk-kertas:#f4eee2;
	--mgk-kertas-2:#eae1cd;
	--mgk-putih:#fffdf7;
	--mgk-tinta:#241f18;
	--mgk-tinta-2:#6d6252;
	--mgk-aksen:#b23c17;
	--mgk-aksen-tua:#8c2f10;
	--mgk-garis:#d9cdb5;
	--mgk-serif:Georgia,"Times New Roman",serif;
	--mgk-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.mgk-badan{
	margin:0;
	background:var(--mgk-kertas);
	color:var(--mgk-tinta);
	font-family:var(--mgk-sans);
	font-size:15px;
	line-height:1.55;
}
img{max-width:100%;height:auto;border:0}
a{color:var(--mgk-aksen-tua)}
a:hover{color:var(--mgk-aksen)}

/* Jarak halaman ditaruh di elemen tema sendiri —
 * body{padding} kalah dari global-styles bawaan WP. */
.mgk-wadah{max-width:1140px;margin:0 auto;padding-left:14px;padding-right:14px}
.mgk-utama{display:block;padding:18px 0 40px}

/* Teks pembaca layar (paginasi inti WP mencetak h2.screen-reader-text) */
.screen-reader-text{
	position:absolute!important;
	width:1px;height:1px;
	margin:-1px;padding:0;border:0;
	clip:rect(0 0 0 0);clip-path:inset(50%);
	overflow:hidden;white-space:nowrap;
}

/* ---------- Tautan lompat ---------- */
.mgk-lompat{
	position:absolute;left:-9999px;top:0;
	background:var(--mgk-tinta);color:var(--mgk-kertas);
	padding:12px 18px;z-index:200;text-decoration:none;
}
.mgk-lompat:focus{left:0;color:var(--mgk-kertas)}

/* ---------- Pita edisi ---------- */
.mgk-pita{background:var(--mgk-tinta);color:var(--mgk-kertas)}
.mgk-pita-isi{
	display:flex;justify-content:space-between;align-items:center;
	gap:10px;min-height:30px;
	font-size:11px;letter-spacing:.08em;text-transform:uppercase;
}
.mgk-pita-teks{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mgk-pita-tanggal{flex:none;color:#d8cbb2}

/* ---------- Kop majalah ---------- */
.mgk-kepala{
	background:var(--mgk-kertas);
	border-bottom:3px double var(--mgk-tinta);
}
.mgk-kepala-baris{
	display:flex;align-items:center;gap:14px;
	padding-top:14px;padding-bottom:12px;
	flex-wrap:wrap;
}
.mgk-logo{flex:none}
.mgk-logo a{
	display:inline-flex;align-items:center;min-height:44px;
	font-family:var(--mgk-serif);font-size:30px;font-weight:700;
	letter-spacing:-.02em;color:var(--mgk-tinta);text-decoration:none;
}
.mgk-logo em{font-style:italic;color:var(--mgk-aksen)}
.mgk-logo-titik{color:var(--mgk-aksen)}

/* Kotak cari dalam flex: basis WAJIB 0 + min-width:0 */
.mgk-cari{
	display:flex;flex:1 1 0;min-width:0;
	border:2px solid var(--mgk-tinta);background:var(--mgk-putih);
}
.mgk-cari-input{
	flex:1 1 0;min-width:0;
	border:0;background:transparent;
	padding:10px 12px;min-height:44px;
	font:inherit;font-size:14px;color:var(--mgk-tinta);
}
.mgk-cari-input:focus{outline:2px solid var(--mgk-aksen);outline-offset:-2px}
.mgk-cari-tombol{
	flex:none;border:0;cursor:pointer;
	min-height:44px;min-width:64px;padding:0 16px;
	background:var(--mgk-tinta);color:var(--mgk-kertas);
	font:inherit;font-size:13px;letter-spacing:.06em;text-transform:uppercase;
}
.mgk-cari-tombol:hover{background:var(--mgk-aksen-tua)}

/* ---------- Navigasi genre ---------- */
.mgk-nav{border-top:1px solid var(--mgk-garis)}
.mgk-nav-baris{
	display:flex;gap:2px;
	overflow-x:auto;-webkit-overflow-scrolling:touch;
	scrollbar-width:none;
}
.mgk-nav-baris::-webkit-scrollbar{display:none}
.mgk-nav-taut{
	display:inline-flex;align-items:center;
	min-height:44px;padding:0 13px;
	white-space:nowrap;text-decoration:none;
	font-size:13px;font-weight:600;letter-spacing:.03em;
	color:var(--mgk-tinta-2);
	border-bottom:3px solid transparent;
}
.mgk-nav-taut:hover{color:var(--mgk-tinta)}
.mgk-nav-aktif{color:var(--mgk-tinta);border-bottom-color:var(--mgk-aksen)}

/* ---------- Masthead / H1 ---------- */
.mgk-masthead{padding:10px 0 18px;border-bottom:1px solid var(--mgk-garis);margin-bottom:20px}
.mgk-h1{
	margin:0;
	font-family:var(--mgk-serif);font-size:24px;line-height:1.25;
	font-weight:700;letter-spacing:-.01em;
}
.mgk-h1-bawah{margin:6px 0 0;color:var(--mgk-tinta-2);font-size:13px}

/* ---------- Label kecil ala rubrik ---------- */
.mgk-label{
	display:inline-block;
	background:var(--mgk-aksen);color:var(--mgk-putih);
	font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
	padding:3px 8px;margin-bottom:8px;
}

/* ---------- Sorotan edisi (hero) ---------- */
.mgk-sorot{
	display:grid;grid-template-columns:118px 1fr;gap:16px;
	background:var(--mgk-putih);
	border:1px solid var(--mgk-garis);
	border-top:4px solid var(--mgk-aksen);
	padding:16px;margin-bottom:26px;
	box-shadow:0 1px 0 var(--mgk-garis);
}
.mgk-sorot-poster a{display:block}
.mgk-sorot-poster img,
.mgk-sorot-poster .mgk-poster-kosong{
	width:100%;aspect-ratio:7/10;object-fit:cover;display:block;
	border:1px solid var(--mgk-garis);
}
.mgk-sorot-isi{min-width:0}
.mgk-sorot-judul{margin:0 0 6px}
.mgk-sorot-judul a{
	font-family:var(--mgk-serif);font-size:22px;line-height:1.2;font-weight:700;
	color:var(--mgk-tinta);text-decoration:none;
}
.mgk-sorot-judul a:hover{color:var(--mgk-aksen-tua)}
.mgk-sorot-meta{font-size:12px;color:var(--mgk-tinta-2);letter-spacing:.02em;margin-bottom:8px}
.mgk-sorot-ringkas{margin:0 0 12px;font-size:13px;color:var(--mgk-tinta);display:none}
.mgk-sorot-aksi{display:flex;flex-wrap:wrap;gap:8px}

/* ---------- Tombol ---------- */
.mgk-tombol{
	display:inline-flex;align-items:center;justify-content:center;
	min-height:44px;min-width:44px;padding:0 18px;
	background:var(--mgk-aksen);color:var(--mgk-putih);
	font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
	text-decoration:none;border:2px solid var(--mgk-aksen);
}
.mgk-tombol:hover{background:var(--mgk-aksen-tua);border-color:var(--mgk-aksen-tua);color:var(--mgk-putih)}
.mgk-tombol-garis{background:transparent;color:var(--mgk-aksen-tua)}
.mgk-tombol-garis:hover{background:var(--mgk-aksen);color:var(--mgk-putih)}

/* ---------- Kepala seksi ala rubrik majalah ---------- */
.mgk-seksi{margin-bottom:32px}
.mgk-seksi-kepala{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.mgk-seksi-judul{
	margin:0;flex:none;
	font-family:var(--mgk-serif);font-size:19px;font-weight:700;
	letter-spacing:-.01em;
	border-left:5px solid var(--mgk-aksen);padding-left:10px;
}
.mgk-seksi-garis{flex:1 1 0;height:1px;background:var(--mgk-garis)}

/* ---------- Grid kartu bertingkat ---------- */
.mgk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mgk-kartu{
	display:block;min-width:0;
	color:var(--mgk-tinta);text-decoration:none;
	background:var(--mgk-putih);
	border:1px solid var(--mgk-garis);
}
.mgk-kartu:hover{border-color:var(--mgk-aksen);color:var(--mgk-tinta)}
.mgk-kartu-poster{
	position:relative;overflow:hidden;
	aspect-ratio:7/10;background:var(--mgk-kertas-2);
}
.mgk-kartu-poster img{width:100%;height:100%;object-fit:cover;display:block}
.mgk-poster-kosong{
	width:100%;height:100%;min-height:80px;
	display:flex;align-items:center;justify-content:center;
	background:var(--mgk-kertas-2);color:var(--mgk-tinta-2);
	font-family:var(--mgk-serif);font-size:34px;font-weight:700;
	aspect-ratio:7/10;
}
.mgk-kartu-lencana{
	position:absolute;left:0;bottom:0;
	background:var(--mgk-aksen);color:var(--mgk-putih);
	font-size:11px;font-weight:700;padding:2px 7px;
}
.mgk-kartu-jenis{
	position:absolute;right:0;top:0;
	background:rgba(36,31,24,.85);color:var(--mgk-kertas);
	font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
	padding:2px 6px;
}
.mgk-kartu-isi{padding:8px 9px 10px}
.mgk-kartu-judul{
	font-size:12.5px;font-weight:700;line-height:1.3;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
	min-height:2.6em;
}
.mgk-kartu-waktu{margin-top:4px;font-size:11px;color:var(--mgk-tinta-2)}
.mgk-kartu-ringkas{
	margin-top:6px;font-size:12px;color:var(--mgk-tinta-2);line-height:1.45;
	display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}

/* Tingkat pertama grid: kartu besar melebar + tampil ringkasan.
 * Di ponsel jadi kartu mendatar selebar baris (poster kiri, teks kanan). */
.mgk-kartu-besar{
	grid-column:1/-1;
	display:grid;grid-template-columns:92px 1fr;
	border-left:4px solid var(--mgk-aksen);
}
.mgk-kartu-besar .mgk-kartu-poster{aspect-ratio:auto;height:100%;min-height:126px}
.mgk-kartu-besar .mgk-poster-kosong{aspect-ratio:auto;height:100%}
.mgk-kartu-besar .mgk-kartu-judul{
	font-family:var(--mgk-serif);font-size:16px;min-height:0;
	-webkit-line-clamp:2;
}

/* ---------- Kolom editorial "Sedang Ramai" ---------- */
.mgk-ramai{margin-top:6px}
.mgk-ramai-kolom{
	display:grid;grid-template-columns:1fr;gap:0;
	background:var(--mgk-putih);border:1px solid var(--mgk-garis);
}
.mgk-ramai-baris{
	display:flex;align-items:center;gap:12px;
	min-height:64px;padding:8px 12px;
	color:var(--mgk-tinta);text-decoration:none;
	border-bottom:1px solid var(--mgk-garis);
}
.mgk-ramai-baris:last-child{border-bottom:0}
.mgk-ramai-baris:hover{background:var(--mgk-kertas)}
.mgk-ramai-no{
	flex:none;width:34px;
	font-family:var(--mgk-serif);font-size:24px;font-weight:700;
	color:var(--mgk-aksen);text-align:center;
}
.mgk-ramai-mini{flex:none;width:40px}
.mgk-ramai-mini img,
.mgk-ramai-mini .mgk-poster-kosong{
	width:40px;height:56px;object-fit:cover;display:block;
	border:1px solid var(--mgk-garis);
	aspect-ratio:auto;font-size:18px;min-height:0;
}
.mgk-ramai-isi{min-width:0}
.mgk-ramai-judul{
	font-size:13.5px;font-weight:700;line-height:1.3;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.mgk-ramai-meta{font-size:11.5px;color:var(--mgk-tinta-2);margin-top:2px}

/* ---------- Awan genre ---------- */
.mgk-genre-awan{display:flex;flex-wrap:wrap;gap:8px}
.mgk-genre-chip{
	display:inline-flex;align-items:center;gap:6px;
	min-height:44px;padding:0 14px;
	background:var(--mgk-putih);color:var(--mgk-tinta);
	border:1px solid var(--mgk-garis);
	font-size:13px;font-weight:600;text-decoration:none;
}
.mgk-genre-chip:hover{border-color:var(--mgk-aksen);color:var(--mgk-aksen-tua)}
.mgk-genre-jumlah{
	font-size:11px;font-weight:700;color:var(--mgk-putih);
	background:var(--mgk-tinta-2);border-radius:9px;padding:1px 7px;
}

/* ---------- Tanya jawab ---------- */
.mgk-faq{max-width:760px}
.mgk-faq-item{
	background:var(--mgk-putih);
	border:1px solid var(--mgk-garis);
	margin-bottom:8px;
}
.mgk-faq-t{
	cursor:pointer;list-style:none;
	display:flex;align-items:center;justify-content:space-between;gap:10px;
	min-height:48px;padding:10px 14px;
	font-family:var(--mgk-serif);font-size:15px;font-weight:700;
}
.mgk-faq-t::-webkit-details-marker{display:none}
.mgk-faq-t::after{content:"+";flex:none;color:var(--mgk-aksen);font-size:20px;font-weight:700}
.mgk-faq-item[open] .mgk-faq-t::after{content:"–"}
.mgk-faq-j{margin:0;padding:0 14px 14px;font-size:14px;color:var(--mgk-tinta-2)}

/* ---------- Blok kosong ---------- */
.mgk-kosong{margin:0 0 14px;color:var(--mgk-tinta-2);font-size:14px}
.mgk-kosong-blok{
	max-width:520px;margin:10px auto 30px;
	background:var(--mgk-putih);border:1px solid var(--mgk-garis);
	border-top:4px solid var(--mgk-aksen);
	padding:22px 18px;
}
.mgk-kosong-aksi{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}

/* ---------- Paginasi (markup inti WP) ---------- */
.mgk-halaman{margin-top:20px}
.mgk-halaman .nav-links{
	display:flex;flex-wrap:wrap;justify-content:center;gap:6px;
}
.mgk-halaman .page-numbers{
	display:inline-flex;align-items:center;justify-content:center;
	min-height:44px;min-width:44px;padding:0 12px;
	background:var(--mgk-putih);color:var(--mgk-tinta);
	border:1px solid var(--mgk-garis);
	font-size:13px;font-weight:700;text-decoration:none;
}
.mgk-halaman a.page-numbers:hover{border-color:var(--mgk-aksen);color:var(--mgk-aksen-tua)}
.mgk-halaman .page-numbers.current{
	background:var(--mgk-tinta);color:var(--mgk-kertas);border-color:var(--mgk-tinta);
}
.mgk-halaman .page-numbers.dots{border-color:transparent;background:transparent;color:var(--mgk-tinta-2)}

/* ---------- Remah jejak ---------- */
.mgk-remah{
	display:flex;flex-wrap:wrap;align-items:center;gap:6px;
	padding:8px 0 14px;font-size:12.5px;color:var(--mgk-tinta-2);
}
.mgk-remah a{color:var(--mgk-tinta-2);text-decoration:none;padding:6px 0;display:inline-flex;align-items:center}
.mgk-remah a:hover{color:var(--mgk-aksen-tua);text-decoration:underline}
.mgk-remah-pisah{color:var(--mgk-garis)}
.mgk-remah-ini{
	color:var(--mgk-tinta);font-weight:600;
	max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

/* ---------- Halaman seri (single) ---------- */
.mgk-seri{margin-bottom:30px}
.mgk-seri-atas{
	display:grid;grid-template-columns:118px 1fr;gap:16px;
	background:var(--mgk-putih);border:1px solid var(--mgk-garis);
	border-top:4px solid var(--mgk-aksen);
	padding:16px;margin-bottom:24px;
}
.mgk-seri-poster img,
.mgk-seri-poster .mgk-poster-kosong{
	width:100%;aspect-ratio:7/10;object-fit:cover;display:block;
	border:1px solid var(--mgk-garis);
}
.mgk-seri-info{min-width:0}
.mgk-seri-judul{
	margin:0 0 4px;
	font-family:var(--mgk-serif);font-size:22px;line-height:1.2;font-weight:700;
}
.mgk-seri-alt{font-size:12.5px;color:var(--mgk-tinta-2);font-style:italic;margin-bottom:10px}
.mgk-seri-data{margin:10px 0}
.mgk-seri-baris{display:flex;gap:8px;padding:5px 0;border-bottom:1px dotted var(--mgk-garis);font-size:13px}
.mgk-seri-baris dt{flex:none;width:92px;font-weight:700;color:var(--mgk-tinta-2)}
.mgk-seri-baris dd{margin:0;min-width:0}
.mgk-seri-genre{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.mgk-seri-aksi{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.mgk-seri-sinopsis{margin-bottom:24px}
.mgk-sinopsis-teks{
	margin:0;font-size:14px;line-height:1.7;
	background:var(--mgk-putih);border:1px solid var(--mgk-garis);
	border-left:4px solid var(--mgk-aksen);
	padding:14px 16px;
}

/* ---------- Daftar bab di halaman seri ---------- */
.mgk-seri-bab{margin-bottom:24px}
.mgk-bab-kepala{
	display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
	gap:10px;margin-bottom:12px;
}
.mgk-bab-saring{
	flex:1 1 0;min-width:0;max-width:260px;
	border:2px solid var(--mgk-tinta);background:var(--mgk-putih);
	padding:9px 12px;min-height:44px;
	font:inherit;font-size:13px;color:var(--mgk-tinta);
}
.mgk-bab-saring:focus{outline:2px solid var(--mgk-aksen);outline-offset:-2px}
.mgk-bab-daftar{
	list-style:none;margin:0;padding:0;
	display:grid;grid-template-columns:repeat(2,1fr);gap:6px;
}
.mgk-bab-item{min-width:0}
.mgk-bab-taut{
	display:flex;align-items:center;justify-content:space-between;gap:8px;
	min-height:44px;padding:6px 12px;
	background:var(--mgk-putih);border:1px solid var(--mgk-garis);
	color:var(--mgk-tinta);text-decoration:none;font-size:13px;
}
.mgk-bab-taut:hover{border-color:var(--mgk-aksen);color:var(--mgk-aksen-tua)}
.mgk-bab-no{font-weight:700;white-space:nowrap}
.mgk-bab-waktu{font-size:11px;color:var(--mgk-tinta-2);white-space:nowrap}

/* ---------- Halaman baca bab ---------- */
.mgk-baca{max-width:860px}
.mgk-baca-judul{
	margin:0 0 6px;
	font-family:var(--mgk-serif);font-size:20px;line-height:1.25;font-weight:700;
}
.mgk-baca-info{font-size:12.5px;color:var(--mgk-tinta-2);margin-bottom:14px}
.mgk-baca-nav{
	display:flex;align-items:stretch;gap:8px;
	margin:14px 0;
}
.mgk-baca-tombol{
	flex:1 1 0;min-width:0;
	display:inline-flex;align-items:center;justify-content:center;
	min-height:44px;padding:0 10px;
	background:var(--mgk-tinta);color:var(--mgk-kertas);
	font-size:13px;font-weight:700;text-decoration:none;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
a.mgk-baca-tombol:hover{background:var(--mgk-aksen-tua);color:var(--mgk-putih)}
.mgk-baca-mati{background:var(--mgk-kertas-2);color:var(--mgk-tinta-2);cursor:default}
.mgk-baca-pilih{
	flex:1 1 0;min-width:0;
	min-height:44px;padding:0 8px;
	border:2px solid var(--mgk-tinta);background:var(--mgk-putih);
	font:inherit;font-size:13px;color:var(--mgk-tinta);
}
.mgk-baca-lembar{
	background:var(--mgk-tinta);
	padding:6px 0;margin:6px -14px;
}
.mgk-baca-gambar{
	display:block;width:100%;max-width:820px;margin:0 auto 4px;
	background:var(--mgk-kertas-2);
	content-visibility:auto;
	contain-intrinsic-size:auto 900px;
}
.mgk-baca-kembali{display:flex;justify-content:center;margin:18px 0}

/* ---------- Laman statis ---------- */
.mgk-laman{
	background:var(--mgk-putih);border:1px solid var(--mgk-garis);
	border-top:4px solid var(--mgk-aksen);
	padding:20px 16px;margin-bottom:30px;
}
.mgk-laman .mgk-h1{margin-bottom:12px}
.mgk-laman-isi{font-size:14.5px;line-height:1.7}
.mgk-laman-isi p{margin:0 0 1em}
.mgk-laman-isi h2,
.mgk-laman-isi h3{font-family:var(--mgk-serif);line-height:1.3;margin:1.4em 0 .5em}
.mgk-laman-isi ul,
.mgk-laman-isi ol{margin:0 0 1em;padding-left:1.4em}
.mgk-laman-isi img{border:1px solid var(--mgk-garis)}

/* ---------- Kaki: kolofon majalah ---------- */
.mgk-kaki{background:var(--mgk-tinta);color:var(--mgk-kertas);margin-top:20px}
.mgk-kaki-kolom{
	display:grid;grid-template-columns:1fr;gap:24px;
	padding-top:30px;padding-bottom:26px;
}
.mgk-kaki-blok{min-width:0}
.mgk-kaki-merek{
	font-family:var(--mgk-serif);font-size:26px;font-weight:700;margin-bottom:8px;
}
.mgk-kaki-merek em{font-style:italic}
.mgk-kaki-merek em,
.mgk-kaki-merek span{color:#e58a63}
.mgk-kaki-teks{margin:0;font-size:13px;color:#c9bda6;line-height:1.6}
.mgk-kaki-judul{
	font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
	color:#e58a63;margin-bottom:10px;
	border-bottom:1px solid #453d31;padding-bottom:6px;
}
.mgk-kaki-taut{display:flex;flex-wrap:wrap;gap:8px}
.mgk-kaki-taut-tegak{flex-direction:column;align-items:flex-start;gap:0}
.mgk-kaki-chip{
	display:inline-flex;align-items:center;
	min-height:36px;padding:0 12px;
	border:1px solid #453d31;color:var(--mgk-kertas);
	font-size:12.5px;text-decoration:none;
}
.mgk-kaki-chip:hover{border-color:#e58a63;color:#e58a63}
.mgk-kaki-nav{
	display:inline-flex;align-items:center;min-height:44px;
	color:var(--mgk-kertas);font-size:13.5px;text-decoration:none;
}
.mgk-kaki-nav:hover{color:#e58a63}
.mgk-kaki-bawah{
	border-top:1px solid #453d31;
	padding:14px 0;font-size:12px;color:#a2937b;
}

/* =========================================================
 * ≥640px — grid merapat, sorot melebar
 * ========================================================= */
@media (min-width:640px){
	.mgk-h1{font-size:30px}
	.mgk-grid{grid-template-columns:repeat(4,1fr);gap:14px}
	.mgk-kartu-besar{
		grid-column:span 2;
		display:block;border-left:1px solid var(--mgk-garis);
		border-top:4px solid var(--mgk-aksen);
	}
	.mgk-kartu-besar .mgk-kartu-poster{aspect-ratio:7/8;height:auto}
	.mgk-kartu-besar .mgk-poster-kosong{aspect-ratio:7/8;height:auto}
	.mgk-sorot{grid-template-columns:190px 1fr;gap:22px;padding:22px}
	.mgk-sorot-judul a{font-size:28px}
	.mgk-sorot-ringkas{display:block}
	.mgk-ramai-kolom{grid-template-columns:repeat(2,1fr)}
	.mgk-ramai-baris:nth-last-child(2){border-bottom:0}
	.mgk-bab-daftar{grid-template-columns:repeat(3,1fr)}
	.mgk-baca-lembar{margin:6px 0}
	.mgk-seri-atas{grid-template-columns:180px 1fr;gap:22px;padding:22px}
	.mgk-seri-judul{font-size:28px}
	.mgk-kaki-kolom{grid-template-columns:1.4fr 1.2fr .8fr;gap:34px}
	.mgk-laman{padding:26px 28px}
}

/* =========================================================
 * ≥960px — susunan majalah penuh
 * ========================================================= */
@media (min-width:960px){
	.mgk-h1{font-size:34px}
	.mgk-grid{grid-template-columns:repeat(6,1fr);gap:16px}
	.mgk-kartu-besar{grid-column:span 2}
	.mgk-sorot{grid-template-columns:240px 1fr;gap:28px}
	.mgk-sorot-judul a{font-size:34px}
	.mgk-ramai-kolom{grid-template-columns:repeat(3,1fr)}
	.mgk-ramai-baris:nth-last-child(3){border-bottom:0}
	.mgk-bab-daftar{grid-template-columns:repeat(4,1fr)}
	.mgk-kartu-judul{font-size:13px}
}