.sitaman-head {
    position: sticky;
    top: 0;
    z-index: 50;
    background: var(--sitama-biru);
    border-bottom: 4px solid var(--sitama-oranye);
    color: var(--sitama-putih);
}

.sitaman-head__isi {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--sitama-jarak-2) var(--sitama-jarak-5);
    padding-block: var(--sitama-jarak-3);
}

.sitama-merek {
    display: inline-flex;
    align-items: center;
    gap: var(--sitama-jarak-3);
    min-height: 2.75rem;
    color: var(--sitama-putih);
    text-decoration: none;
}

.sitama-merek:hover {
    color: var(--sitama-putih);
}

.sitama-merek img {
    width: 2.75rem;
    height: 2.75rem;
}

.sitama-merek strong {
    display: block;
    font-size: 1.25rem;
    letter-spacing: 0.04em;
    line-height: 1.1;
}

.sitama-merek small {
    display: block;
    font-size: 0.8rem;
    opacity: 0.92;
}

.sitama-navigasi {
    display: flex;
    gap: var(--sitama-jarak-1);
    margin-left: auto;
    overflow-x: auto;
    scrollbar-width: none;
}

.sitama-akses {
    display: inline-flex;
    align-items: center;
    gap: var(--sitama-jarak-2);
    min-height: 2.5rem;
    padding: 0 var(--sitama-jarak-4);
    border: 2px solid rgba(255, 255, 255, 0.7);
    border-radius: var(--sitama-radius);
    color: var(--sitama-putih);
    font-weight: 500;
    white-space: nowrap;
    transition: background-color var(--sitama-durasi), border-color var(--sitama-durasi);
}

.sitama-akses:hover,
.sitama-menu-publik:hover {
    border-color: var(--sitama-putih);
    background: rgba(255, 255, 255, 0.14);
    color: var(--sitama-putih);
}

.sitama-menu-publik span {
    display: grid;
}

.sitama-menu-publik[aria-expanded="true"] .sitama-menu-publik__buka,
.sitama-menu-publik[aria-expanded="false"] .sitama-menu-publik__tutup {
    display: none;
}

.sitama-menu-publik {
    display: none;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    border: 2px solid rgba(255, 255, 255, 0.7);
    border-radius: var(--sitama-radius);
    background: none;
    color: var(--sitama-putih);
    cursor: pointer;
}

.sitama-navigasi a {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-height: 2.75rem;
    padding: 0 var(--sitama-jarak-3);
    color: var(--sitama-putih);
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
}

.sitama-navigasi a::after {
    content: "";
    position: absolute;
    left: calc(var(--sitama-jarak-3) / 2 - 1.5px);
    top: 50%;
    width: 3px;
    height: 1em;
    border-radius: 2px;
    background: var(--sitama-oranye);
    transform: translateY(-50%) scaleY(0);
    transition: transform var(--sitama-durasi) var(--sitama-kurva);
}

.sitama-navigasi a:hover::after,
.sitama-navigasi a[aria-current="page"]::after {
    transform: translateY(-50%) scaleY(1);
}

.sitama-navigasi a:focus-visible {
    box-shadow: inset 0 0 0 3px var(--sitama-oranye);
}

.sitama-sambutan {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: var(--sitama-biru-gelap);
    color: var(--sitama-putih);
}

.sitama-sambutan::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(
        180deg,
        rgba(9, 12, 71, 0) 0,
        rgba(9, 12, 71, 0.2) 6rem,
        rgba(9, 12, 71, 0.6) 11rem,
        rgba(9, 12, 71, 0.7) 100%
    );
}

.sitama-sambutan__foto {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 30%;
}

.sitama-sambutan__isi {
    display: grid;
    gap: var(--sitama-jarak-4);
    padding-block: 11rem var(--sitama-jarak-7);
}

.sitama-sambutan__logo {
    width: 4.5rem;
    height: 4.5rem;
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.35));
}

.sitama-sambutan__beraksi {
    width: min(100%, 20rem);
    height: auto;
    margin-bottom: var(--sitama-jarak-3);
    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.9)) drop-shadow(0 0 10px rgba(255, 255, 255, 0.5));
}

.sitama-sambutan h1 {
    margin-bottom: var(--sitama-jarak-1);
    color: var(--sitama-putih);
    font-size: clamp(2.5rem, 1.8rem + 3.2vw, 4.25rem);
    letter-spacing: 0.03em;
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.35);
}

