/* ==== goomsite: gaya dasar ==== */
:root{
  --warna-tinta:#121417;--warna-teks:#2a2f38;--warna-abu:#5a6170;--warna-garis:#dfe3ea;
  --warna-merah:#d4221c;--warna-merah-terang:#e82525;--warna-merek:#bf1b16;--warna-laut:#14254a;--warna-laut-2:#1f3564;
  --warna-kabut:#eef2f8;--warna-kertas:#ffffff;--warna-malam:#0e1526;
  --huruf-judul:"Sora",system-ui,sans-serif;--huruf-teks:"Roboto",system-ui,sans-serif;
  --lebar:1260px;--sela:24px
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--warna-kertas);color:var(--warna-teks);font:400 16px/1.6 var(--huruf-teks)}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover .kartu-judul,a.kartu-judul:hover,.naskah a:hover{color:var(--warna-merah)}
.ik{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wadah{max-width:var(--lebar);margin:0 auto;padding:0 var(--sela)}
.tersembunyi{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---- pita atas ---- */
.pita{background:var(--warna-malam);color:#c9d2e3;font-size:13px}
.pita .wadah{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:36px}
.pita-tanggal{display:flex;align-items:center;gap:8px}
.pita-tanggal .ik{width:15px;height:15px;color:var(--warna-merah-terang)}
.pita-tautan{display:flex;gap:20px}
.pita-tautan a:hover{color:#fff}

/* ---- kop ---- */
.kepala{position:relative}
.kop{background:#fff;border-bottom:1px solid var(--warna-garis);position:relative}
.kop-isi{display:flex;align-items:center;gap:28px;min-height:76px}
.merek{display:flex;align-items:center;gap:14px;flex:none}
.pembuka{padding-top:26px;padding-bottom:4px}
.pembuka h1{font:700 30px/1.15 var(--huruf-judul);color:var(--warna-tinta);letter-spacing:-.02em;margin:0 0 8px}
.pembuka p{margin:0;max-width:760px;font-size:16.5px;color:var(--warna-abu)}
.merek-kata{display:inline-block;background:var(--warna-merek);color:#fff;font:700 21px/1 var(--huruf-teks);letter-spacing:.02em;padding:9px 11px 8px;text-transform:uppercase}
.slogan{border-left:2px solid var(--warna-merah-terang);padding-left:12px;font:600 13px/1.25 var(--huruf-teks);color:var(--warna-tinta);max-width:150px}
.navigasi{margin-left:auto}
.navigasi ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.navigasi a{display:flex;align-items:center;gap:7px;padding:10px 12px;font:500 14.5px/1 var(--huruf-teks);color:var(--warna-tinta);border-radius:3px}
.navigasi a .ik{width:16px;height:16px;color:var(--warna-merah)}
.navigasi a:hover,.navigasi a[aria-current]{background:var(--warna-kabut)}
.navigasi a[aria-current]{box-shadow:inset 0 -2px 0 var(--warna-merah)}
#buka-menu,.tombol-menu{display:none}

/* ---- fakta ---- */
.fakta{background:var(--warna-kabut);border-bottom:1px solid var(--warna-garis)}
.fakta .wadah{display:grid;grid-template-columns:repeat(5,1fr);gap:0}
.fakta-butir{display:flex;gap:12px;align-items:center;padding:14px 16px;border-left:1px solid var(--warna-garis)}
.fakta-butir:first-child{border-left:0;padding-left:0}
.fakta-angka{font:700 22px/1 var(--huruf-judul);color:var(--warna-laut);white-space:nowrap}
.fakta-teks{font-size:12.5px;line-height:1.35;color:var(--warna-abu)}
.fakta-teks b{display:block;color:var(--warna-tinta);font-weight:600}

/* ---- kartu ---- */
.kartu{display:flex;flex-direction:column;gap:10px;min-width:0}
.kartu-foto{display:block;position:relative;overflow:hidden;background:#d9dee7;aspect-ratio:16/10}
.kartu-teks{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.kartu-foto img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.kartu:hover .kartu-foto img{transform:scale(1.03)}
.kartu-rubrik{display:inline-flex;align-items:center;gap:6px;font:600 12.5px/1 var(--huruf-teks);text-transform:uppercase;letter-spacing:.03em;color:var(--warna-merah)}
.kartu-rubrik .ik{width:14px;height:14px}
.kartu-judul{font:600 19px/1.28 var(--huruf-judul);color:var(--warna-tinta);margin:0;letter-spacing:-.01em}
.kartu-lead{font-size:14.5px;line-height:1.5;color:var(--warna-abu);margin:0}
.kartu-info{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--warna-abu)}
.kartu-info span{display:inline-flex;align-items:center;gap:5px}
.kartu-info .ik{width:14px;height:14px}
.lencana{display:inline-block;background:var(--warna-laut);color:#fff;font:600 12.5px/1 var(--huruf-teks);padding:7px 10px;border-radius:2px}
.lencana--arsip{background:#5a6170}
.lencana--mitra{background:#8a5a00}

/* ---- utama (halaman depan) ---- */
.utama{display:grid;grid-template-columns:1.72fr 1fr;gap:var(--sela);margin:28px auto 30px}
.utama-besar{position:relative;display:block;min-height:470px;overflow:hidden;background:var(--warna-malam);color:#fff}
.utama-besar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9}
.utama-besar::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,21,38,0) 30%,rgba(14,21,38,.93) 100%)}
.utama-teks{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:28px 30px;color:#fff}
.utama-teks .kartu-judul{color:#fff;font-size:34px;line-height:1.15;margin:14px 0 10px}
.utama-teks .kartu-lead{color:#dbe2ee;font-size:16px;max-width:640px}
.utama-teks .kartu-info{color:#b8c3d6;margin-top:12px}
.utama-samping{display:grid;grid-template-rows:1fr 1fr;gap:var(--sela)}
.kartu.ubin{display:grid;grid-template-columns:44% 1fr;gap:16px;align-items:start;border-bottom:1px solid var(--warna-garis);padding-bottom:var(--sela)}
.ubin:last-child{border-bottom:0;padding-bottom:0}
.ubin .kartu-foto{aspect-ratio:4/3}
.ubin .kartu-judul{font-size:18px}
.deret-empat{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sela);padding-bottom:34px;border-bottom:1px solid var(--warna-garis)}

/* ---- dua kolom + jalur ---- */
.halaman-dua{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:44px;margin:0 auto 56px;padding-top:28px}
.jalur{display:flex;flex-direction:column;gap:28px}
.kotak-widget{border-top:3px solid var(--warna-tinta);padding-top:14px}
.widget-judul{display:flex;align-items:center;gap:8px;font:700 15px/1.2 var(--huruf-judul);text-transform:uppercase;letter-spacing:.04em;color:var(--warna-tinta);margin:0 0 14px}
.widget-judul .ik{color:var(--warna-merah)}
.mini{display:grid;grid-template-columns:92px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--warna-garis)}
.mini:last-child{border-bottom:0}
.mini .kartu-foto{aspect-ratio:1/1}
.mini .kartu-judul{font-size:14.5px;line-height:1.35}
.mini .kartu-rubrik{display:flex;font-size:11px;margin-bottom:5px}
.mini .kartu-judul{display:block}
.rubrik-daftar{list-style:none;margin:0;padding:0}
.rubrik-daftar a{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--warna-garis);font-weight:500;color:var(--warna-tinta)}
.rubrik-daftar a:hover{color:var(--warna-merah)}
.rubrik-daftar .ik{color:var(--warna-merah)}
.rubrik-daftar em{margin-left:auto;font-style:normal;font:600 12px/1 var(--huruf-teks);background:var(--warna-kabut);color:var(--warna-laut);padding:5px 8px;border-radius:10px}
.cepat{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cepat a{display:flex;gap:10px;align-items:flex-start;background:var(--warna-kabut);padding:11px 12px;font-size:14px;line-height:1.35;font-weight:500;color:var(--warna-tinta);border-left:3px solid var(--warna-merah)}
.cepat a:hover{background:#e3e9f3}
.cepat .ik{margin-top:1px;color:var(--warna-merah)}
.promo-arsip{display:block;background:var(--warna-laut);color:#fff;padding:18px}
.promo-arsip img{margin:-18px -18px 14px;width:calc(100% + 36px);max-width:none;aspect-ratio:16/9;object-fit:cover;object-position:top}
.promo-arsip b{display:block;font:600 17px/1.3 var(--huruf-judul);margin-bottom:6px}
.promo-arsip span{font-size:13.5px;color:#c8d2e6}
.promo-arsip i{display:inline-flex;align-items:center;gap:6px;font-style:normal;font-weight:600;font-size:13.5px;margin-top:10px;color:#ffb3ae}

/* ---- plakat seksi ---- */
.seksi{margin:40px 0 0}
.plakat{display:flex;align-items:center;gap:14px;background:var(--warna-laut);color:#fff;padding:12px 16px;margin-bottom:22px}
.plakat-ikon{display:grid;place-items:center;width:36px;height:36px;background:var(--warna-merah-terang);border-radius:50%}
.plakat-ikon .ik{width:19px;height:19px;color:#fff}
.plakat-judul{font:700 20px/1.1 var(--huruf-judul);margin:0}
.plakat-sub{font-size:13px;color:#b9c5dc;margin:3px 0 0}
.plakat-tautan{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:500;white-space:nowrap}
.plakat-tautan:hover{color:#ffb3ae}
.plakat--terang{background:var(--warna-kabut);color:var(--warna-tinta)}
.plakat--terang .plakat-sub{color:var(--warna-abu)}
.plakat--terang .plakat-tautan{color:var(--warna-laut)}

/* ragam tata letak */
.mosaik{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:auto auto;gap:var(--sela)}
.mosaik>.kartu:first-child{grid-row:span 2}
.mosaik>.kartu:first-child .kartu-foto{aspect-ratio:4/3.4}
.mosaik>.kartu:first-child .kartu-judul{font-size:24px}
.melintang{display:grid;gap:18px}
.melintang .kartu{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--warna-garis)}
.melintang .kartu:last-child{border-bottom:0}
.melintang .kartu-judul{font-size:21px}
.bernomor{display:grid;grid-template-columns:1fr 1fr;gap:6px 28px;counter-reset:urut}
.bernomor .kartu{display:grid;grid-template-columns:54px 112px 1fr;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--warna-garis)}
.bernomor .kartu::before{counter-increment:urut;content:counter(urut,decimal-leading-zero);font:700 30px/1 var(--huruf-judul);color:#c7cdd8}
.bernomor .kartu-foto{aspect-ratio:1/1}
.bernomor .kartu-judul{font-size:16px}
.pasangan{display:grid;grid-template-columns:1fr 1fr;gap:var(--sela)}
.pasangan .kartu{position:relative;min-height:300px;justify-content:flex-end;padding:22px;background:var(--warna-malam);color:#fff;overflow:hidden}
.pasangan .kartu-foto{position:absolute;inset:0;aspect-ratio:auto}
.pasangan .kartu-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,21,38,.1) 10%,rgba(14,21,38,.94) 72%)}
.pasangan .kartu>*:not(.kartu-foto){position:relative;z-index:1}
.pasangan .kartu-judul{color:#fff;font-size:22px}
.pasangan .kartu-lead{color:#d2d9e6}
.pasangan .kartu-rubrik{color:#ffb3ae}
.pasangan .kartu-info{color:#c6cedd}
.deret-tiga{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sela)}

/* ---- mitra ---- */
.mitra{background:#fbf7ef;border:1px solid #efe3c8;padding:20px 22px;margin-top:40px}
.mitra-kepala{display:flex;align-items:center;gap:10px;margin:0 0 16px;font:700 15px/1 var(--huruf-judul);text-transform:uppercase;letter-spacing:.05em;color:#6b4700}
.mitra-kepala small{margin-left:auto;font:400 12.5px/1.3 var(--huruf-teks);text-transform:none;letter-spacing:0;color:#6a5723}
.mitra-deret{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mitra-deret .kartu{gap:12px}
.mitra-deret .kartu-foto{aspect-ratio:16/9;background:#fff}
.mitra-deret .kartu-judul{font-size:15.5px}
.mitra-deret .kartu-lead{font-size:13px}

/* ---- etalase templat ---- */
.etalase{background:var(--warna-malam);color:#fff;margin-top:48px;padding:34px 0 38px}
.etalase .plakat{background:transparent;padding:0;margin-bottom:20px}
.etalase-rel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
.etalase-rel a{scroll-snap-align:start;display:block;background:#18223a;padding:10px 10px 14px}
.etalase-rel img{aspect-ratio:4/3;object-fit:cover;object-position:top;width:100%;margin-bottom:10px}
.etalase-rel b{font:600 14.5px/1.3 var(--huruf-judul);display:block}
.etalase-rel span{font-size:12px;color:#9fb0cf}

/* ---- industri ringkas ---- */
.ringkas{display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px}
.ringkas .mini{grid-template-columns:76px 1fr}
.sebaris{display:flex;align-items:center;gap:12px;background:var(--warna-kabut);padding:14px 18px;margin-top:26px;font-size:14.5px}
.sebaris .ik{color:var(--warna-laut)}
.sebaris a{margin-left:auto;font-weight:600;color:var(--warna-laut);display:inline-flex;gap:6px;align-items:center;white-space:nowrap}

/* ---- kaki ---- */
.kaki{background:var(--warna-malam);color:#aeb9cc;margin-top:64px;font-size:14px}
.kaki-atas{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;padding:44px 0 34px}
.kaki h4{font:700 13px/1 var(--huruf-judul);text-transform:uppercase;letter-spacing:.08em;color:#fff;margin:0 0 16px}
.kaki ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.kaki a:hover{color:#fff}
.kaki-tentang p{margin:14px 0 0;line-height:1.55}
.kaki-mitra{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:18px}
.kaki-mitra img{height:26px;width:auto;background:#fff;padding:4px 8px;border-radius:2px}
.kaki-bawah{border-top:1px solid #243049;padding:18px 0 24px;font-size:12.5px;line-height:1.5;color:#8390a8}

/* ---- artikel ---- */
.jejak{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:var(--warna-abu);margin:22px 0 0}
.jejak a:hover{color:var(--warna-merah)}
.jejak .ik{width:13px;height:13px}
.tajuk h1{font:700 42px/1.12 var(--huruf-judul);color:var(--warna-tinta);letter-spacing:-.02em;margin:12px 0 14px}
.ringkasan{font-size:20px;line-height:1.5;color:#3c4350;margin:0 0 18px}
.baris-info{display:flex;flex-wrap:wrap;gap:18px;align-items:center;font-size:14px;color:var(--warna-abu);padding:12px 0;border-top:1px solid var(--warna-garis);border-bottom:1px solid var(--warna-garis)}
.baris-info span{display:inline-flex;align-items:center;gap:6px}
.baris-info .ik{width:16px;height:16px;color:var(--warna-merah)}
.foto-utama{margin:24px 0 8px}
.foto-utama img{width:100%;aspect-ratio:16/9;object-fit:cover}
.keterangan{font-size:12.5px;color:var(--warna-abu);margin-top:8px;line-height:1.4}
.keterangan a{text-decoration:underline}
.daftar-isi{border:1px solid var(--warna-garis);background:var(--warna-kabut);margin:24px 0}
.daftar-isi summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;padding:13px 16px;font:600 15px/1 var(--huruf-judul);color:var(--warna-tinta)}
.daftar-isi summary::-webkit-details-marker{display:none}
.daftar-isi summary .ik{color:var(--warna-merah)}
.daftar-isi summary::after{content:"+";margin-left:auto;font:400 22px/1 var(--huruf-teks);color:var(--warna-laut)}
.daftar-isi[open] summary::after{content:"\2013"}
.daftar-isi ol{margin:0;padding:0 16px 14px 38px;display:grid;gap:7px;font-size:15px}
.daftar-isi a{color:var(--warna-laut)}
.naskah{font-size:18px;line-height:1.7;color:#232831;max-width:720px}
.naskah p{margin:0 0 20px}
.naskah--robot h1{font:700 40px/1.14 var(--huruf-judul);color:var(--warna-tinta);letter-spacing:-.02em;margin:10px 0 12px}
.naskah--robot h1:empty{display:none}
.naskah--robot .pbn-published-date{font-size:13.5px;color:var(--warna-abu);padding:0 0 12px;border-bottom:1px solid var(--warna-garis)}
.naskah h2{font:700 26px/1.25 var(--huruf-judul);color:var(--warna-tinta);margin:36px 0 14px;scroll-margin-top:20px;letter-spacing:-.01em}
.naskah h3{font:600 20px/1.3 var(--huruf-judul);color:var(--warna-tinta);margin:28px 0 10px}
.naskah h4{font:600 17px/1.3 var(--huruf-judul);margin:22px 0 8px}
.naskah ul,.naskah ol{margin:0 0 22px;padding-left:24px}
.naskah li{margin:0 0 8px}
.naskah li::marker{color:var(--warna-merah)}
.naskah a{color:var(--warna-laut);text-decoration:underline;text-decoration-color:rgba(20,37,74,.35);text-underline-offset:3px}
.naskah code{font:500 .88em/1.45 ui-monospace,Consolas,monospace;color:#0b2f66;background:transparent;padding:0;word-break:break-word}
.naskah p>code,.naskah li>code{box-shadow:0 1px 0 rgba(20,37,74,.25)}
.naskah pre{background:var(--warna-malam);color:#e6ecf7;padding:0;overflow:auto;font-size:14px;border-radius:3px}
.naskah pre code{display:block;background:var(--warna-malam);color:inherit;padding:18px}
.naskah img{margin:8px 0 22px;width:100%;max-height:520px;object-fit:cover}
.naskah table{border-collapse:collapse;width:100%;margin:0 0 22px;font-size:15px;display:block;overflow-x:auto}
.naskah th,.naskah td{border:1px solid var(--warna-garis);padding:8px 10px;text-align:left;vertical-align:top}
.naskah th{background:var(--warna-kabut);font-weight:600;color:var(--warna-tinta)}
.naskah blockquote{margin:0 0 22px;padding:4px 0 4px 18px;border-left:4px solid var(--warna-merah);color:#3c4350;font-style:italic}
.naskah strong{color:var(--warna-tinta)}
.sumber{margin:34px 0 0;padding:16px 18px;border:1px solid var(--warna-garis);font-size:14px}
.sumber h2{display:flex;align-items:center;gap:8px;font:700 14px/1 var(--huruf-judul);text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px;color:var(--warna-tinta)}
.sumber h2 .ik{color:var(--warna-merah)}
.sumber ul{margin:0;padding-left:18px;display:grid;gap:5px;color:var(--warna-abu)}
.sumber a{color:var(--warna-laut);word-break:break-word}
.catatan-arsip{display:flex;gap:12px;align-items:flex-start;background:#fff8e6;border:1px solid #f0dca8;padding:14px 16px;margin:20px 0;font-size:14.5px;line-height:1.5;color:#4a3b17}
.catatan-arsip .ik{color:#a06a00;width:20px;height:20px;margin-top:1px}
.fitur{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.fitur li{display:inline-flex;align-items:center;gap:6px;background:var(--warna-kabut);padding:7px 11px;font-size:14px;border-radius:2px;margin:0}
.fitur .ik{width:14px;height:14px;color:#1d8a4a}
.terkait{margin-top:46px;border-top:3px solid var(--warna-tinta);padding-top:16px}
.terkait h2{font:700 20px/1.2 var(--huruf-judul);margin:0 0 18px;color:var(--warna-tinta)}

/* ---- hub ---- */
.spanduk{position:relative;background:var(--warna-malam);color:#fff;overflow:hidden}
.spanduk img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32}
.spanduk .wadah{position:relative;padding-top:44px;padding-bottom:40px}
.spanduk .jejak{color:#b8c3d6;margin:0 0 18px}
.spanduk h1{display:flex;align-items:center;gap:14px;font:700 40px/1.1 var(--huruf-judul);margin:0 0 10px;letter-spacing:-.02em}
.spanduk h1 .plakat-ikon{width:48px;height:48px}
.spanduk h1 .plakat-ikon .ik{width:24px;height:24px}
.spanduk p{max-width:720px;font-size:17px;color:#d5dced;margin:0}
.cip{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.cip span{display:inline-flex;align-items:center;gap:7px;background:#1d2c4c;border:1px solid #33456b;padding:7px 12px;font-size:13.5px;border-radius:16px}
.cip .ik{width:15px;height:15px;color:#ffb3ae}
.kisi{display:grid;grid-template-columns:repeat(3,1fr);gap:30px var(--sela)}
.kisi-dua{display:grid;grid-template-columns:repeat(2,1fr);gap:30px var(--sela)}
.bahasa{display:inline-block;font:700 11px/1 var(--huruf-teks);background:var(--warna-laut);color:#fff;padding:4px 6px;border-radius:2px;margin-right:6px;letter-spacing:.04em}
.blog-robot{margin:0 0 30px}
.blog-robot>div{border-bottom:1px solid var(--warna-garis);padding:12px 0 10px}
.blog-robot h4{font:600 18px/1.3 var(--huruf-judul);margin:0 0 4px;color:var(--warna-tinta)}
.blog-robot h4 a:hover{color:var(--warna-merah)}
.blog-robot p{margin:0;font-size:13.5px;color:var(--warna-abu)}
.halaman-teks h2{font:700 22px/1.3 var(--huruf-judul);color:var(--warna-tinta);margin:30px 0 10px}

/* ---- responsif ---- */
@media (max-width:1100px){
  .navigasi a{padding:10px 8px;font-size:14px}
  .navigasi a .ik{display:none}
  .fakta .wadah{grid-template-columns:repeat(3,1fr)}
  .fakta-butir:nth-child(n+4){display:none}
  .halaman-dua{grid-template-columns:minmax(0,1fr) 280px;gap:30px}
  .deret-empat{grid-template-columns:repeat(2,1fr)}
  .bernomor{grid-template-columns:1fr}
  .kaki-atas{grid-template-columns:1fr 1fr}
  .etalase-rel{grid-auto-columns:minmax(200px,40%)}
}
@media (max-width:920px){
  .slogan{display:none}
  .tombol-menu{display:flex;align-items:center;justify-content:center;margin-left:auto;width:48px;height:48px;cursor:pointer;color:var(--warna-tinta);border:1px solid var(--warna-garis);border-radius:3px}
  .tombol-menu .ik{width:24px;height:24px}
  .navigasi{display:none;position:absolute;left:0;right:0;top:100%;z-index:30;background:#fff;border-bottom:3px solid var(--warna-merah);box-shadow:0 12px 24px rgba(14,21,38,.14)}
  #buka-menu:checked~.navigasi{display:block}
  .navigasi ul{flex-direction:column;gap:0;padding:6px var(--sela) 12px}
  .navigasi a{min-height:48px;padding:12px 4px;font-size:16px;border-bottom:1px solid var(--warna-garis);border-radius:0}
  .navigasi a .ik{display:block}
  .utama{grid-template-columns:1fr}
  .utama-samping{grid-template-rows:none;grid-template-columns:1fr 1fr}
  .kartu.ubin{grid-template-columns:40% 1fr}
  .halaman-dua{grid-template-columns:1fr}
  .mosaik{grid-template-columns:1fr 1fr}
  .mosaik>.kartu:first-child{grid-column:span 2;grid-row:auto}
  .mitra-deret,.ringkas,.deret-tiga,.kisi{grid-template-columns:1fr 1fr}
  .melintang .kartu{grid-template-columns:200px 1fr}
}
@media (max-width:640px){
  :root{--sela:16px}
  body{font-size:15.5px}
  .pita-tautan{display:none}
  .kop-isi{min-height:64px}
  .merek-kata{font-size:19px}
  .fakta .wadah{grid-template-columns:1fr 1fr}
  .fakta-butir{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 0 10px 12px}
  .fakta-butir:nth-child(odd){border-left:0;padding-left:0}
  .fakta-butir:nth-child(4){display:flex}
  .fakta-butir:nth-child(3),.fakta-butir:nth-child(5){display:none}
  .fakta-angka{font-size:19px}
  .fakta-teks{font-size:12px}
  .utama-besar{min-height:420px}
  .utama-teks{padding:20px 18px}
  .utama-teks .kartu-judul{font-size:25px}
  .utama-samping,.deret-empat,.mosaik,.pasangan,.mitra-deret,.ringkas,.deret-tiga,.kisi,.kisi-dua{grid-template-columns:1fr}
  .mosaik>.kartu:first-child{grid-column:auto}
  .melintang .kartu{grid-template-columns:120px 1fr;gap:14px;align-items:start}
  .melintang .kartu-judul{font-size:17px}
  .melintang .kartu-lead{font-size:13.5px}
  .bernomor .kartu{grid-template-columns:38px 84px 1fr;gap:10px}
  .bernomor .kartu::before{font-size:22px}
  .plakat{flex-wrap:wrap;padding:12px}
  .plakat-sub{font-size:12.5px;width:100%}
  .mitra{padding:16px}
  .mitra-kepala{flex-wrap:wrap}
  .mitra-kepala small{margin-left:0;width:100%}
  .etalase-rel{grid-auto-columns:78%}
  .kaki-atas{grid-template-columns:1fr;gap:26px}
  .tajuk h1{font-size:30px}
  .ringkasan{font-size:17.5px}
  .naskah{font-size:17px}
  .naskah h2{font-size:22px}
  .spanduk h1{font-size:29px}
  .spanduk h1 .plakat-ikon{width:40px;height:40px}
  .sebaris{flex-wrap:wrap}
  .sebaris a{margin-left:0}
}