/*
 MATENG KUAAT — TIPOGRAFI TERPADU V2
 Fokus: keterbacaan publik, OPD, PPE dan HP.
 Tidak mengubah dimensi layout maupun media.
*/

@media screen {

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

    body {
        font-family:
            Inter,
            system-ui,
            -apple-system,
            "Segoe UI",
            sans-serif !important;
        font-size: 16px !important;
        line-height: 1.55;
    }

    /* Navigasi utama */
    body .mk-user-topnav a,
    body .nav a,
    body .bottom-nav-item {
        font-size: 15px !important;
        line-height: 1.35 !important;
    }

    /* Subjudul identitas aplikasi / OPD */
    body :is(
        .brand-copy span,
        .brand span,
        .public-brand span,
        .brand-subtitle,
        .mk-government-label
    ) {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }

    /* Formulir */
    body :is(
        input,
        select,
        textarea,
        button
    ) {
        font-size: 16px !important;
        line-height: 1.4 !important;
    }

    body :is(
        label,
        .hint,
        .lead,
        .errors,
        .note
    ) {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    /* Konten utama / postingan */
    body :is(
        .post-content,
        .comment-bubble,
        .activity-comment-bubble,
        .global-activity-content,
        .global-activity-subtitle,
        .feed-panel p
    ) {
        font-size: 16px !important;
        line-height: 1.6 !important;
    }

    /* Informasi pendukung */
    body :is(
        .welcome-label,
        .feed-head span,
        .following-chip,
        .following-empty,
        .byline,
        .post-meta,
        .feed-meta,
        .item-meta,
        .counts,
        .social-counts,
        .activity-social-counts,
        .feed-counts,
        .global-activity-byline,
        .composer-subtitle,
        .feed-empty span,
        .social-action-text,
        .hero-description,
        .role,
        .mobile-account-role,
        .account-type,
        .email,
        .stat span,
        .info-row,
        .unit-meta
    ) {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    /* Tombol tindakan dan menu pendukung */
    body :is(
        .profile-action,
        .logout-button,
        .login-button,
        .login-link,
        .login-follow,
        .action,
        .feed-action,
        .activity-social-button,
        .social-action-button,
        .feed-link,
        .tab,
        .pager,
        .open,
        .back,
        .button,
        .btn,
        .mk-public-links a,
        .mk-unit-btn,
        .mk-office-link
    ) {
        font-size: 15px !important;
        line-height: 1.4 !important;
    }

    /* Kartu dan judul */
    body :is(
        .card h2,
        .detail-title,
        .social-action-title
    ) {
        font-size: 18px !important;
        line-height: 1.35 !important;
    }

    body :is(
        .card p,
        .feed-empty strong,
        .mk-government-card p
    ) {
        font-size: 15px !important;
        line-height: 1.55 !important;
    }

    /* Tabel administrasi dan ringkasan */
    body :is(
        .mk-unit-admin-table,
        .mk-r6-copy small,
        .mk-map-placeholder,
        .mk-map-direction,
        .mk-map-location small
    ) {
        font-size: 14px !important;
        line-height: 1.45 !important;
    }

    /* Badge: ringkas tetapi tidak terlalu kecil */
    body :is(
        .verified,
        .followed,
        .badge,
        .jf-badge,
        .own-opd-badge,
        .followed-opd-badge,
        .feed-status
    ) {
        font-size: 12px !important;
        line-height: 1.35 !important;
    }

    /* Diagram struktur OPD:
       ukuran khusus untuk menjaga susunan diagram */
    body :is(
        .official-node-name,
        .org-node-name,
        .organogram-panel .mk-person-name,
        .organogram-panel .generic-tree .mk-person-name,
        .organogram-panel .mk-root-leader .mk-person-name
    ) {
        font-size: 12px !important;
        line-height: 1.35 !important;
    }

    body :is(
        .official-node-position,
        .org-node-position,
        .official-node-article,
        .org-node-jf,
        .organogram-panel .generic-tree .mk-person-meta,
        .organogram-panel .mk-root-leader-article,
        .organogram-panel .mk-root-leader-echelon,
        .organogram-panel .mk-root-leader-meta
    ) {
        font-size: 11px !important;
        line-height: 1.4 !important;
    }

    body :is(
        .organogram-panel .mk-root-leader-title,
        .organogram-heading p,
        .organogram-note
    ) {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }
}

@media screen and (max-width: 700px) {

    body .mk-user-topnav a {
        font-size: 15px !important;
    }

    body :is(
        .post-content,
        .comment-bubble,
        .activity-comment-bubble
    ) {
        font-size: 16px !important;
    }

    body :is(
        input,
        select,
        textarea
    ) {
        font-size: 16px !important;
    }
}