/* Live market strip is physically embedded between the title and badge. */
.fib-header {
    display: grid !important;
    grid-template-columns: minmax(240px, 0.9fr) minmax(560px, 2fr) auto !important;
    align-items: center !important;
    gap: 24px !important;
}

.fib-header > div:first-child {
    min-width: 0;
}

.fib-header .header-market-strip.market-strip {
    margin: 0 !important;
    width: 100% !important;
    min-width: 0;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch;
}

.fib-header .header-market-strip.market-strip > div:nth-child(3),
.fib-header .header-market-strip.market-strip > div:nth-child(4) {
    display: none !important;
}

.fib-header .header-market-strip.market-strip > div {
    min-width: 0;
}

.fib-header .paper-guard {
    justify-self: end;
    align-self: center;
}

@media (max-width: 1100px) {
    .fib-header {
        grid-template-columns: minmax(220px, 0.8fr) minmax(430px, 1.6fr) auto !important;
        gap: 16px !important;
    }
}

@media (max-width: 820px) {
    .fib-header {
        grid-template-columns: 1fr auto !important;
    }

    .fib-header .header-market-strip.market-strip {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .fib-header .paper-guard {
        grid-column: 2;
        grid-row: 1;
    }
}

@media (max-width: 680px) {
    .fib-header {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .fib-header .paper-guard,
    .fib-header .header-market-strip.market-strip {
        grid-column: 1;
    }

    .fib-header .paper-guard {
        grid-row: 2;
        justify-self: start;
    }

    .fib-header .header-market-strip.market-strip {
        grid-row: 3;
        grid-template-columns: 1fr !important;
    }
}

/* Header centre-strip alignment v2 */
@media (min-width: 821px) {
    .fib-header .header-market-strip.market-strip {
        position: relative;
        left: clamp(14px, 1.8vw, 32px);
    }
}

@media (max-width: 820px) {
    .fib-header .header-market-strip.market-strip {
        left: 0;
    }
}

/* Header spacing v3: keep live strip clearly between title and badge. */
@media (min-width: 1101px) {
    .fib-header {
        grid-template-columns:
            minmax(270px, 0.82fr)
            minmax(640px, 1.55fr)
            minmax(150px, auto) !important;
        column-gap: clamp(30px, 2.4vw, 48px) !important;
    }

    .fib-header > .header-market-strip.market-strip {
        position: relative;
        left: 0 !important;
        width: min(100%, 940px) !important;
        max-width: 940px;
        justify-self: center !important;
        margin-inline: auto !important;
    }

    .fib-header > .paper-guard {
        justify-self: end !important;
        margin-left: clamp(14px, 1.2vw, 24px) !important;
        min-width: 122px;
    }
}