/*
 * MANADO.NEWS — GLOBAL PUBLIC POLISH R10
 * Source: full public layout audit 2026-10-25 (R1–R9 already active).
 * Layout-only improvements. No JS, PHP controller, route, content or SEO edits.
 * Scope includes homepage, article, archive/category/region, search, authors,
 * tags, live reports, issue tracker and editorial/static pages.
 */

@media screen {
    :root {
        --mn-r10-ink: #18213a;
        --mn-r10-muted: #6f7789;
        --mn-r10-border: rgba(21, 33, 63, .10);
        --mn-r10-card-shadow: 0 16px 40px rgba(24, 33, 58, .065);
    }

    html {
        scroll-padding-top: 96px;
    }

    body {
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
    }

    #konten-utama,
    #konten-utama > main,
    #konten-utama > section,
    #konten-utama .mn-container,
    #konten-utama .mn-container > .grid,
    #konten-utama .mn-container > .grid > main,
    #konten-utama .mn-container > .grid > aside {
        min-width: 0;
    }

    #konten-utama {
        max-width: 100%;
    }

    /* Text and media should never force a horizontal scrollbar. */
    #konten-utama :is(h1, h2, h3, h4) {
        font-family: "Poppins", Arial, sans-serif;
        overflow-wrap: break-word;
        text-wrap: pretty;
    }

    #konten-utama :is(img, picture, video, iframe) {
        max-width: 100%;
    }

    #konten-utama :is(section, article, aside, main) {
        min-width: 0;
    }

    /* Shared navigation strip: readable, not covered by floating ads. */
    .mn-breadcrumb-wrap {
        position: relative;
        z-index: 2;
    }

    .mn-breadcrumb-wrap > .mn-container {
        position: relative;
        min-width: 0;
        padding-inline: 18px;
    }

    .mn-breadcrumb {
        min-height: 49px;
        gap: 8px;
        padding-block: 12px;
        font-family: "Poppins", Arial, sans-serif;
        font-size: 12px;
        font-weight: 750;
        line-height: 1.65;
    }

    .mn-breadcrumb a {
        flex: 0 0 auto;
        text-underline-offset: 3px;
    }

    .mn-breadcrumb .current {
        display: inline-block;
        min-width: 0;
        max-width: min(80vw, 825px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle;
    }

    /* Public page gutter and editorial card rhythm. The R9 article reading
       room has its own 1050px shell, so it is deliberately excluded here. */
    #konten-utama > section.mn-container:not(.mn-r9-article-page) {
        padding-block: 26px 42px;
    }

    #konten-utama > section.mn-container > .grid:not(.mn-r9-article-grid) {
        gap: clamp(18px, 2.2vw, 28px) !important;
        align-items: start;
    }

    #konten-utama > section.mn-container > .grid:not(.mn-r9-article-grid)
        > main > section:first-child {
        border-radius: 26px !important;
        box-shadow: var(--mn-r10-card-shadow) !important;
    }

    #konten-utama > section.mn-container > .grid:not(.mn-r9-article-grid)
        > main > section:not(:first-child) {
        border-radius: 23px;
    }

    #konten-utama > section.mn-container > .grid:not(.mn-r9-article-grid)
        > aside > section {
        border-radius: 23px !important;
        box-shadow: var(--mn-r10-card-shadow) !important;
    }

    #konten-utama > section.mn-container > .grid:not(.mn-r9-article-grid)
        > aside > section > .border-b {
        padding-block: 18px;
    }

    /* Archive, search and author result cards share the same soft edges. */
    #konten-utama > section.mn-container > .grid:not(.mn-r9-article-grid)
        > main .grid article {
        min-width: 0;
        border-radius: 19px;
    }

    #konten-utama > section.mn-container > .grid:not(.mn-r9-article-grid)
        > main .grid article h2,
    #konten-utama > section.mn-container > .grid:not(.mn-r9-article-grid)
        > main .grid article h3 {
        line-height: 1.27;
        letter-spacing: -.025em;
    }

    /* Archive lists, tag collections and standalone reports preserve their
       content and their special color schemes, but get consistent framing. */
    #konten-utama > section.mn-container > .rounded-3xl,
    #konten-utama > section.mn-container > .bg-white.rounded-3xl {
        border-radius: 24px !important;
        box-shadow: var(--mn-r10-card-shadow);
    }

    #konten-utama > main > section > .mx-auto,
    #konten-utama > main > section.mx-auto {
        min-width: 0;
    }

    #konten-utama :is(a, button, input, textarea, select):focus-visible {
        outline: 3px solid rgba(0, 150, 214, .55);
        outline-offset: 3px;
    }

    /* Full-width tables remain scrollable inside article/sidebar instead of
       widening the entire page. The pre-existing table scripts are retained. */
    #konten-utama .article-content :is(table, pre, iframe) {
        max-width: 100%;
    }

    #konten-utama .article-content :is(pre, code) {
        overflow-wrap: anywhere;
    }
}

/* IMPORTANT: 1180px-wide public pages need 160px ad wings + 20px clearance
 * on BOTH sides. R6 assumes only 545px from center and clips archive pages.
 * New safe geometry: half 1180 (590) + clearance (20) = 610px.
 * Two wings plus gutters fit without overlap from 1560px viewport width.
 */
@media screen and (max-width: 1559px) {
    .mn-floating-ads,
    .mn-floating-ads:not(.is-hidden-disabled) {
        display: none !important;
    }
}

@media screen and (min-width: 1560px) and (min-height: 720px) {
    .mn-floating-ads:not(.is-hidden-disabled) {
        display: block !important;
    }

    .mn-floating-ads .mn-floating-ad-left {
        left: auto !important;
        right: calc(50% + 610px) !important;
    }

    .mn-floating-ads .mn-floating-ad-right {
        right: auto !important;
        left: calc(50% + 610px) !important;
    }
}

@media screen and (max-width: 1023px) {
    /* Stacked sidebars must not stay sticky below the desktop breakpoint. */
    #konten-utama > section.mn-container > .grid:not(.mn-r9-article-grid)
        > aside {
        position: static !important;
        width: 100%;
    }

    .mn-breadcrumb-wrap > .mn-container {
        padding-inline: 16px;
    }
}

@media screen and (max-width: 640px) {
    .mn-breadcrumb {
        min-height: 43px;
        gap: 6px;
        padding-block: 10px;
        font-size: 11px;
    }

    .mn-breadcrumb .current {
        max-width: 61vw;
    }

    #konten-utama > section.mn-container:not(.mn-r9-article-page) {
        padding-block: 17px 30px;
    }

    #konten-utama > section.mn-container > .grid:not(.mn-r9-article-grid)
        > main > section:first-child {
        border-radius: 19px !important;
    }

    #konten-utama > section.mn-container > .grid:not(.mn-r9-article-grid)
        > main > section,
    #konten-utama > section.mn-container > .grid:not(.mn-r9-article-grid)
        > aside > section {
        border-radius: 19px !important;
    }

    #konten-utama > section.mn-container > .grid:not(.mn-r9-article-grid)
        > main .grid article {
        border-radius: 16px;
    }
}