/* MiQ News Listing — image-free, responsive */
    .news-page {
        --miq-blue: #0d3b66;
        --miq-orange: #e67e22;
        --ink: #0d3b66;
        --muted: #ffa500;
        --card: #ffffff;
        --ring: #e6eef8;
        
        background: #f6f9fc;
        color: var(--ink);
        font: 16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, "Noto Sans", "Helvetica Neue", Arial;
    }

    .news-page .wrap {
        max-width: 1120px;
        margin-inline: auto;
        padding: 16px;
    }

    .page-title {
        font-size: clamp(24px, 2.4vw, 34px);
        color: var(--miq-blue);
        font-weight: 800;
        margin: 12px 0 14px;
        text-align: center
    }

    /* Cards */
    .card {
        display: block;
        background: var(--card);
        border-radius: 16px;
        box-shadow: 0 2px 0 rgba(13, 59, 102, .02), 0 8px 24px rgba(13, 59, 102, .08);
        overflow: hidden;
        border: 1px solid var(--ring);
    }

    .card .content {
        padding: 14px 16px 16px
    }

    .card .title {
        margin: 0 0 6px;
        line-height: 1.25
    }

    .card .title a {
        text-decoration: none;
        color: var(--ink);
    }

    .card .title a:hover {
        color: var(--miq-blue)
    }

    .card .excerpt {
        margin: 0 0 10px;
        color: var(--miq-blue)
    }

    .card .meta {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        color: var(--muted);
        font-size: 13px
    }

    /* LIST layout */
    .news-list {
        display: grid;
        gap: 16px
    }

    .card.list .title {
        font-size: 18px;
        font-weight: 800
    }

    /* Load more */
    .load-more-wrap {
        display: flex;
        align-items: center;
        gap: 12px;
        justify-content: center;
        margin: 22px 0 36px
    }

    .btn {
        /*appearance: none;*/
        border: 0;
        cursor: pointer;
        border-radius: 999px;
        padding: 10px 16px;
        font-weight: 700;
        background: var(--miq-blue);
        color: #fff;
        box-shadow: 0 3px 12px rgba(13, 59, 102, .25);
    }

    .btn:disabled {
        opacity: .6;
        cursor: not-allowed
    }

    .muted {
        color: var(--miq-blue);
        font-size: 13px
    }