:root{--kertas:#fff;--kertas-tua:#f6f6f4;--tinta:#101114;--tinta-lembut:#2a2c31;--redup:#6a6f78;--garis:#e6e5e1;--merah:#cf1f2e;--merah-tua:#a3131f;--papan-terang:#edeae3;--papan-gelap:#4f5f57;--judul:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--teks:"Source Serif 4", Georgia, serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--kertas);color:var(--tinta);font-family:var(--judul);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}h1,h2,h3{font-family:var(--judul);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.1}p{margin:0}a{color:inherit;text-decoration:none}.bilah{padding:14px 18px;padding-top:max(14px, env(safe-area-inset-top));border-bottom:1px solid var(--garis);background:var(--kertas);justify-content:space-between;align-items:center;gap:12px;display:flex}.merek{align-items:center;gap:9px;display:flex}.merek-tanda{background-image:conic-gradient(var(--tinta) 0 25%, var(--merah) 0 50%, var(--tinta) 0 75%, var(--merah) 0);background-size:50% 50%;border-radius:3px;width:20px;height:20px}.merek-nama{letter-spacing:-.03em;font-size:17px;font-weight:800}.bilah-kanan{align-items:center;gap:8px;display:flex}.ikon{width:40px;height:40px;color:var(--tinta);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:flex}.tombol{min-height:46px;font-family:var(--judul);cursor:pointer;border:0;border-radius:4px;justify-content:center;align-items:center;padding:12px 22px;font-size:15px;font-weight:700;transition:filter .15s;display:inline-flex}.tombol:active{filter:brightness(.9)}.tombol-kecil{min-height:38px;padding:8px 16px;font-size:14px}.tombol-tinta{background:var(--tinta);color:#fff}.tombol-terang{color:var(--tinta);background:#fff}.tombol-garis{color:var(--tinta);box-shadow:inset 0 0 0 1px var(--garis);background:0 0}.rubrik{border-bottom:1px solid var(--garis);scrollbar-width:none;gap:20px;padding:0 18px;display:flex;overflow-x:auto}.rubrik::-webkit-scrollbar{display:none}.rubrik-tautan{color:var(--redup);white-space:nowrap;border-bottom:2px solid #0000;padding:13px 0;font-size:14px;font-weight:600}.rubrik-tautan.aktif{color:var(--tinta);border-bottom-color:var(--merah)}.kicker{align-items:center;gap:8px;margin-bottom:10px;display:flex}.rubrik-label{letter-spacing:.14em;text-transform:uppercase;color:var(--merah);font-size:11px;font-weight:800}.kicker-terang,.kicker-terang .rubrik-label{color:#fff;letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:800}.titik{background:var(--merah);border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite denyut}@keyframes denyut{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.byline{font-family:var(--judul);color:var(--redup);font-size:13px}.byline span{padding:0 2px}.ringkas{font-family:var(--teks);color:var(--tinta-lembut);font-size:17px;line-height:1.55}.ringkas-terang{color:#ffffffc7}.gambar{object-fit:cover;width:100%;height:100%;display:block}.sorotan{padding-bottom:8px}.sorotan-gambar{aspect-ratio:16/9;display:block;overflow:hidden}.sorotan-gambar .gambar{height:100%}.sorotan-teks{padding:20px 18px 0}.sorotan h1{letter-spacing:-.03em;text-wrap:pretty;font-size:30px;font-weight:800}.sorotan .ringkas{margin-top:12px}.sorotan .byline{margin-top:14px}.bagian{padding:36px 18px 0}.tajuk{border-bottom:2px solid var(--tinta);justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:16px;display:flex}.tajuk h2{font-size:22px;font-weight:800}.tautan{color:var(--merah);font-size:14px;font-weight:700}.tautan-terang{color:#fff;text-underline-offset:3px;text-decoration:underline}.daftar-berita{flex-direction:column;display:flex}.berita{border-bottom:1px solid var(--garis);grid-template-columns:104px minmax(0,1fr);gap:14px;padding:18px 0;display:grid}.berita-gambar{aspect-ratio:4/3;border-radius:3px;display:block;overflow:hidden}.berita-teks .kicker{margin-bottom:6px}.berita h3{text-wrap:pretty;font-size:17px;font-weight:700}.berita .byline{margin-top:7px}.langsung{background:var(--tinta);color:#fff;margin-top:36px;padding:32px 18px 36px}.langsung h2{font-size:26px;font-weight:800}.langsung .ringkas{margin:12px 0 20px}.langsung .tombol{width:100%}.papan-nilai{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;margin-top:26px;padding:18px}.papan-nilai-judul{letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c;padding-bottom:6px;font-size:11px;font-weight:800}.papan-nilai-baris{border-bottom:1px solid #ffffff1a;grid-template-columns:22px minmax(0,1fr) 42px;align-items:baseline;gap:12px;padding:11px 0;display:grid}.papan-nilai-baris .urut{color:#ffffff73;font-size:13px;font-weight:700}.papan-nilai-baris:first-of-type .urut{color:var(--merah)}.papan-nilai-baris .nama{font-size:15px;font-weight:600}.papan-nilai-baris .nilai{text-align:right;font-size:15px;font-weight:700}.papan-nilai .tautan-terang{margin-top:14px;font-size:14px;font-weight:700;display:inline-block}.kartu-belajar{flex-direction:column;gap:14px;padding-top:18px;display:flex}.belajar{border:1px solid var(--garis);background:var(--kertas);border-radius:6px;display:block;overflow:hidden}.belajar .gambar{aspect-ratio:16/7}.belajar-teks{padding:16px 18px 18px}.belajar h3{font-size:18px;font-weight:800}.belajar p{font-family:var(--teks);color:var(--redup);margin-top:6px;font-size:15px;line-height:1.5}.main-catur{background:var(--kertas-tua);border-top:1px solid var(--garis);margin-top:36px;padding:34px 18px 40px}.papan-bingkai{background:var(--kertas);border:1px solid var(--garis);border-radius:6px;margin-bottom:22px;padding:12px}.main-catur h2{text-wrap:pretty;font-size:26px;font-weight:800}.main-catur .ringkas{margin-top:12px}.main-tombol{flex-direction:column;gap:10px;margin-top:20px;display:flex}.main-tombol .tombol{width:100%}.main-catur .byline{margin-top:14px}.papan-animasi{aspect-ratio:1;border-radius:3px;width:100%;position:relative;overflow:hidden}.petak-lapis{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;position:absolute;inset:0}.petak.terang{background:var(--papan-terang)}.petak.gelap{background:var(--papan-gelap)}.petak.sorot{box-shadow:inset 0 0 0 100px #cf1f2e47}.bidak{justify-content:center;align-items:center;width:12.5%;height:12.5%;transition:left .45s cubic-bezier(.35,0,.2,1),top .45s cubic-bezier(.35,0,.2,1);display:flex;position:absolute}@media (prefers-reduced-motion:reduce){.bidak{transition:none}.titik{animation:none}}.kaki{padding:30px 18px;padding-bottom:max(30px, env(safe-area-inset-bottom));background:var(--tinta);color:#fff9}.kaki-isi{flex-direction:column;gap:16px;display:flex}.kaki .merek-nama{color:#fff}.kaki nav{flex-wrap:wrap;gap:10px 20px;font-size:14px;display:flex}.kaki nav a{color:#ffffffd1;font-weight:600}.kaki p{font-size:13px}@media (width>=720px){.bilah,.rubrik{padding-left:32px;padding-right:32px}.rubrik{gap:26px}.sorotan{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:0;padding:32px;display:grid}.sorotan-gambar{border-radius:4px}.sorotan-teks{padding:0 0 0 32px}.sorotan h1{font-size:34px}.bagian{padding:44px 32px 0}.tajuk h2{font-size:26px}.daftar-berita{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;display:grid}.berita{grid-template-columns:120px minmax(0,1fr)}.langsung{padding:44px 32px 48px}.langsung-isi{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:40px;display:grid}.langsung .tombol{width:auto}.papan-nilai{margin-top:0}.kartu-belajar{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.main-catur{padding:48px 32px 52px}.main-isi{grid-template-columns:320px minmax(0,1fr);align-items:center;gap:40px;display:grid}.papan-bingkai{margin-bottom:0}.main-tombol{flex-direction:row}.main-tombol .tombol{width:auto}.kaki{padding:40px 32px}}@media (width>=1060px){.bilah,.rubrik,.sorotan,.bagian,.langsung-isi,.main-isi,.kaki-isi{max-width:1200px;margin-left:auto;margin-right:auto}.bilah,.rubrik{max-width:none;padding-left:48px;padding-right:48px}.bilah>*,.rubrik{max-width:1200px}.sorotan{gap:8px;padding:48px}.sorotan h1{font-size:46px}.sorotan .ringkas{font-size:19px}.sorotan-teks{padding-left:48px}.bagian{padding:60px 48px 0}.daftar-berita{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}.berita{grid-template-columns:150px minmax(0,1fr);gap:18px;padding:22px 0}.berita h3{font-size:19px}.langsung{padding:64px 48px 68px}.langsung h2{font-size:34px}.kartu-belajar{gap:24px}.main-catur{padding:64px 48px 72px}.main-isi{grid-template-columns:380px minmax(0,1fr);gap:56px}.main-catur h2{font-size:34px}.kaki{padding:48px}.kaki-isi{flex-direction:row;justify-content:space-between;align-items:center}}