.sitama-sambutan__nama {
    margin-bottom: var(--sitama-jarak-3);
    color: var(--sitama-oranye);
    font-size: clamp(1.2rem, 1.1rem + 0.5vw, 1.45rem);
    font-weight: 700;
}

.sitama-sambutan__tujuan {
    max-width: 38rem;
    margin-bottom: var(--sitama-jarak-5);
    font-size: 1.0625rem;
}

.sitama-sambutan .sitama-tombol--garis {
    border-color: var(--sitama-putih);
    color: var(--sitama-putih);
}

.sitama-sambutan .sitama-tombol--garis:hover {
    background: rgba(255, 255, 255, 0.14);
}

.sitama-bagian {
    padding-block: var(--sitama-jarak-7);
}

.sitama-bagian--alt {
    background: var(--sitama-latar-alt);
}

.sitama-bagian__kepala {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--sitama-jarak-2) var(--sitama-jarak-4);
    margin-bottom: var(--sitama-jarak-5);
}

.sitama-bagian__kepala h2 {
    margin: 0;
}

.sitama-bagian__kepala p {
    flex-basis: 100%;
    margin: 0;
    color: var(--sitama-teks-redup);
}

.sitama-situasi {
    display: grid;
    gap: var(--sitama-jarak-6);
}

.sitama-situasi__peta {
    min-width: 0;
}

.sitama-situasi__samping {
    display: grid;
    align-content: start;
    gap: var(--sitama-jarak-6);
}

.sitama-situasi__samping h3 {
    margin: 0 0 var(--sitama-jarak-3);
    font-size: 1.1rem;
}

.sitama-linimasa {
    display: grid;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sitama-linimasa li {
    position: relative;
    display: grid;
    gap: 0.125rem;
    padding: 0 0 var(--sitama-jarak-4) var(--sitama-jarak-5);
    border-left: 2px solid var(--sitama-garis-halus);
}

.sitama-linimasa li:last-child {
    padding-bottom: 0;
}

.sitama-linimasa li::before {
    content: "";
    position: absolute;
    top: 0.3rem;
    left: -0.4375rem;
    width: 0.75rem;
    height: 0.75rem;
    border: 2px solid var(--sitama-latar);
    border-radius: 50%;
    background: var(--sitama-karhutla);
}

.sitama-linimasa time,
.sitama-linimasa span {
    font-size: 0.875rem;
    color: var(--sitama-teks-redup);
}

.sitama-linimasa a {
    color: var(--sitama-teks);
    line-height: 1.35;
}

.sitama-linimasa a:hover {
    color: var(--sitama-oranye-teks);
}

.sitama-batang {
    display: grid;
    gap: var(--sitama-jarak-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.sitama-batang li {
    display: grid;
    grid-template-columns: minmax(6.5rem, 8.5rem) 1fr 2rem;
    align-items: center;
    gap: var(--sitama-jarak-3);
    font-size: 0.95rem;
}

.sitama-batang svg {
    width: 100%;
    height: 0.75rem;
    fill: var(--sitama-biru);
}

.sitama-batang strong {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.sitama-batang--kejadian svg,
.sitama-batang--panas svg {
    fill: #DC2626;
}

.sitama-peluang--tinggi {
    --sitama-warna-jenis: #B91C1C;
}

.sitama-peluang--sedang {
    --sitama-warna-jenis: #EF4444;
}

.sitama-peluang--rendah {
    --sitama-warna-jenis: #F87171;
}

.sitama-peluang {
    display: inline-flex;
    align-items: center;
    gap: var(--sitama-jarak-2);
}

.sitama-galeri-bagian {
    grid-column: 1 / -1;
}

.sitama-galeri-bagian h2 {
    margin: 0 0 var(--sitama-jarak-4);
    font-size: 1.2rem;
}

.sitama-galeri {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr));
    gap: var(--sitama-jarak-3);
    margin: 0;
    padding: 0;
    list-style: none;
}

.sitama-galeri a {
    display: block;
    overflow: hidden;
    border-radius: var(--sitama-radius);
    background: var(--sitama-latar-alt);
}

.sitama-galeri img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    transition: transform var(--sitama-durasi) var(--sitama-kurva);
}

.sitama-galeri a:hover img {
    transform: scale(1.03);
}

.sitama-judul-halaman--rapat {
    padding-bottom: 0;
}

.sitama-rubrik {
    display: flex;
    gap: var(--sitama-jarak-5);
    margin: var(--sitama-jarak-5) calc(-1 * var(--sitama-tepi)) 0;
    padding: 0 var(--sitama-tepi);
    overflow-x: auto;
    scrollbar-width: none;
    mask-image: linear-gradient(to right, #000 calc(100% - 2.5rem), transparent);
}

.sitama-rubrik a {
    position: relative;
    flex: none;
    padding: var(--sitama-jarak-3) 0;
    color: var(--sitama-teks-redup);
    font-weight: 500;
    white-space: nowrap;
}

.sitama-rubrik a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    background: var(--sitama-oranye);
    transform: scaleX(0);
    transition: transform var(--sitama-durasi) var(--sitama-kurva);
}

.sitama-rubrik a:hover {
    color: var(--sitama-teks);
}

.sitama-rubrik a[aria-current="page"] {
    color: var(--sitama-teks);
    font-weight: 700;
}

.sitama-rubrik a:hover::after,
.sitama-rubrik a[aria-current="page"]::after {
    transform: scaleX(1);
}

.sitama-berita {
    display: grid;
    gap: var(--sitama-jarak-3);
}

.sitama-berita__gambar {
    display: grid;
    place-items: center;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    border-radius: var(--sitama-radius);
    background: var(--sitama-latar-alt);
    color: var(--sitama-garis);
}

.sitama-berita__gambar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 400ms var(--sitama-kurva);
}

