/* Tipografi dan grid responsif halaman publik. */
body {
    font-size: 14px;
    line-height: 1.6;
}

p,
li {
    font-size: 0.96em;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.7em;
}

h3 {
    font-size: 1.4em;
}

@media (max-width: 767px) {
    body {
        font-size: 13px;
        line-height: 1.55;
    }

    h1 {
        font-size: 1.7em;
    }

    h2 {
        font-size: 1.45em;
    }

    h3 {
        font-size: 1.25em;
    }

    /* Pertahankan dua kartu per baris pada grid Bootstrap di ponsel. */
    @supports selector(.row > [class*="col-"]:has(> [class*="card"])) {
        .row > [class*="col-"]:has(> [class*="card"]),
        .row > [class*="col-"]:has(> a:has([class*="card"])) {
            float: left;
            width: 50% !important;
        }
    }
}