/* ════════════════════════════════════════════════════════
   AN SPECTACLE PRO · v10.0 · responsive.css
   Breakpoints: 1280, 1100, 880, 680, 520
   ════════════════════════════════════════════════════════ */

@media (max-width: 1280px) {
    .ansp-hdr__in,
    .ansp-hero,
    .ansp-stack,
    .ansp-load-more,
    .ansp-footer { padding-left: 22px; padding-right: 22px; }

    .ansp-row-A { grid-auto-rows: 150px; }
    .ansp-row-B { grid-auto-rows: 240px; }
    .ansp-row-C { grid-auto-rows: 150px; }
    .ansp-row-D { grid-auto-rows: 150px; }
    .ansp-row-E { grid-auto-rows: 180px; }
    .ansp-row-F { grid-auto-rows: 240px; }

    .a-hero .ansp-tile__title-static,
    .a-hero .ansp-tile__title-marquee,
    .f-banner .ansp-tile__title-static,
    .f-banner .ansp-tile__title-marquee { font-size: 32px; }

    .d-1 .ansp-tile__title-static,
    .d-1 .ansp-tile__title-marquee { font-size: 26px; }
}

@media (max-width: 1100px) {
    .ansp-row-A {
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: 160px;
    }
    .ansp-row-A .a-hero  { grid-column: 1 / 3; grid-row: span 3; }
    .ansp-row-A .a-tall1 { grid-column: 1; grid-row: 4 / 6; }
    .ansp-row-A .a-tall2 { grid-column: 2; grid-row: 4 / 6; }
    .ansp-row-A .a-w1    { grid-column: 1; grid-row: 6; }
    .ansp-row-A .a-w2    { grid-column: 2; grid-row: 6; }
    .ansp-row-A .a-w3    { grid-column: 1 / 3; grid-row: 7; }

    .ansp-row-B { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 220px; }

    .ansp-row-C {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 160px;
    }
    .ansp-row-C .c-quote   { grid-column: 1 / 3; grid-row: span 2; }
    .ansp-row-C .c-tall1   { grid-column: 1; grid-row: 3 / 5; }
    .ansp-row-C .c-tall2   { grid-column: 2; grid-row: 3 / 5; }
    .ansp-row-C .c-short1  { grid-column: 1; grid-row: 5; }
    .ansp-row-C .c-short2  { grid-column: 2; grid-row: 5; }
    .ansp-row-C .c-short3  { grid-column: 1 / 3; grid-row: 6; }

    .ansp-row-D {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 170px;
    }
    .ansp-row-D .d-1 { grid-column: 1 / 3; grid-row: span 2; }
    .ansp-row-D .d-2 { grid-column: 1; grid-row: span 2; }
    .ansp-row-D .d-3 { grid-column: 2; grid-row: span 2; }
    .ansp-row-D .d-4 { grid-column: 1; grid-row: 5; }
    .ansp-row-D .d-5 { grid-column: 2; grid-row: 5; }

    .ansp-row-E {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 180px;
    }
    .ansp-row-E .e-stat   { grid-column: 1; grid-row: span 2; }
    .ansp-row-E .e-author { grid-column: 2; grid-row: span 2; }
    .ansp-row-E .e-st1    { grid-column: 1; grid-row: 3; }
    .ansp-row-E .e-st2    { grid-column: 2; grid-row: 3; }
    .ansp-row-E .e-st3    { grid-column: 1; grid-row: 4; }
    .ansp-row-E .e-st4    { grid-column: 2; grid-row: 4; }

    .ansp-row-F .f-banner { grid-column: 1; }
}

@media (max-width: 880px) {
    .ansp-tile.ansp-tile--num .num { font-size: 64px; }
    .ansp-tile.ansp-tile--news .news-h { font-size: 28px; }
    .ansp-author-name { font-size: 28px; }
    .c-quote .ansp-tile__type-q { font-size: 28px; }
    .ansp-tile__type-q { font-size: 24px; }
}

@media (max-width: 680px) {
    .ansp-hdr__in {
        padding: 0 16px;
        height: 54px;
        gap: 10px;
    }
    .ansp-search-btn span,
    .ansp-search-btn kbd { display: none; }
    .ansp-search-btn { padding: 6px 10px; }
    .ansp-sub-btn {
        padding: 7px 12px;
        font-size: 11.5px;
    }
    .ansp-brand__name { font-size: 15px; }

    .ansp-hero {
        padding: 48px 18px 32px;
    }
    .hero__h1 {
        font-size: clamp(44px, 12vw, 72px);
        max-width: none;
    }
    .hero__pill { font-size: 9.5px; padding: 5px 12px 5px 10px; }

    .ansp-stack { padding: 18px 18px 24px; }
    .ansp-load-more { padding: 36px 18px 28px; }
    .ansp-footer {
        padding: 32px 18px 24px;
        flex-direction: column;
        align-items: flex-start;
    }

    /* All rows collapse to single column on mobile */
    .ansp-row-A,
    .ansp-row-B,
    .ansp-row-C,
    .ansp-row-D,
    .ansp-row-E,
    .ansp-row-F {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        gap: 12px;
    }
    .ansp-row-A > *,
    .ansp-row-B > *,
    .ansp-row-C > *,
    .ansp-row-D > *,
    .ansp-row-E > *,
    .ansp-row-F > * {
        grid-column: 1 !important;
        grid-row: auto !important;
        height: 240px;
    }
    .a-hero,
    .f-banner,
    .c-quote,
    .d-1 { height: 320px !important; }

    .ansp-tile.ansp-tile--num,
    .ansp-tile.ansp-tile--type,
    .ansp-tile.ansp-tile--news { height: 280px !important; }

    .a-hero .ansp-tile__title-static,
    .a-hero .ansp-tile__title-marquee,
    .f-banner .ansp-tile__title-static,
    .f-banner .ansp-tile__title-marquee { font-size: 24px; }

    .d-1 .ansp-tile__title-static,
    .d-1 .ansp-tile__title-marquee { font-size: 22px; }

    .ansp-tile.ansp-tile--news .news-h { font-size: 22px; }
    .ansp-tile.ansp-tile--num .num { font-size: 56px; }
    .ansp-author-name { font-size: 26px; }
    .c-quote .ansp-tile__type-q,
    .ansp-tile__type-q { font-size: 22px; }

    .ansp-divider { margin: 28px 0 18px; font-size: 10px; }

    .ansp-fab {
        bottom: 16px;
        right: 16px;
        width: 44px;
        height: 44px;
    }

    .ansp-queue-drawer { width: 100vw; max-width: 100vw; }

    .ansp-search-ov { padding-top: 60px; }
    .ansp-search-input { font-size: 18px; }
}

@media (max-width: 520px) {
    .hero__bar { flex-direction: column; align-items: flex-start; }
    .hero__meta { gap: 14px; flex-direction: column; }
    .ansp-tile__chip { font-size: 9px; padding: 4px 9px; }
}