.sitama-berita__gambar .sitama-ikon {
    width: 2.5rem;
    height: 2.5rem;
    stroke-width: 1.5;
}

.sitama-berita:hover .sitama-berita__gambar img {
    transform: scale(1.03);
}

.sitama-berita__teks {
    display: grid;
    align-content: start;
    gap: var(--sitama-jarak-2);
    min-width: 0;
}

.sitama-berita__rubrik {
    justify-self: start;
    color: var(--sitama-warna-jenis);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.sitama-berita h2,
.sitama-berita h3 {
    margin: 0;
    line-height: 1.25;
}

.sitama-berita h2 a,
.sitama-berita h3 a {
    color: var(--sitama-teks);
    font-weight: 700;
}

.sitama-berita h2 a:hover,
.sitama-berita h3 a:hover {
    color: var(--sitama-biru);
}

.sitama-berita--utama h2 {
    font-size: clamp(1.5rem, 1.15rem + 1.4vw, 2.25rem);
    letter-spacing: -0.01em;
}

.sitama-berita h3 {
    font-size: 1.1rem;
}

.sitama-berita--kecil h3 {
    font-size: 1rem;
}

.sitama-berita__ringkasan {
    margin: 0;
    color: var(--sitama-teks-redup);
    line-height: 1.6;
}

.sitama-berita--utama .sitama-berita__ringkasan {
    font-size: 1.075rem;
}

.sitama-berita__meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sitama-jarak-2);
    margin: 0;
    font-size: 0.85rem;
    color: var(--sitama-teks-redup);
}

.sitama-utama {
    display: grid;
    gap: var(--sitama-jarak-6);
    padding-bottom: var(--sitama-jarak-6);
    border-bottom: 1px solid var(--sitama-garis-halus);
}

.sitama-sorotan {
    display: grid;
    align-content: start;
    gap: var(--sitama-jarak-4);
    margin: 0;
    padding: 0;
    list-style: none;
}

.sitama-sorotan li + li {
    padding-top: var(--sitama-jarak-4);
    border-top: 1px solid var(--sitama-garis-halus);
}

.sitama-berita--kecil {
    grid-template-columns: 7.5rem minmax(0, 1fr);
    align-items: start;
    gap: var(--sitama-jarak-4);
}

.sitama-berita--kecil .sitama-berita__gambar {
    aspect-ratio: 4 / 3;
}

.sitama-berita--kecil .sitama-berita__gambar .sitama-ikon,
.sitama-berita--baris .sitama-berita__gambar .sitama-ikon {
    width: 1.75rem;
    height: 1.75rem;
}

.sitama-terkini {
    margin-top: var(--sitama-jarak-6);
}

