
/*
 MATENG_GLOBAL_TYPOGRAPHY_8G77A3
 MATENG KUAAT ONLY
 Bold, readable, responsive.
 Avoid cumulative percentage scaling.
*/

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    font-size: 16px;
    font-weight: 650;
    line-height: 1.5;
}

/* Seluruh teks umum lebih tebal. */
body :is(
    p, span, small, a, button, label,
    li, dt, dd, td, th, strong, b,
    summary, figcaption, time
) {
    font-weight: 700 !important;
}

/* Judul tetap memiliki hierarki. */
body :is(h1, h2, h3, h4, h5, h6) {
    font-weight: 900 !important;
    line-height: 1.25;
}

/* Naikkan batas minimum, bukan mengalikan
   ukuran berulang pada halaman yang sudah besar. */
body :is(
    main p,
    main li,
    main label,
    main td,
    main th,
    main dd,
    main dt
) {
    font-size: max(14px, 1em) !important;
}

/* Caption tetap ringkas dan tidak mengambil
   terlalu banyak ruang. */
body :is(
    small,
    .muted,
    .byline,
    .hero-description
) {
    font-weight: 700 !important;
}

/* Tombol dan input cukup jelas dibaca. */
body :is(
    button,
    input,
    select,
    textarea
) {
    font-family: inherit;
    font-weight: 700 !important;
}

/* Navigasi dibaca jelas, tanpa memperbesar ikon. */
body :is(
    .bottom-nav a,
    .bottom-nav-item,
    .topbar a
) {
    font-weight: 800 !important;
}

/* Hindari efek samping pada ilustrasi SVG. */
svg, svg * {
    font-size: inherit;
}

/* Pemutar media mempertahankan tata letak. */
.mk-story-overlay,
.mk-story-overlay *,
.mk-story-stage,
.mk-story-progress {
    line-height: normal;
}

@media (max-width: 700px) {
    body {
        font-size: 16px;
    }

    body :is(
        main p,
        main li,
        main label,
        main td,
        main th
    ) {
        font-size: max(14px, 1em) !important;
    }

    body :is(
        .bottom-nav a,
        .bottom-nav-item
    ) {
        font-weight: 800 !important;
    }
}

/* Ukuran dokumen saat cetak tidak diubah. */
@media print {
    body {
        font-size: inherit !important;
        font-weight: normal !important;
    }

    body :is(
        p, span, small, a, button, label,
        li, dt, dd, td, th, strong, b,
        summary, figcaption, time,
        h1, h2, h3, h4, h5, h6
    ) {
        font-size: inherit !important;
        font-weight: inherit !important;
    }
}