.sitama-terkini__judul {
    margin: 0 0 var(--sitama-jarak-2);
    padding-bottom: var(--sitama-jarak-2);
    border-bottom: 3px solid var(--sitama-teks);
    font-size: 1rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.sitama-berita-daftar {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sitama-berita-daftar li {
    padding: var(--sitama-jarak-5) 0;
    border-bottom: 1px solid var(--sitama-garis-halus);
}

.sitama-berita--baris {
    grid-template-columns: minmax(0, 1fr) 7.5rem;
    align-items: start;
    gap: var(--sitama-jarak-4);
}

.sitama-berita--baris .sitama-berita__gambar {
    aspect-ratio: 4 / 3;
}

.sitama-berita--baris .sitama-berita__ringkasan {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

@media (min-width: 48em) {
    .sitama-berita--baris {
        grid-template-columns: minmax(0, 1fr) 15rem;
        gap: var(--sitama-jarak-6);
    }

    .sitama-berita--baris .sitama-berita__gambar {
        aspect-ratio: 16 / 9;
    }

    .sitama-berita--baris h3 {
        font-size: 1.25rem;
    }
}

@media (min-width: 64em) {
    .sitama-utama {
        grid-template-columns: minmax(0, 1.75fr) minmax(18rem, 1fr);
        gap: var(--sitama-jarak-7);
    }
}

.sitama-artikel--rapat {
    padding-block: 0;
}

.sitama-kosong--kiri {
    text-align: left;
}

.sitama-kosong--kiri h3 {
    margin: 0;
}

.sitama-artikel--rapat .sitama-terkini {
    margin-top: var(--sitama-jarak-5);
}

.sitama-samping-artikel {
    display: grid;
    align-content: start;
    gap: var(--sitama-jarak-6);
}

.sitama-samping-artikel h2 {
    margin: 0 0 var(--sitama-jarak-3);
    padding-bottom: var(--sitama-jarak-2);
    border-bottom: 3px solid var(--sitama-teks);
    font-size: 0.85rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.sitama-bagikan {
    justify-content: center;
    width: 100%;
}

.sitama-peta-terkait {
    display: flex;
    align-items: center;
    gap: var(--sitama-jarak-3);
    padding: var(--sitama-jarak-3);
    border: 1px solid var(--sitama-garis-halus);
    border-radius: var(--sitama-radius);
    color: var(--sitama-teks);
    transition: border-color var(--sitama-durasi);
}

.sitama-peta-terkait:hover {
    border-color: var(--sitama-biru);
    color: var(--sitama-teks);
}

.sitama-peta-terkait strong,
.sitama-peta-terkait small {
    display: block;
}

.sitama-peta-terkait strong {
    font-size: 0.95rem;
    line-height: 1.3;
}

.sitama-peta-terkait small {
    margin-top: 0.125rem;
    font-size: 0.8rem;
    color: var(--sitama-teks-redup);
}

.sitama-baca-juga {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: baca-juga;
}

.sitama-baca-juga li {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: 0.125rem var(--sitama-jarak-2);
    padding: var(--sitama-jarak-3) 0;
    border-bottom: 1px solid var(--sitama-garis-halus);
    counter-increment: baca-juga;
}

.sitama-baca-juga li::before {
    content: counter(baca-juga);
    grid-row: span 2;
    color: var(--sitama-oranye-teks);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
}

.sitama-baca-juga a {
    color: var(--sitama-teks);
    font-weight: 600;
    line-height: 1.35;
}

.sitama-baca-juga a:hover {
    color: var(--sitama-biru);
}

.sitama-baca-juga span {
    font-size: 0.8rem;
    color: var(--sitama-teks-redup);
}

.sitama-rubrik-lain {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sitama-jarak-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.sitama-rubrik-lain a {
    display: inline-flex;
    padding: var(--sitama-jarak-1) var(--sitama-jarak-3);
    border: 1px solid var(--sitama-garis-halus);
    border-radius: 999px;
    color: var(--sitama-teks);
    font-size: 0.85rem;
    font-weight: 500;
}

.sitama-rubrik-lain a:hover {
    border-color: var(--sitama-teks);
    color: var(--sitama-teks);
}

@media (min-width: 64em) {
    .sitama-samping-artikel {
        position: sticky;
        top: 6rem;
    }
}

.sitama-atlas {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--sitama-jarak-4);
}

.sitama-atlas__daftar {
    min-width: 0;
}

.sitama-atlas__daftar ul {
    display: flex;
    gap: var(--sitama-jarak-2);
    margin: 0 calc(-1 * var(--sitama-tepi));
    padding: 0 var(--sitama-tepi) var(--sitama-jarak-2);
    overflow-x: auto;
    list-style: none;
    scrollbar-width: none;
}

.sitama-atlas__pilihan {
    display: flex;
    align-items: center;
    gap: var(--sitama-jarak-3);
    min-height: 2.75rem;
    padding: var(--sitama-jarak-1) var(--sitama-jarak-4) var(--sitama-jarak-1) var(--sitama-jarak-1);
    border: 1px solid var(--sitama-garis-halus);
    border-radius: 999px;
    background: var(--sitama-latar);
    color: var(--sitama-teks);
    font-weight: 500;
    white-space: nowrap;
    transition: background-color var(--sitama-durasi), border-color var(--sitama-durasi);
}

.sitama-atlas__pilihan:hover {
    border-color: var(--sitama-garis);
    color: var(--sitama-teks);
}

.sitama-atlas__pilihan[aria-current="true"] {
    border-color: var(--sitama-biru);
    background: var(--sitama-latar-alt);
    font-weight: 700;
}

.sitama-atlas__ikon {
    display: grid;
    flex: none;
    place-items: center;
    width: 1.75rem;
    color: var(--sitama-teks-redup);
}

.sitama-atlas__ikon .sitama-ikon {
    width: 1.25rem;
    height: 1.25rem;
    stroke-width: 1.75;
}

.sitama-atlas__pilihan[aria-current="true"] .sitama-atlas__ikon {
    color: var(--sitama-biru);
}

.sitama-atlas__nama small {
    margin-left: var(--sitama-jarak-1);
    font-size: 0.8rem;
    font-weight: 400;
    color: var(--sitama-teks-redup);
}

.sitama-atlas__panggung {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--sitama-garis-halus);
    border-radius: var(--sitama-radius);
    background: var(--sitama-latar);
}

.sitama-atlas__info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--sitama-jarak-3) var(--sitama-jarak-5);
    padding: var(--sitama-jarak-4) var(--sitama-jarak-5);
    border-bottom: 1px solid var(--sitama-garis-halus);
}

.sitama-atlas__info h2 {
    margin: 0;
    font-size: 1.25rem;
}

.sitama-atlas__info p {
    margin: var(--sitama-jarak-1) 0 0;
    font-size: 0.9rem;
    color: var(--sitama-teks-redup);
}

.sitama-atlas__peta.sitama-peta-interaktif {
    height: clamp(26rem, 64vh, 44rem);
    border: 0;
    border-radius: 0;
}

.sitama-atlas__peta[aria-busy="true"] .leaflet-overlay-pane {
    opacity: 0.35;
    transition: opacity var(--sitama-durasi);
}

.sitama-atlas__kelas:not(:empty) {
    display: grid;
    gap: var(--sitama-jarak-3);
    padding: var(--sitama-jarak-4) var(--sitama-jarak-5);
    border-top: 1px solid var(--sitama-garis-halus);
}

.sitama-atlas__batang {
    display: flex;
    height: 0.75rem;
    overflow: hidden;
    border-radius: 999px;
    background: var(--sitama-latar-alt);
}

.sitama-atlas__legenda {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
    gap: var(--sitama-jarak-2) var(--sitama-jarak-5);
    margin: 0;
    padding: 0;
    list-style: none;
}

.sitama-atlas__legenda li {
    display: flex;
    align-items: center;
    gap: var(--sitama-jarak-2);
}

.sitama-atlas__legenda li > span:first-child {
    flex: none;
    width: 0.85rem;
    height: 0.85rem;
    border-radius: 3px;
}

.sitama-atlas__legenda strong {
    font-weight: 500;
}

.sitama-atlas__legenda li > span:last-child {
    margin-left: auto;
    color: var(--sitama-teks-redup);
    font-variant-numeric: tabular-nums;
}

@media (min-width: 64em) {
    .sitama-atlas {
        grid-template-columns: 16rem minmax(0, 1fr);
        align-items: start;
        gap: var(--sitama-jarak-5);
    }

    .sitama-atlas__daftar {
        position: sticky;
        top: 6rem;
    }

    .sitama-atlas__daftar ul {
        flex-direction: column;
        margin: 0;
        padding: 0;
        overflow: visible;
    }

    .sitama-atlas__pilihan {
        border-color: transparent;
        border-radius: var(--sitama-radius);
        background: transparent;
        line-height: 1.3;
        white-space: normal;
    }

    .sitama-atlas__pilihan:hover {
        border-color: transparent;
        background: var(--sitama-latar-alt);
    }

    .sitama-atlas__pilihan[aria-current="true"] {
        border-color: transparent;
        background: var(--sitama-latar-alt);
    }
}

.sitama-pintasan__ikon {
    display: grid;
    flex: none;
    place-items: center;
    color: var(--sitama-biru);
}

.sitama-pintasan__ikon .sitama-ikon {
    width: 1.5rem;
    height: 1.5rem;
    stroke-width: 1.75;
}

@media (min-width: 64em) {
    .sitama-situasi {
        grid-template-columns: minmax(0, 1.7fr) minmax(20rem, 1fr);
    }
}

.sitama-angka-strip {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
    margin: 0;
    border: 2px solid var(--sitama-garis-halus);
    border-radius: var(--sitama-radius);
    background: var(--sitama-putih);
}

.sitama-angka-strip.sitama-jarak-bawah {
    margin-bottom: var(--sitama-jarak-5);
}

.sitama-angka-strip > div {
    display: flex;
    flex-direction: column-reverse;
    padding: var(--sitama-jarak-5);
    border-bottom: 1px solid var(--sitama-garis-halus);
}

.sitama-angka-strip dt {
    color: var(--sitama-teks-redup);
}

.sitama-angka-strip dd {
    margin: 0;
    color: var(--sitama-biru);
    font-size: clamp(2rem, 1.6rem + 1.8vw, 2.75rem);
    font-weight: 700;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

.sitama-judul-halaman {
    padding-block: var(--sitama-jarak-6) var(--sitama-jarak-5);
    background: var(--sitama-latar-alt);
    border-bottom: 1px solid var(--sitama-garis-halus);
}

.sitama-judul-halaman h1 {
    margin-bottom: var(--sitama-jarak-2);
}

.sitama-judul-halaman p {
    max-width: 44rem;
    margin: 0;
    color: var(--sitama-teks-redup);
}

.sitama-remah {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sitama-jarak-2);
    margin: 0 0 var(--sitama-jarak-3);
    padding: 0;
    list-style: none;
    font-size: 0.9rem;
}

.sitama-remah li:not(:last-child)::after {
    content: "/";
    margin-left: var(--sitama-jarak-2);
    color: var(--sitama-teks-redup);
}

.sitama-chip-daftar {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sitama-jarak-2);
    margin-bottom: var(--sitama-jarak-5);
}

.sitama-chip {
    display: inline-flex;
    align-items: center;
    min-height: 2.5rem;
    padding: 0 0.9rem;
    border: 2px solid var(--sitama-garis-halus);
    border-radius: var(--sitama-radius);
    color: var(--sitama-teks);
    font-weight: 500;
    text-decoration: none;
}

.sitama-chip:hover {
    border-color: var(--sitama-biru);
    color: var(--sitama-biru);
}

.sitama-chip[aria-current="true"] {
    border-color: var(--sitama-biru);
    background: var(--sitama-biru);
    color: var(--sitama-putih);
}

.sitama-peta-tampil {
    display: grid;
    gap: var(--sitama-jarak-5);
}

.sitama-artikel {
    display: grid;
    gap: var(--sitama-jarak-7);
    padding-block: var(--sitama-jarak-6) var(--sitama-jarak-8);
}

.sitama-artikel__sampul {
    width: 100%;
    max-height: 26rem;
    object-fit: cover;
    margin-bottom: var(--sitama-jarak-5);
    border-radius: var(--sitama-radius);
}

.sitama-prosa {
    max-width: 44rem;
    font-size: 1.0625rem;
    line-height: 1.75;
    overflow-wrap: break-word;
}

.sitama-prosa h2 {
    margin-top: var(--sitama-jarak-6);
    font-size: 1.4rem;
}

.sitama-prosa h3 {
    margin-top: var(--sitama-jarak-5);
    font-weight: 700;
}

.sitama-prosa ul,
.sitama-prosa ol {
    padding-left: 1.4rem;
    margin: 0 0 var(--sitama-jarak-4);
}

.sitama-prosa li {
    margin-bottom: var(--sitama-jarak-2);
}

.sitama-prosa blockquote {
    margin: 0 0 var(--sitama-jarak-4);
    padding: var(--sitama-jarak-3) var(--sitama-jarak-4);
    border-radius: var(--sitama-radius);
    background: var(--sitama-oranye-muda);
}

.sitama-prosa blockquote p:last-child {
    margin: 0;
}

.sitama-prosa img {
    border-radius: var(--sitama-radius);
}

.sitama-prosa table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    border-collapse: collapse;
}

.sitama-prosa th,
.sitama-prosa td {
    padding: 0.4rem 0.6rem;
    border: 1px solid var(--sitama-garis-halus);
}

.sitama-prosa code {
    padding: 0.1rem 0.3rem;
    border-radius: var(--sitama-radius);
    background: var(--sitama-latar-alt);
    font-size: 0.9em;
}

.sitama-ringkas-kelas {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 34rem;
    margin: 0 0 var(--sitama-jarak-5);
    border: 2px solid var(--sitama-garis-halus);
    border-radius: var(--sitama-radius);
}

.sitama-ringkas-kelas div {
    display: flex;
    flex-direction: column-reverse;
    padding: var(--sitama-jarak-3) var(--sitama-jarak-4);
}

.sitama-ringkas-kelas div + div {
    border-left: 1px solid var(--sitama-garis-halus);
}

.sitama-ringkas-kelas dt {
    font-size: 0.9rem;
    color: var(--sitama-teks-redup);
}

.sitama-ringkas-kelas dd {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.15;
    color: var(--sitama-biru);
}

.sitama-kaki {
    padding-block: var(--sitama-jarak-6);
    background: var(--sitama-biru-gelap);
    color: var(--sitama-putih);
    font-size: 0.95rem;
}

.sitama-kaki__isi {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--sitama-jarak-4);
}

.sitama-kaki p {
    margin: 0;
}

.sitama-kaki a {
    display: inline-flex;
    align-items: center;
    gap: var(--sitama-jarak-2);
    min-height: 2.75rem;
    color: var(--sitama-putih);
}

.sitama-kaki a:hover {
    color: var(--sitama-oranye);
}

.sitama-isi-halaman {
    padding-block: var(--sitama-jarak-6) var(--sitama-jarak-8);
}

@media (min-width: 48em) {
    .sitama-sambutan__isi {
        grid-template-columns: auto 1fr;
        align-items: center;
        gap: var(--sitama-jarak-6);
    }

    .sitama-sambutan__logo {
        width: 7.5rem;
        height: 7.5rem;
    }

    .sitama-bagian {
        padding-block: var(--sitama-jarak-8);
    }

    .sitama-angka-strip > div + div {
        border-left: 1px solid var(--sitama-garis-halus);
    }

    .sitama-artikel {
        grid-template-columns: minmax(0, 1fr) minmax(16rem, 20rem);
        align-items: start;
    }
}

@media (min-width: 64em) {
    .sitama-sambutan::before {
        background: linear-gradient(
            90deg,
            rgba(9, 12, 71, 0.72) 0,
            rgba(9, 12, 71, 0.62)
                max(49rem, min(calc(50% + 7rem), calc(5% + 49rem))),
            rgba(9, 12, 71, 0.18)
                max(61rem, min(calc(50% + 19rem), calc(5% + 61rem))),
            rgba(9, 12, 71, 0) 100%
        );
    }

    .sitama-sambutan__isi {
        min-height: clamp(30rem, 42vw, 40rem);
        padding-block: var(--sitama-jarak-8);
    }

    .sitama-sambutan__isi > div {
        max-width: 36rem;
    }

    .sitama-sambutan__foto {
        object-position: 60% 50%;
    }
}

@media (max-width: 47.99em) {
    .sitama-sambutan .sitama-aksi > * {
        flex: 1 1 14rem;
    }
}

@media (max-width: 40em) {
    .sitama-merek {
        flex: 1 1 0;
        min-width: 0;
    }

    .sitama-merek > span {
        min-width: 0;
    }

    .sitama-merek small {
        overflow: hidden;
        font-size: 0.75rem;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .sitama-navigasi {
        display: none;
        order: 3;
        flex-basis: calc(100% + 2 * var(--sitama-tepi));
        flex-direction: column;
        gap: 0;
        margin: 0 calc(-1 * var(--sitama-tepi));
        padding-bottom: var(--sitama-jarak-2);
        border-top: 1px solid rgba(255, 255, 255, 0.16);
    }

    .sitama-navigasi[data-terbuka] {
        display: flex;
    }

    .sitama-navigasi a {
        min-height: 3rem;
        padding: 0 var(--sitama-tepi);
    }

    .sitama-navigasi a::after {
        display: none;
    }

    .sitama-navigasi a:hover,
    .sitama-navigasi a[aria-current="page"] {
        background: rgba(255, 255, 255, 0.1);
    }

    .sitama-navigasi a[aria-current="page"] {
        font-weight: 700;
    }

    .sitama-akses {
        order: 1;
        justify-content: center;
        width: 2.75rem;
        min-height: 2.75rem;
        margin-left: auto;
        padding: 0;
    }

    .sitama-akses__teks {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }

    .sitama-menu-publik {
        display: grid;
        order: 2;
    }
}

.sitama-publik {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.sitama-publik > main {
    flex: 1;
}

.sitama-kejadian-detail {
    display: grid;
    gap: var(--sitama-jarak-5);
    align-items: start;
}

.sitama-kejadian-detail__koordinat {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--sitama-jarak-2) var(--sitama-jarak-4);
    margin: var(--sitama-jarak-3) 0 0;
    font-size: 0.95rem;
}

.sitama-kejadian-detail__koordinat span {
    font-variant-numeric: tabular-nums;
}

.sitama-kejadian-detail__koordinat .sitama-ikon {
    color: var(--sitama-teks-redup);
}

.sitama-kejadian-detail__rincian {
    display: grid;
    gap: var(--sitama-jarak-4);
}

.sitama-rincian {
    display: grid;
    gap: var(--sitama-jarak-3);
    padding: var(--sitama-jarak-5);
}

.sitama-rincian h2 {
    margin: 0;
    font-size: 1.2rem;
}

.sitama-rincian p {
    margin: 0;
    font-size: 0.9rem;
}

.sitama-rincian dl {
    display: grid;
    margin: 0;
}

.sitama-rincian dl > div {
    display: grid;
    gap: var(--sitama-jarak-1);
    padding: var(--sitama-jarak-3) 0;
    border-bottom: 1px solid var(--sitama-garis-halus);
}

.sitama-rincian dl > div:last-child {
    border-bottom: 0;
}

.sitama-rincian dt {
    font-size: 0.875rem;
    color: var(--sitama-teks-redup);
}

.sitama-rincian dd {
    margin: 0;
    font-weight: 500;
    overflow-wrap: anywhere;
    white-space: pre-line;
}

.sitama-rincian .sitama-tombol {
    justify-self: start;
}

@media (min-width: 64em) {
    .sitama-kejadian-detail {
        grid-template-columns: minmax(0, 2fr) minmax(20rem, 1fr);
    }
}

.sitama-kejadian-bagian {
    margin-top: var(--sitama-jarak-7);
}

.sitama-kejadian-bagian h2 {
    margin-bottom: var(--sitama-jarak-4);
}

.sitama-legenda {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sitama-jarak-2) var(--sitama-jarak-5);
    margin: var(--sitama-jarak-3) 0 var(--sitama-jarak-2);
    padding: 0;
    list-style: none;
    font-size: 0.9rem;
}

.sitama-legenda li {
    display: inline-flex;
    align-items: center;
    gap: var(--sitama-jarak-2);
}

.sitama-legenda__titik {
    width: 0.9rem;
    height: 0.9rem;
    border: 2px solid var(--sitama-putih);
    border-radius: 50%;
    background: var(--sitama-warna-jenis);
    box-shadow: 0 0 0 1px var(--sitama-garis-halus);
}

.sitama-legenda__titik--kejadian {
    background: #DC2626;
}

.sitama-legenda__titik--kecil {
    width: 0.65rem;
    height: 0.65rem;
}

.sitama-tabel--rekap tfoot th,
.sitama-tabel--rekap tfoot td {
    border-top: 2px solid var(--sitama-garis-halus);
    background: var(--sitama-latar-alt);
    font-weight: 700;
}

.sitama-tabel--rekap thead th {
    white-space: normal;
    vertical-align: bottom;
}