/* Scoped light refresh for the local three-screen UI pilot. */
body.ui-pilot {
    background: #f5f7fa;
    color: #17202b;
}

.ui-pilot a {
    color: #1769aa;
}

.ui-pilot a:hover,
.ui-pilot a:focus {
    color: #125286;
}

.ui-pilot a:focus,
.ui-pilot button:focus,
.ui-pilot input:focus,
.ui-pilot select:focus,
.ui-pilot .navbar-toggler:focus {
    outline: 3px solid rgba(23, 105, 170, 0.28);
    outline-offset: 2px;
}

.ui-pilot .card {
    border: 1px solid #dfe5eb;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(23, 32, 43, 0.05);
}

.ui-pilot-primary-nav {
    background: #ffffff !important;
    border-bottom: 1px solid #dfe5eb;
}

.ui-pilot-primary-nav .navbar-toggler {
    border-color: #dfe5eb;
}

.ui-pilot-primary-nav .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(23, 32, 43, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.ui-pilot-primary-nav .navbar-brand {
    color: #1769aa;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.ui-pilot-primary-nav .navbar-brand:hover,
.ui-pilot-primary-nav .navbar-brand:focus {
    color: #125286 !important;
    text-decoration: none;
}

.ui-pilot-primary-nav .nav-link {
    border-radius: 6px;
    color: #52606d !important;
    font-size: 14px;
    margin: 2px 1px;
    padding: 8px 10px !important;
}

.ui-pilot-primary-nav .nav-link:hover,
.ui-pilot-primary-nav .nav-link:focus,
.ui-pilot-primary-nav .ui-pilot-nav-active {
    background: #e8f2fb;
    color: #125286 !important;
}

.ui-pilot-primary-nav .ui-pilot-nav-active {
    font-weight: 700;
}

.ui-pilot-secondary-nav {
    background: #ffffff !important;
    border-bottom: 1px solid #dfe5eb;
    margin-bottom: 24px;
    padding-bottom: 8px;
    padding-top: 8px;
}

.ui-pilot-secondary-nav .navbar-brand {
    color: #17202b;
    font-size: 16px;
    font-weight: 700;
}

.ui-pilot-secondary-nav .btn-group {
    align-items: center;
    margin-bottom: 0 !important;
}

.ui-pilot-secondary-nav .btn-inline-secondary {
    background: #ffffff;
    border: 1px solid #dfe5eb;
    color: #52606d;
    min-height: 36px;
}

.ui-pilot-secondary-nav .btn-inline-secondary:hover,
.ui-pilot-secondary-nav .btn-inline-secondary:focus {
    background: #e8f2fb;
    color: #125286;
}

.ui-pilot-homepage {
    padding-bottom: 8px;
}

.ui-pilot-homepage .ui-homepage-visual,
.ui-pilot-homepage .ui-homepage-content {
    min-width: 0;
}

.ui-pilot-homepage .ui-homepage-visual .card {
    background: #ffffff;
    height: 100%;
    padding: 20px 16px 8px;
}

.ui-pilot-homepage .ui-homepage-visual img {
    display: block;
    margin: 0 auto 8px;
    max-height: 245px;
    object-fit: cover;
    width: 100%;
}

.ui-pilot-homepage .ui-image-credit {
    color: #6b7785;
    font-size: 11px;
    margin-bottom: 20px;
    text-align: center;
}

.ui-pilot-homepage .ui-homepage-content .card {
    background: #ffffff;
    height: 100%;
}

.ui-pilot-homepage .ui-homepage-content .card-body {
    padding: 28px 24px 24px;
}

.ui-pilot-homepage h1 {
    color: #b22222;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.15;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.ui-pilot-homepage .ui-homepage-lead {
    color: #52606d;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.45;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.ui-pilot-homepage .ui-country-links {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin-bottom: 24px;
}

.ui-pilot-homepage .ui-country-links img {
    height: auto;
    max-width: 100%;
}

.ui-pilot-homepage .ui-homepage-links {
    border-top: 1px solid #edf1f4;
    padding-top: 18px;
}

.ui-pilot-homepage .ui-homepage-links p {
    margin-bottom: 10px;
}

.ui-pilot-homepage .ui-homepage-update {
    color: #b22222;
    margin-bottom: 0;
}

.ui-pilot-best-sellers .ui-pilot-context-column {
    margin-bottom: 16px;
}

.ui-pilot-best-sellers .ui-pilot-context-card {
    background: #ffffff;
}

.ui-pilot-best-sellers .ui-pilot-context-content {
    align-items: center;
    display: grid;
    gap: 20px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 18px 20px;
}

.ui-pilot-best-sellers .ui-pilot-context-main {
    min-width: 0;
}

.ui-pilot-context-eyebrow {
    color: #1769aa;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    margin: 0 0 5px;
}

.ui-pilot-context-title {
    color: #17202b;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.25;
    margin: 0;
}

.ui-pilot-context-countries {
    align-items: center;
    color: #52606d;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    gap: 6px;
    margin-top: 8px;
}

.ui-pilot-context-country {
    align-items: center;
    background: #f0f3f6;
    border-radius: 4px;
    color: #17202b;
    display: inline-flex;
    font-weight: 700;
    gap: 4px;
    padding: 3px 6px;
}

.ui-pilot-context-country img {
    display: block;
}

.ui-pilot-context-countries > a {
    font-size: 12px;
    font-weight: 700;
}

.ui-pilot-context-main .ui-pilot-period-status {
    display: block;
    margin: 7px 0 0;
}

.ui-pilot-context-actions {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ui-pilot-context-actions .btn-inline-secondary {
    min-height: 36px;
}

.ui-pilot-period-navigation {
    align-items: center;
    display: flex;
    font-size: 12px;
    gap: 10px;
    justify-content: flex-end;
}

.ui-pilot-period-navigation a {
    align-items: center;
    display: inline-flex;
    min-height: 28px;
    padding: 4px 0;
    white-space: nowrap;
}

.ui-pilot-period-navigation .ui-pilot-latest-period {
    background: #e8f2fb;
    border: 1px solid #c9e0f2;
    border-radius: 4px;
    padding: 4px 6px;
}

.ui-pilot-period-navigation span {
    color: #52606d;
    font-weight: 700;
}

.ui-pilot-best-sellers .ui-pilot-data-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
}

.ui-pilot-best-sellers .ui-pilot-data-row > .ui-pilot-data-column {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 8px;
    padding-right: 8px;
}

.ui-pilot-best-sellers .ui-pilot-data-card {
    background: #ffffff;
    height: 100%;
}

.ui-pilot .card-header-success {
    background: #f0f3f6;
    border-bottom: 1px solid #dfe5eb;
    color: #17202b;
}

.ui-pilot .card-header-success .card-title,
.ui-pilot .ui-pilot-title-card .card-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
}

.ui-pilot .ui-pilot-title-card h1.card-title {
    font-size: 20px;
    line-height: 1.3;
}

.ui-pilot-table-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    min-height: 44px;
}

.ui-pilot-table-heading {
    flex: 1;
    min-width: 0;
    text-align: left;
}

.ui-pilot-table-header .card-title {
    margin-bottom: 2px;
}

.ui-pilot-table-toggle {
    color: #1769aa;
    font-size: 12px;
    white-space: nowrap;
}

.ui-pilot-table-scope {
    color: #6b7785;
    font-size: 11px;
    margin: 2px 0 0;
}

.ui-pilot-table-ranking-note {
    color: #6b7785;
    font-size: 11px;
    margin: 3px 0 0;
}

.ui-pilot-period-status {
    color: #52606d;
    font-size: 11px;
}

.ui-pilot-table-actions {
    align-items: center;
    display: flex;
    gap: 10px;
}

.ui-pilot-table-actions .btn-inline-secondary,
.ui-pilot-table-actions .ui-pilot-table-toggle {
    font-size: 12px;
    line-height: 1.2;
}

.ui-pilot-comparison-menu {
    min-width: 210px;
    padding: 12px;
}

.ui-pilot-comparison-menu-title {
    color: #52606d;
    font-weight: 700;
    font-size: 12px;
    margin: 0 0 8px;
}

.ui-pilot-comparison-form {
    min-width: 210px;
    padding: 12px;
}

.ui-pilot-comparison-option {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 13px;
    gap: 8px;
    margin: 0;
    padding: 5px 0;
}

.ui-pilot-comparison-option input {
    accent-color: #1769aa;
}

.ui-pilot-comparison-option span {
    color: #17202b;
}

.ui-pilot-comparison-apply {
    margin-top: 10px;
    width: 100%;
}

.ui-pilot-comparison-note {
    color: #52606d;
    font-size: 12px;
    margin: -4px 0 16px;
}

.ui-pilot-table-wrap {
    max-width: 100%;
    overscroll-behavior-x: contain;
    overflow-x: auto;
    width: 100%;
}

.ui-pilot-data-card .card-body {
    min-width: 0;
    overflow: hidden;
}

.ui-pilot-table-scroll-hint {
    color: #52606d;
    display: none;
    font-size: 11px;
    font-weight: 700;
    margin: 0 0 8px;
}

.ui-pilot-table {
    margin-bottom: 0;
    min-width: 100%;
}

.ui-pilot-table th {
    background: #f8fafc;
    border-bottom: 1px solid #dfe5eb;
    border-top: 0;
    color: #52606d;
    font-size: 12px;
    letter-spacing: 0.04em;
    padding: 9px 10px;
    white-space: nowrap;
}

.ui-pilot-table th abbr {
    border-bottom: 1px dotted currentColor;
    cursor: help;
    text-decoration: none;
}

.ui-pilot-column-label-compact {
    display: none;
}

.ui-pilot-table td {
    border-top: 1px solid #edf1f4;
    color: #17202b;
    font-size: 13px;
    padding: 8px 10px;
    vertical-align: middle;
}

.ui-pilot-table th[data-column="count"],
.ui-pilot-table th[data-column="share"],
.ui-pilot-table td[data-column="count"],
.ui-pilot-table td[data-column="share"],
.ui-pilot-table th[data-column="comparison"],
.ui-pilot-table td[data-column="comparison"] {
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.ui-pilot-comparison-value {
    white-space: nowrap;
}

.ui-pilot-comparison-value small {
    color: #52606d;
    font-size: 11px;
}

.ui-pilot-comparison-value.positive {
    color: #176b45;
}

.ui-pilot-comparison-value.negative {
    color: #a33a32;
}

.ui-pilot-comparison-value.neutral,
.ui-pilot-comparison-empty {
    color: #6b7785;
}

.ui-pilot-unknown-model {
    color: #6b7785 !important;
    font-style: italic;
    text-decoration: underline dotted;
    text-underline-offset: 3px;
}

.ui-pilot-table .ui-pilot-total-row th,
.ui-pilot-table .ui-pilot-total-row td {
    background: #f0f3f6;
    border-top: 2px solid #dfe5eb;
    font-weight: 700;
}

.ui-pilot-total-note {
    color: #52606d;
    font-size: 11px;
    margin: 10px 0 0;
}

.ui-pilot-empty-state {
    color: #52606d;
    margin: 0;
    padding: 24px 12px;
    text-align: center;
}

.ui-pilot-chart-grid {
    margin-left: -8px;
    margin-right: -8px;
}

.ui-pilot-chart-page {
    padding-bottom: 24px;
}

.ui-pilot-brand-models-row {
    margin-top: 16px;
}

.ui-pilot-brand-models .ui-pilot-table th:not(:first-child),
.ui-pilot-brand-models .ui-pilot-table td {
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.ui-pilot-brand-models .ui-pilot-table th:not(:first-child) {
    min-width: 110px;
}

.ui-pilot .ui-pilot-chart-main {
    flex-basis: 100%;
    max-width: 100%;
}

.ui-pilot-chart-column {
    padding-left: 8px;
    padding-right: 8px;
}

.ui-pilot-chart-shell {
    background: #ffffff;
}

.ui-pilot-chart-shell > .card-body {
    padding: 16px;
}

.ui-pilot-chart-title {
    background: #f0f3f6;
    border-bottom: 1px solid #dfe5eb;
}

.ui-pilot-chart-container {
    min-height: 400px;
    width: 100%;
}

.ui-pilot-chart-container canvas {
    display: block;
    max-width: 100%;
}

@media (max-width: 991.98px) {
    .ui-pilot-secondary-nav .navbar-nav.ml-auto {
        margin-top: 8px;
    }

    .ui-pilot-homepage .ui-homepage-content .card-body {
        padding: 24px 16px 20px;
    }

    .ui-pilot-homepage h1 {
        font-size: 24px;
    }

    .ui-pilot-homepage .ui-homepage-visual {
        display: none !important;
    }

    .ui-pilot-best-sellers .ui-pilot-data-row > .ui-pilot-data-column {
        flex-basis: 100%;
        max-width: 100%;
    }

    .ui-pilot-best-sellers .ui-pilot-data-column + .ui-pilot-data-column {
        margin-top: 16px;
    }
}

@media (max-width: 767.98px) {
    .ui-pilot .container-fluid {
        padding-left: 12px;
        padding-right: 12px;
    }

    .ui-pilot-secondary-nav {
        margin-bottom: 16px;
    }

    .ui-pilot-secondary-nav .navbar-brand {
        max-width: calc(100% - 56px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ui-pilot-best-sellers .ui-pilot-context-row {
        margin-left: 0;
        margin-right: 0;
    }

    .ui-pilot-best-sellers .ui-pilot-context-column {
        padding-left: 0;
        padding-right: 0;
    }

    .ui-pilot-best-sellers .ui-pilot-context-content {
        align-items: stretch;
        grid-template-columns: 1fr;
        padding: 16px;
    }

    .ui-pilot-context-title {
        font-size: 18px;
    }

    .ui-pilot-context-actions {
        align-items: flex-start;
    }

    .ui-pilot-context-country {
        padding: 3px;
    }

    .ui-pilot-context-country-name {
        display: none;
    }

    .ui-pilot-context-country-text-only .ui-pilot-context-country-name {
        display: inline;
    }

    .ui-pilot-period-navigation {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .ui-pilot-table-scroll-hint {
        display: block;
    }

    .ui-pilot-brand-models .ui-pilot-table {
        min-width: 620px;
    }

    .ui-pilot-table-has-comparisons {
        min-width: 420px;
    }

    .ui-pilot-data-card .card-body {
        padding: 12px;
    }

    .ui-pilot-table-has-comparisons th,
    .ui-pilot-table-has-comparisons td {
        padding-left: 6px;
        padding-right: 6px;
    }

    .ui-pilot-table:not(.ui-pilot-table-has-comparisons) th,
    .ui-pilot-table:not(.ui-pilot-table-has-comparisons) td {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .ui-pilot-column-label-full {
        display: none;
    }

    .ui-pilot-column-label-compact {
        display: inline;
    }

    .ui-pilot-chart-container {
        min-height: 360px;
    }

    .ui-pilot-homepage h1 {
        font-size: 22px;
    }

    .ui-pilot-homepage .ui-homepage-lead {
        font-size: 14px;
    }

    .ui-pilot-table-actions {
        align-items: center;
        flex-direction: row;
        justify-content: flex-end;
        gap: 12px;
    }

}

/* Latest daily-market pilot. */
.ui-latest-pilot {
    background: #f4f7f9;
    color: #17202b;
    min-height: 640px;
}

.ui-latest-shell {
    margin: 0 auto;
    max-width: 1440px;
    padding: 28px 24px 40px;
}

.ui-latest-header {
    background: #172a3b;
    border-radius: 14px;
    color: #ffffff;
    margin-bottom: 16px;
    padding: 16px 24px;
}

.ui-latest-eyebrow {
    color: #86cbd4;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.12em;
    margin: 0 0 10px;
}

.ui-latest-header h1 {
    color: #ffffff;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -0.035em;
    line-height: 1.1;
    margin: 0;
}

.ui-latest-intro {
    color: #c3d2dc;
    font-size: 15px;
    line-height: 1.5;
    margin: 8px 0 0;
    max-width: 980px;
}

.ui-latest-comparison-note {
    color: #86cbd4;
    font-size: 12px;
    line-height: 1.4;
    margin: 8px 0 0;
}

.ui-latest-freshness-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.ui-latest-freshness-item {
    align-items: center;
    border: 1px solid #52758a;
    border-radius: 5px;
    color: #d8e7ed !important;
    display: inline-flex;
    font-size: 12px;
    gap: 6px;
    min-height: 36px;
    padding: 5px 8px;
    text-decoration: none;
}

.ui-latest-freshness-item:hover,
.ui-latest-freshness-item:focus {
    border-color: #86cbd4;
    color: #ffffff !important;
    text-decoration: none;
}

.ui-latest-freshness-item img,
.ui-latest-country img {
    display: block;
}

.ui-latest-freshness-item time {
    color: #86cbd4;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
}

.ui-latest-freshness-item.is-behind {
    border-color: #9b7541;
}

.ui-latest-freshness-item.is-behind time {
    color: #f2c477;
}

.ui-latest-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ui-latest-card {
    background: #ffffff;
    border: 1px solid #d7e0e6;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 14px;
}

.ui-latest-card.is-behind {
    border-color: #e0c58d;
}

.ui-latest-card-header {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.ui-latest-country {
    align-items: center;
    color: #17202b;
    display: flex;
    font-size: 16px;
    gap: 7px;
}

.ui-latest-card-header time {
    color: #52606d;
    display: block;
    font-size: 11px;
    margin-top: 5px;
}

.ui-latest-intraday {
    color: #946200;
    display: block;
    font-size: 10px;
    font-weight: 800;
    margin-top: 4px;
}

.ui-latest-freshness {
    border-radius: 4px;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.3;
    max-width: 120px;
    padding: 4px 6px;
    text-align: right;
}

.ui-latest-freshness.is-fresh {
    background: #e6f6f0;
    color: #087f5b;
}

.ui-latest-freshness.is-behind {
    background: #fff6dd;
    color: #946200;
    min-width: 120px;
    text-align: center;
}

.ui-latest-freshness.is-behind > span {
    display: block;
}

.ui-latest-brands {
    margin-top: 10px;
}

.ui-latest-section-heading {
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.ui-latest-section-heading h2 {
    color: #17202b;
    font-size: 14px;
    font-weight: 800;
    margin: 0;
}

.ui-latest-section-heading span {
    color: #6b7785;
    font-size: 10px;
}

.ui-latest-brands table {
    border-collapse: collapse;
    margin: 0;
    width: 100%;
}

.ui-latest-brands th {
    background: #f8fafc;
    border-bottom: 1px solid #dfe5eb;
    color: #6b7785;
    font-size: 10px;
    letter-spacing: 0.05em;
    padding: 4px 6px;
    text-align: left;
}

.ui-latest-brands td {
    border-bottom: 1px solid #edf1f4;
    color: #17202b;
    font-size: 12px;
    padding: 5px 6px;
}

.ui-latest-brands th:not(:first-child),
.ui-latest-brands td:not(:first-child) {
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.ui-latest-change.is-positive {
    color: #087f5b;
}

.ui-latest-change.is-negative {
    color: #b42318;
}

.ui-latest-card-footer {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: auto;
    padding-top: 10px;
}

.ui-latest-card-footer a {
    font-size: 12px;
    font-weight: 800;
}

.ui-latest-uk-link {
    color: #946200 !important;
}

.ui-latest-uk-link span:first-child {
    background: #fff6dd;
    border-radius: 3px;
    color: #946200;
    font-size: 10px;
    margin-right: 3px;
    padding: 2px 4px;
}

.ui-pilot .bd-footer {
    background: #ffffff !important;
    border-top: 1px solid #dfe5eb;
    color: #52606d;
    margin-top: 0 !important;
    padding: 22px 0 !important;
}

.ui-pilot .bd-footer .container {
    max-width: 1440px;
}

.ui-pilot .bd-footer .row:first-child {
    font-size: 12px;
    margin-bottom: 12px;
}

.ui-pilot .bd-footer .row:nth-child(2) {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
    justify-content: center;
    margin: 0;
}

.ui-pilot .bd-footer .row:nth-child(2) .col {
    flex: 0 0 auto;
    padding: 0;
    width: auto;
}

.ui-pilot .bd-footer a {
    font-size: 12px;
    font-weight: 700;
}

/* Data Status local pilot. */
.ui-status-pilot {
    background: #f4f7f9;
    min-height: 640px;
}

.ui-status-shell {
    margin: 0 auto;
    max-width: 1440px;
    padding: 28px 24px 40px;
}

.ui-status-header {
    background: #172a3b;
    border-radius: 14px;
    color: #ffffff;
    margin-bottom: 16px;
    padding: 20px 24px;
}

.ui-status-eyebrow {
    color: #86cbd4;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.12em;
    margin: 0 0 10px;
}

.ui-status-header h1 {
    color: #ffffff;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -0.035em;
    line-height: 1.1;
    margin: 0;
}

.ui-status-header > p:not(.ui-status-eyebrow) {
    color: #c3d2dc;
    font-size: 14px;
    line-height: 1.5;
    margin: 8px 0 0;
}

.ui-status-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.ui-status-summary span {
    border: 1px solid #52758a;
    border-radius: 5px;
    color: #d8e7ed;
    font-size: 12px;
    padding: 5px 8px;
}

.ui-status-summary strong {
    color: #ffffff;
}

.ui-status-card {
    background: #ffffff;
}

.ui-status-card > .card-header {
    background: #f0f3f6;
    border-bottom: 1px solid #dfe5eb;
    padding: 14px 16px;
}

.ui-status-card h2 {
    color: #17202b;
    font-size: 16px;
    font-weight: 800;
    margin: 0;
}

.ui-status-card .card-header p {
    color: #52606d;
    font-size: 12px;
    margin: 4px 0 0;
}

.ui-status-card > .card-body {
    min-width: 0;
    overflow: hidden;
    padding: 0;
}

.ui-status-table-wrap {
    max-width: 100%;
    overscroll-behavior-x: contain;
    overflow-x: auto;
}

.ui-status-table-scroll-hint {
    color: #52606d;
    display: none;
    font-size: 11px;
    font-weight: 700;
    margin: 0;
    padding: 10px 12px 0;
}

.ui-status-table {
    margin: 0;
    min-width: 760px;
}

.ui-status-table caption {
    caption-side: top;
    color: #52606d;
    font-size: 12px;
    padding: 10px 12px 6px;
    text-align: left;
}

.ui-status-table thead th {
    background: #f8fafc;
    border-bottom: 1px solid #dfe5eb;
    border-top: 0;
    color: #52606d;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.04em;
    padding: 10px 12px;
    text-transform: uppercase;
    white-space: nowrap;
}

.ui-status-table tbody th,
.ui-status-table tbody td {
    border-color: #edf1f4;
    color: #17202b;
    font-size: 13px;
    padding: 9px 12px;
    vertical-align: middle;
}

.ui-status-table tbody th {
    font-weight: 700;
}

.ui-status-table [data-column="country"] a {
    align-items: center;
    display: inline-flex;
    gap: 7px;
    text-decoration: none;
}

.ui-status-table [data-column="country"] img {
    display: block;
}

.ui-status-table [data-column="latest"],
.ui-status-table [data-column="processed"],
.ui-status-table [data-column="coverage"],
.ui-status-table [data-column="market-size"] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.ui-status-cadence {
    background: #e8f2fb;
    border-radius: 4px;
    color: #125286;
    display: inline-block;
    font-size: 11px;
    font-weight: 800;
    padding: 3px 6px;
}

.ui-status-missing {
    color: #946200;
    font-weight: 700;
}

.ui-status-no-load {
    color: #6b7785;
    font-style: italic;
}

/* About product and methodology page. */
.ui-about {
    max-width: 1040px;
    padding-bottom: 48px;
    padding-top: 42px;
}

.ui-about-card {
    background: #ffffff;
}

.ui-about-card > .card-body {
    padding: 32px;
}

.ui-about-eyebrow {
    color: #1769aa;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.1em;
    margin: 0 0 10px;
}

.ui-about h1 {
    color: #17202b;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -0.035em;
    margin: 0;
}

.ui-about-intro {
    color: #52606d;
    font-size: 16px;
    line-height: 1.6;
    margin: 14px 0 0;
    max-width: 800px;
}

.ui-about-section {
    border-top: 1px solid #edf1f4;
    margin-top: 28px;
    padding-top: 24px;
}

.ui-about-section h2 {
    color: #17202b;
    font-size: 18px;
    font-weight: 800;
    margin: 0 0 10px;
}

.ui-about-news {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ui-about-news article {
    background: #f8fafc;
    border: 1px solid #dfe5eb;
    border-radius: 6px;
    padding: 16px;
}

.ui-about-news .ui-about-eyebrow {
    margin-bottom: 6px;
}

.ui-about-news h3 {
    color: #17202b;
    font-size: 16px;
    font-weight: 800;
    margin: 0 0 8px;
}

.ui-about-news p:last-child {
    margin: 0;
}

.ui-about-section p,
.ui-about-list,
.ui-about-cadence dd {
    color: #52606d;
    font-size: 14px;
    line-height: 1.55;
}

.ui-about-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ui-about-link-card {
    background: #f8fafc;
    border: 1px solid #dfe5eb;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    min-height: 130px;
    padding: 16px;
    text-decoration: none;
}

.ui-about-link-card:hover,
.ui-about-link-card:focus {
    background: #e8f2fb;
    border-color: #8ab8d8;
    text-decoration: none;
}

.ui-about-link-card strong {
    color: #17202b;
    font-size: 15px;
}

.ui-about-link-card span {
    color: #52606d;
    font-size: 13px;
    line-height: 1.45;
    margin-top: 8px;
}

.ui-about-cadence {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 16px 0;
}

.ui-about-cadence > div {
    background: #f8fafc;
    border-left: 3px solid #1769aa;
    padding: 12px 14px;
}

.ui-about-cadence dt {
    color: #17202b;
    font-size: 13px;
    font-weight: 800;
}

.ui-about-cadence dd {
    margin: 5px 0 0;
}

.ui-about-list {
    margin: 0;
    padding-left: 20px;
}

.ui-about-list li + li {
    margin-top: 8px;
}

.ui-about-sources {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 16px 0;
}

.ui-about-sources section {
    background: #f8fafc;
    border: 1px solid #edf1f4;
    padding: 14px;
}

.ui-about-sources h3 {
    color: #17202b;
    font-size: 13px;
    font-weight: 800;
    margin: 0 0 8px;
}

.ui-about-sources a {
    display: block;
    font-size: 12px;
    line-height: 1.4;
    margin-top: 6px;
}

.ui-about-sources p {
    font-size: 12px;
    margin: 0;
}

.ui-about-note {
    background: #f8fafc;
    border-left: 3px solid #86cbd4;
    margin-bottom: 0;
    padding: 10px 12px;
}

.ui-about-action {
    border: 1px solid #1769aa;
    border-radius: 6px;
    display: inline-block;
    font-size: 13px;
    font-weight: 800;
    min-height: 40px;
    padding: 10px 12px;
    text-decoration: none;
}

.ui-about-action:hover,
.ui-about-action:focus {
    background: #e8f2fb;
    text-decoration: none;
}

.ui-about-contact {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
}

.ui-about-contact h2,
.ui-about-contact p {
    flex-basis: 100%;
    margin-bottom: 0;
}

.ui-about-contact a {
    font-size: 13px;
    font-weight: 800;
}

@media (max-width: 991.98px) {
    .ui-latest-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ui-about-grid,
    .ui-about-cadence,
    .ui-about-sources,
    .ui-about-news {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .ui-latest-shell {
        padding: 24px 12px 48px;
    }

    .ui-status-shell {
        padding: 24px 12px 48px;
    }

    .ui-status-header {
        padding: 22px 18px;
    }

    .ui-status-header h1 {
        font-size: 27px;
    }

    .ui-status-table-scroll-hint {
        display: block;
    }

    .ui-status-table {
        min-width: 620px;
    }

    .ui-status-optional-column {
        display: none;
    }

    .ui-latest-header {
        padding: 22px 18px;
    }

    .ui-latest-header h1 {
        font-size: 27px;
    }

    .ui-latest-freshness-strip {
        gap: 6px;
    }

    .ui-latest-freshness-item {
        min-height: 34px;
        padding: 4px 6px;
    }

    .ui-latest-freshness-item span {
        display: none;
    }

    .ui-latest-grid {
        grid-template-columns: 1fr;
    }

    .ui-latest-card {
        padding: 16px;
    }

    .ui-about {
        padding: 24px 12px 40px;
    }

    .ui-about-card > .card-body {
        padding: 22px 16px;
    }

    .ui-about h1 {
        font-size: 26px;
    }

    .ui-latest-brands th,
    .ui-latest-brands td {
        font-size: 11px;
        padding-left: 4px;
        padding-right: 4px;
    }
}

/* Homepage concept switcher and the five local composition concepts. */
.ui-homepage-stage {
    background: #f5f7fa;
    min-height: 560px;
    padding-bottom: 24px;
}

.ui-homepage-concepts {
    align-items: center;
    background: #17202b;
    display: flex;
    gap: 6px;
    min-height: 44px;
    overflow-x: auto;
    padding: 6px 16px;
    white-space: nowrap;
}

.ui-homepage-concepts-label {
    color: #b9c3ce;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    margin-right: 8px;
    text-transform: uppercase;
}

.ui-homepage-concepts a {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 5px;
    color: #ffffff;
    font-size: 12px;
    padding: 5px 9px;
    text-decoration: none;
}

.ui-homepage-concepts a:hover,
.ui-homepage-concepts a:focus,
.ui-homepage-concepts a.is-active {
    background: #ffffff;
    color: #17202b;
}

.ui-pilot-homepage .ui-homepage-kicker {
    color: #6b7785;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.12em;
    margin-bottom: 12px;
}

.ui-pilot-homepage .ui-homepage-section-label {
    color: #6b7785;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.ui-pilot-homepage .ui-country-panel {
    border-bottom: 1px solid #edf1f4;
    border-top: 1px solid #edf1f4;
    padding: 16px 0 12px;
}

.ui-pilot-homepage .ui-country-links {
    justify-content: flex-start;
    margin-bottom: 0;
}

.ui-pilot-homepage .ui-homepage-links {
    display: grid;
    gap: 8px;
    padding-top: 18px;
}

.ui-pilot-homepage .ui-homepage-action {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 7px;
    display: flex;
    gap: 12px;
    min-height: 42px;
    padding: 8px 10px;
    text-decoration: none;
}

.ui-pilot-homepage .ui-homepage-action:hover,
.ui-pilot-homepage .ui-homepage-action:focus {
    background: #e8f2fb;
    border-color: #c9e0f2;
    text-decoration: none;
}

.ui-homepage-action-index {
    color: #6b7785;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
}

.ui-homepage-action span:last-child {
    color: #1769aa;
    font-size: 14px;
    font-weight: 700;
}

.ui-pilot-homepage .ui-homepage-account {
    border-top: 1px solid #edf1f4;
    color: #52606d;
    font-size: 13px;
    margin-top: 16px;
    padding-top: 16px;
}

.ui-pilot-homepage .ui-homepage-account p {
    margin-bottom: 8px;
}

.ui-pilot-homepage .ui-homepage-update {
    border-left: 3px solid #b22222;
    margin-top: 20px;
    padding-left: 12px;
}

.ui-pilot-homepage .ui-homepage-update .ui-homepage-section-label {
    color: #b22222;
    margin-bottom: 4px;
}

.ui-pilot-homepage .ui-homepage-update p:last-child {
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .ui-homepage-variant-2 .ui-pilot-homepage > .row,
    .ui-homepage-variant-4 .ui-pilot-homepage > .row {
        display: grid;
        gap: 16px;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        margin-left: 0;
        margin-right: 0;
    }

    .ui-homepage-variant-2 .ui-pilot-homepage .ui-homepage-visual,
    .ui-homepage-variant-4 .ui-pilot-homepage .ui-homepage-visual {
        display: block !important;
        flex: none;
        max-width: none;
        padding-left: 0;
        padding-right: 0;
        width: auto;
    }

    .ui-homepage-variant-2 .ui-pilot-homepage .ui-homepage-visual {
        grid-column: span 3;
    }

    .ui-homepage-variant-2 .ui-pilot-homepage .ui-homepage-content {
        grid-column: span 6;
        max-width: none;
        padding-left: 0;
        padding-right: 0;
        width: auto;
    }

    .ui-homepage-variant-4 .ui-pilot-homepage .ui-homepage-visual:first-child {
        grid-column: span 4;
    }

    .ui-homepage-variant-4 .ui-pilot-homepage .ui-homepage-content {
        grid-column: span 5;
        max-width: none;
        padding-left: 0;
        padding-right: 0;
        width: auto;
    }

    .ui-homepage-variant-4 .ui-pilot-homepage .ui-homepage-visual:last-child {
        grid-column: span 3;
    }
}

/* Concept 1: editorial split, the restrained default. */
.ui-homepage-variant-1 .ui-pilot-homepage .ui-homepage-content .card {
    background: #ffffff;
}

.ui-homepage-variant-1 .ui-homepage-visual-card {
    background: #ffffff;
}

/* Concept 2: atlas grid, warm canvas and route-oriented cards. */
.ui-homepage-variant-2 {
    background: #f1eee8;
}

.ui-homepage-variant-2 .ui-homepage-concepts {
    background: #354052;
}

.ui-homepage-variant-2 .ui-pilot-homepage .card {
    border-color: #d8d1c6;
    border-radius: 14px;
    box-shadow: 0 5px 14px rgba(53, 64, 82, 0.08);
}

.ui-homepage-variant-2 .ui-pilot-homepage .ui-homepage-content .card {
    background: #fffdf9;
}

.ui-homepage-variant-2 .ui-pilot-homepage h1 {
    color: #354052;
    font-size: 34px;
    text-transform: none;
}

.ui-homepage-variant-2 .ui-homepage-kicker,
.ui-homepage-variant-2 .ui-homepage-section-label {
    color: #a0613c;
}

.ui-homepage-variant-2 .ui-country-panel,
.ui-homepage-variant-2 .ui-homepage-account {
    border-color: #e4ddd3;
}

.ui-homepage-variant-2 .ui-country-links a {
    background: #f5f0e8;
    border: 1px solid #e4ddd3;
    border-radius: 6px;
    padding: 4px 6px;
}

.ui-homepage-variant-2 .ui-homepage-action {
    background: #f7f3ed;
    border-color: #e4ddd3;
}

.ui-homepage-variant-2 .ui-homepage-action:hover,
.ui-homepage-variant-2 .ui-homepage-action:focus {
    background: #efe4d7;
    border-color: #c99c7d;
}

.ui-homepage-variant-2 .ui-homepage-action span:last-child {
    color: #a0613c;
}

/* Concept 3: midnight, a high-contrast analytical landing surface. */
.ui-homepage-variant-3 {
    background: #101923;
}

.ui-homepage-variant-3 .ui-homepage-concepts {
    background: #0b1119;
}

.ui-homepage-variant-3 .ui-pilot-homepage .card {
    background: #1b2a38;
    border-color: #304557;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.ui-homepage-variant-3 .ui-pilot-homepage .ui-homepage-content .card {
    background: #152330;
}

.ui-homepage-variant-3 .ui-pilot-homepage h1,
.ui-homepage-variant-3 .ui-pilot-homepage .ui-homepage-lead,
.ui-homepage-variant-3 .ui-pilot-homepage .ui-homepage-account,
.ui-homepage-variant-3 .ui-pilot-homepage .ui-homepage-action span:last-child {
    color: #f4f7fa;
}

.ui-homepage-variant-3 .ui-homepage-kicker,
.ui-homepage-variant-3 .ui-homepage-section-label,
.ui-homepage-variant-3 .ui-homepage-action-index,
.ui-homepage-variant-3 .ui-image-credit {
    color: #9fb4c5;
}

.ui-homepage-variant-3 .ui-country-panel,
.ui-homepage-variant-3 .ui-homepage-account {
    border-color: #304557;
}

.ui-homepage-variant-3 .ui-homepage-action:hover,
.ui-homepage-variant-3 .ui-homepage-action:focus {
    background: #22394a;
    border-color: #3b6885;
}

.ui-homepage-variant-3 .ui-homepage-action span:last-child,
.ui-homepage-variant-3 .ui-pilot-homepage a {
    color: #70c7cf;
}

.ui-homepage-variant-3 .ui-homepage-update {
    border-color: #e6a15c;
}

.ui-homepage-variant-3 .ui-homepage-update .ui-homepage-section-label {
    color: #e6a15c;
}

/* Concept 4: magazine, expressive type and warm editorial imagery. */
.ui-homepage-variant-4 {
    background: #f7efe8;
}

.ui-homepage-variant-4 .ui-homepage-concepts {
    background: #4b3031;
}

.ui-homepage-variant-4 .ui-pilot-homepage .card {
    border: 0;
    border-radius: 22px;
    box-shadow: 0 12px 28px rgba(107, 67, 57, 0.12);
}

.ui-homepage-variant-4 .ui-pilot-homepage .ui-homepage-content .card {
    background: #fffaf5;
}

.ui-homepage-variant-4 .ui-pilot-homepage .card-body {
    padding: 34px 28px 30px;
}

.ui-homepage-variant-4 .ui-pilot-homepage h1 {
    color: #4b3031;
    font-size: 38px;
    letter-spacing: -0.03em;
    text-transform: none;
}

.ui-homepage-variant-4 .ui-homepage-kicker,
.ui-homepage-variant-4 .ui-homepage-section-label {
    color: #d35f45;
}

.ui-homepage-variant-4 .ui-homepage-visual-card {
    overflow: hidden;
    padding: 0 !important;
}

.ui-homepage-variant-4 .ui-homepage-visual-card img {
    border-radius: 0;
    height: 46%;
    margin: 0;
    max-height: none;
    object-fit: cover;
}

.ui-homepage-variant-4 .ui-image-credit {
    margin: 0;
    padding: 7px 10px 12px;
}

.ui-homepage-variant-4 .ui-homepage-action {
    background: #f8e8df;
    color: #4b3031;
}

.ui-homepage-variant-4 .ui-homepage-action:hover,
.ui-homepage-variant-4 .ui-homepage-action:focus {
    background: #f2d4c8;
    border-color: #d35f45;
}

.ui-homepage-variant-4 .ui-homepage-action span:last-child {
    color: #b54f3b;
}

.ui-homepage-variant-4 .ui-homepage-update {
    border-color: #d35f45;
}

/* Concept 5: minimal, calm reading flow with almost no chrome. */
.ui-homepage-variant-5 {
    background: #ffffff;
}

.ui-homepage-variant-5 .ui-homepage-concepts {
    background: #f5f7fa;
    border-bottom: 1px solid #dfe5eb;
}

.ui-homepage-variant-5 .ui-homepage-concepts-label {
    color: #52606d;
}

.ui-homepage-variant-5 .ui-homepage-concepts a {
    border-color: #dfe5eb;
    color: #52606d;
}

.ui-homepage-variant-5 .ui-homepage-concepts a:hover,
.ui-homepage-variant-5 .ui-homepage-concepts a:focus,
.ui-homepage-variant-5 .ui-homepage-concepts a.is-active {
    background: #1769aa;
    border-color: #1769aa;
    color: #ffffff;
}

.ui-homepage-variant-5 .ui-pilot-homepage .ui-homepage-content .card,
.ui-homepage-variant-5 .ui-homepage-visual-card {
    border-color: transparent;
    box-shadow: none;
}

.ui-homepage-variant-5 .ui-pilot-homepage .ui-homepage-content .card-body {
    padding-left: 8px;
    padding-right: 8px;
}

.ui-homepage-variant-5 .ui-pilot-homepage h1 {
    color: #17202b;
    font-size: 36px;
    max-width: 680px;
    text-transform: none;
}

.ui-homepage-variant-5 .ui-homepage-kicker,
.ui-homepage-variant-5 .ui-homepage-section-label {
    color: #1769aa;
}

.ui-homepage-variant-5 .ui-homepage-visual-card {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.ui-homepage-variant-5 .ui-homepage-visual-card img {
    filter: saturate(0.72);
    max-height: 170px;
}

.ui-homepage-variant-5 .ui-homepage-action {
    border-bottom: 1px solid #edf1f4;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 767.98px) {
    .ui-homepage-variant-2 .ui-pilot-homepage h1,
    .ui-homepage-variant-4 .ui-pilot-homepage h1,
    .ui-homepage-variant-5 .ui-pilot-homepage h1 {
        font-size: 27px;
    }

    .ui-homepage-variant-4 .ui-pilot-homepage .card-body {
        padding: 24px 16px 20px;
    }
}

/* Local homepage concept lab. These layouts are intentionally independent from
 * the production fallback in welcome.blade.php. */
.ui-homepage-lab {
    background: #f4f7f9;
    color: #17202b;
    min-height: 640px;
}

.ui-homepage-lab-switcher {
    align-items: center;
    background: #17202b;
    display: flex;
    gap: 6px;
    min-height: 44px;
    overflow-x: auto;
    padding: 6px 16px;
    white-space: nowrap;
}

.ui-homepage-lab-switcher span {
    color: #b9c3ce;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    margin-right: 8px;
    text-transform: uppercase;
}

.ui-homepage-lab-switcher a {
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 5px;
    color: #ffffff;
    font-size: 12px;
    padding: 5px 9px;
    text-decoration: none;
}

.ui-homepage-lab-switcher a:hover,
.ui-homepage-lab-switcher a:focus,
.ui-homepage-lab-switcher a[aria-current="page"] {
    background: #ffffff;
    color: #17202b;
}

.ui-homepage-lab-shell {
    margin: 0 auto;
    max-width: 1440px;
    padding: 56px 24px 72px;
}

.ui-homepage-lab h1,
.ui-homepage-lab h2,
.ui-homepage-lab p {
    margin-top: 0;
}

.ui-homepage-lab h1 {
    font-size: clamp(34px, 5vw, 68px);
    font-weight: 800;
    letter-spacing: -0.045em;
    line-height: 1.02;
    margin-bottom: 20px;
    max-width: 820px;
}

.ui-homepage-lab h2 {
    font-size: 25px;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.ui-homepage-eyebrow {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.12em;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.ui-homepage-hero-copy {
    color: #52606d;
    font-size: 17px;
    line-height: 1.55;
    margin-bottom: 0;
    max-width: 620px;
}

.ui-homepage-lab a {
    transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease, transform 120ms ease;
}

.ui-homepage-lab a:focus {
    outline: 3px solid rgba(23, 105, 170, 0.3);
    outline-offset: 3px;
}

.ui-homepage-lab-hero {
    margin-bottom: 42px;
}

.ui-homepage-question-hero .ui-homepage-eyebrow,
.ui-homepage-question-hero h1 {
    color: #1769aa;
}

.ui-homepage-question-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 48px;
}

.ui-homepage-question-card {
    background: #ffffff;
    border: 1px solid #dfe5eb;
    border-radius: 12px;
    box-shadow: 0 5px 16px rgba(23, 32, 43, 0.06);
    display: flex;
    flex-direction: column;
    min-height: 248px;
    padding: 24px;
    text-decoration: none;
}

.ui-homepage-question-card:hover,
.ui-homepage-question-card:focus {
    border-color: #8ab8d8;
    box-shadow: 0 10px 24px rgba(23, 105, 170, 0.12);
    transform: translateY(-2px);
    text-decoration: none;
}

.ui-homepage-card-number {
    color: #6b7785;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
    margin-bottom: 34px;
}

.ui-homepage-question-card strong,
.ui-homepage-pulse-card strong,
.ui-homepage-lane strong,
.ui-homepage-story-card strong {
    color: #17202b;
    font-size: 21px;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.ui-homepage-question-card > span:not(.ui-homepage-card-number),
.ui-homepage-pulse-card > span:not(.ui-homepage-eyebrow),
.ui-homepage-lane > span:not(.ui-homepage-lane-label) {
    color: #52606d;
    font-size: 14px;
    line-height: 1.45;
    margin-top: 10px;
}

.ui-homepage-pulse-card > span.ui-homepage-pulse-card-scope {
    color: #1769aa;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.04em;
    margin-top: 8px;
    text-transform: uppercase;
}

.ui-homepage-question-card b,
.ui-homepage-pulse-card b,
.ui-homepage-lane b,
.ui-homepage-story-card b {
    color: #1769aa;
    font-size: 13px;
    margin-top: auto;
    padding-top: 26px;
}

.ui-homepage-lab-panel {
    background: #ffffff;
    border: 1px solid #dfe5eb;
    border-radius: 12px;
    padding: 24px;
}

.ui-homepage-country-panel {
    align-items: center;
    display: flex;
    gap: 32px;
    justify-content: space-between;
}

.ui-homepage-country-panel h2 {
    margin-bottom: 0;
}

.ui-homepage-country-links {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ui-homepage-country-links a {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 6px;
    display: inline-flex;
    min-height: 30px;
    padding: 4px 6px;
}

.ui-homepage-country-links a:hover,
.ui-homepage-country-links a:focus {
    background: #e8f2fb;
    border-color: #8ab8d8;
}

.ui-homepage-country-links img {
    display: block;
    max-width: 100%;
}

/* Market pulse */
.ui-homepage-lab-2 {
    background: #eef3f6;
}

.ui-homepage-lab-2 .ui-homepage-lab-shell {
    padding-top: 42px;
}

.ui-homepage-pulse-hero {
    color: #ffffff;
    display: block;
    padding: 0;
    position: relative;
}

.ui-homepage-pulse-hero-head {
    align-items: stretch;
    display: grid;
    gap: 18px;
    grid-template-columns: 1fr;
}

.ui-homepage-pulse-nav-part {
    background: #172a3b;
    border: 1px solid #172a3b;
    border-radius: 14px;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    min-height: 216px;
    padding: 30px 32px;
    text-decoration: none;
}

.ui-homepage-pulse-nav-part:hover,
.ui-homepage-pulse-nav-part:focus {
    border-color: #70c7cf;
    box-shadow: 0 8px 18px rgba(23, 58, 76, 0.12);
    color: #ffffff;
    text-decoration: none;
}

.ui-homepage-pulse-hero .ui-homepage-eyebrow {
    color: #86cbd4;
}

.ui-homepage-pulse-hero h1,
.ui-homepage-pulse-nav-part h2 {
    color: #ffffff;
    font-size: 48px;
    line-height: 1.05;
    max-width: 520px;
}

.ui-homepage-pulse-hero .ui-homepage-hero-copy {
    color: #c3d2dc;
}

.ui-homepage-pulse-intro {
    color: #c3d2dc;
    font-size: 15px;
    line-height: 1.5;
    margin: 0;
    max-width: 620px;
}

.ui-homepage-pulse-nav-part .ui-homepage-eyebrow {
    color: #86cbd4;
}

.ui-homepage-pulse-nav-part h2 {
    margin: 0 0 12px;
}

.ui-homepage-pulse-nav-part > p:not(.ui-homepage-eyebrow) {
    color: #c3d2dc;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 0;
}

.ui-homepage-pulse-nav-part b {
    color: #86cbd4;
    font-size: 12px;
    margin-top: auto;
    padding-top: 18px;
}

.ui-homepage-pulse-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.ui-homepage-pulse-action {
    border: 1px solid #52758a;
    border-radius: 6px;
    color: #d8e7ed;
    font-size: 13px;
    font-weight: 800;
    min-height: 40px;
    padding: 10px 12px;
    text-decoration: none;
}

.ui-homepage-pulse-action:hover,
.ui-homepage-pulse-action:focus {
    border-color: #86cbd4;
    color: #ffffff;
    text-decoration: none;
}

.ui-homepage-pulse-action-primary {
    background: #86cbd4;
    border-color: #86cbd4;
    color: #172a3b;
}

.ui-homepage-pulse-action-primary:hover,
.ui-homepage-pulse-action-primary:focus {
    background: #b5e4e8;
    border-color: #b5e4e8;
    color: #172a3b;
}

.ui-homepage-pulse-coverage {
    align-self: end;
    min-width: 230px;
}

.ui-homepage-pulse-coverage .ui-homepage-eyebrow {
    margin-bottom: 10px;
}

.ui-homepage-pulse-coverage a {
    color: #86cbd4;
    display: inline-block;
    font-size: 12px;
    margin-top: 12px;
}

.ui-homepage-pulse-cutoff {
    color: #b9cbd6;
    font-size: 11px;
    margin-top: 10px;
}

.ui-homepage-pulse-coverage-label {
    color: #86cbd4;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.04em;
    margin-top: 10px;
}

.ui-homepage-pulse-stale {
    color: #f2c477;
    font-size: 11px;
    line-height: 1.35;
    margin-top: 5px;
}

.ui-homepage-pulse-flags,
.ui-homepage-cutoff-flags {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.ui-homepage-pulse-nav-daily .ui-homepage-pulse-flags {
    margin-top: auto;
    padding-top: 18px;
}

.ui-homepage-pulse-flags img {
    border-radius: 2px;
    display: block;
    height: 24px;
    object-fit: contain;
    width: 32px;
}

.ui-homepage-pulse-mark {
    align-items: end;
    display: flex;
    gap: 10px;
    height: 190px;
    margin-right: 30px;
    opacity: 0.8;
    transform: skewX(-20deg);
}

.ui-homepage-pulse-mark span {
    background: #70c7cf;
    border-radius: 3px 3px 0 0;
    display: block;
    height: 52px;
    width: 18px;
}

.ui-homepage-pulse-mark span:nth-child(2) { height: 106px; }
.ui-homepage-pulse-mark span:nth-child(3) { height: 78px; }
.ui-homepage-pulse-mark span:nth-child(4) { height: 156px; }
.ui-homepage-pulse-mark span:nth-child(5) { height: 126px; }

.ui-homepage-pulse-hero-snapshot {
    margin-top: 18px;
}

.ui-homepage-pulse-grid-heading {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}

.ui-homepage-pulse-grid-heading p {
    color: #1769aa;
    margin-bottom: 0;
}

.ui-homepage-pulse-grid-heading a {
    color: #1769aa;
    font-size: 12px;
    font-weight: 800;
}

.ui-homepage-pulse-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 42px;
}

.ui-homepage-pulse-card {
    background: #ffffff;
    border: 1px solid #d7e0e6;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    min-height: 220px;
    padding: 20px;
    text-decoration: none;
}

.ui-homepage-pulse-card:hover,
.ui-homepage-pulse-card:focus {
    border-color: #70b8c1;
    box-shadow: 0 8px 18px rgba(23, 58, 76, 0.1);
    text-decoration: none;
    transform: translateY(-2px);
}

.ui-homepage-pulse-card .ui-homepage-eyebrow {
    color: #1769aa;
}

.ui-homepage-pulse-card-primary {
    background: #dff2f3;
    border-color: #b4dfe2;
}

.ui-homepage-snapshot {
    background: #172a3b;
    border-radius: 14px;
    color: #ffffff;
    margin-bottom: 42px;
    padding: 28px;
}

.ui-homepage-snapshot-heading {
    align-items: end;
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
}

.ui-homepage-snapshot-heading .ui-homepage-eyebrow {
    color: #86cbd4;
    margin-bottom: 8px;
}

.ui-homepage-snapshot-heading h2 {
    color: #ffffff;
    margin-bottom: 0;
}

.ui-homepage-snapshot-heading > span {
    color: #b9cbd6;
    font-size: 12px;
}

.ui-homepage-metrics {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 22px;
}

.ui-homepage-metric {
    background: #203c50;
    border: 1px solid #34566c;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    padding: 16px;
}

.ui-homepage-metric .ui-homepage-eyebrow {
    color: #86cbd4;
    margin-bottom: 18px;
}

.ui-homepage-metric strong {
    color: #ffffff;
    font-size: 32px;
    letter-spacing: -0.04em;
    line-height: 1;
}

.ui-homepage-metric > span:last-child {
    color: #b9cbd6;
    font-size: 12px;
    margin-top: 8px;
}

.ui-homepage-snapshot-detail {
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 1.5fr) minmax(230px, 1fr);
}

.ui-homepage-snapshot-chart,
.ui-homepage-snapshot-ranking {
    border-top: 1px solid #34566c;
    padding-top: 14px;
}

.ui-homepage-snapshot-detail-heading {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

.ui-homepage-snapshot-detail-heading strong {
    color: #ffffff;
    font-size: 13px;
}

.ui-homepage-snapshot-detail-heading a {
    color: #86cbd4;
    font-size: 12px;
}

.ui-homepage-snapshot-bars {
    align-items: end;
    display: flex;
    gap: 8px;
    height: 116px;
}

.ui-homepage-snapshot-bar-item {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    justify-content: end;
}

.ui-homepage-snapshot-bar {
    background: #70c7cf;
    border-radius: 3px 3px 0 0;
    display: block;
    max-height: 90px;
    min-height: 12px;
    width: 100%;
}

.ui-homepage-snapshot-bar-item small {
    color: #9fb4c5;
    font-size: 10px;
    margin-top: 7px;
    white-space: nowrap;
}

.ui-homepage-snapshot-rank {
    border-bottom: 1px solid #34566c;
    color: #b9cbd6;
    display: flex;
    font-size: 13px;
    justify-content: space-between;
    padding: 8px 0;
}

.ui-homepage-snapshot-rank strong {
    color: #ffffff;
    font-variant-numeric: tabular-nums;
}

.ui-homepage-snapshot-empty {
    color: #b9cbd6;
    margin-bottom: 0;
}

.ui-homepage-pulse-hero .ui-homepage-eyebrow {
    font-size: 14px;
    letter-spacing: 0.14em;
}

.ui-homepage-snapshot-meta {
    align-items: center;
    border-bottom: 1px solid #34566c;
    color: #b9cbd6;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding-bottom: 16px;
}

.ui-homepage-snapshot-meta-period {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ui-homepage-snapshot-meta strong {
    color: #ffffff;
    font-size: 14px;
}

.ui-homepage-snapshot-meta span {
    font-size: 12px;
}

.ui-homepage-cutoff-flags {
    justify-content: flex-end;
}

.ui-homepage-cutoff-label {
    color: #9fb4c5;
    font-size: 11px !important;
    margin-right: 3px;
}

.ui-homepage-cutoff-flags img {
    border-radius: 2px;
    display: block;
    height: 17px;
    object-fit: cover;
    width: 26px;
}

.ui-homepage-comparison-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 18px;
}

.ui-homepage-comparison-block {
    min-width: 0;
}

.ui-homepage-pulse-panel {
    background: #172a3b;
    border-radius: 14px;
    color: #ffffff;
    padding: 24px;
}

.ui-homepage-comparison-heading {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 14px;
}

.ui-homepage-comparison-heading .ui-homepage-eyebrow {
    color: #86cbd4;
    margin-bottom: 5px;
}

.ui-homepage-comparison-heading h3 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 800;
    margin: 0;
}

.ui-homepage-daily-scope {
    color: #9fb4c5;
    font-size: 11px;
    line-height: 1.35;
    margin: 5px 0 0;
}

.ui-homepage-comparison-heading > a {
    color: #86cbd4;
    flex-shrink: 0;
    font-size: 12px;
}

.ui-homepage-comparison-table {
    border-top: 1px solid #52758a;
}

.ui-homepage-comparison-row {
    align-items: center;
    border-bottom: 1px solid #34566c;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(54px, 0.65fr));
    min-height: 42px;
}

.ui-homepage-comparison-row > span:not(:first-child),
.ui-homepage-comparison-row > strong:not(:first-child) {
    text-align: right;
}

.ui-homepage-comparison-row > strong {
    color: #ffffff;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-homepage-comparison-row > strong a,
.ui-homepage-trending-brand strong a,
.ui-homepage-trending-driver a {
    color: inherit;
    text-decoration: none;
}

.ui-homepage-comparison-row > strong a:hover,
.ui-homepage-comparison-row > strong a:focus,
.ui-homepage-trending-brand strong a:hover,
.ui-homepage-trending-brand strong a:focus,
.ui-homepage-trending-driver a:hover,
.ui-homepage-trending-driver a:focus {
    color: #86cbd4;
    text-decoration: underline;
}

.ui-homepage-comparison-more {
    margin: 0;
}

.ui-homepage-comparison-more summary {
    display: none;
}

.ui-homepage-comparison-more-hide {
    display: none;
}

.ui-homepage-comparison-row > span {
    color: #b9cbd6;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

.ui-homepage-comparison-row-overall {
    grid-template-columns: minmax(0, 1.35fr) repeat(4, minmax(42px, 0.6fr));
}

.ui-homepage-comparison-header {
    min-height: 32px;
}

.ui-homepage-comparison-header > span {
    color: #86cbd4;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: none;
}

.ui-homepage-comparison-header > span:not(:first-child) {
    text-align: right;
}

.ui-homepage-change.is-positive {
    color: #8ee0b5 !important;
}

.ui-homepage-change.is-negative {
    color: #f3a59d !important;
}

.ui-homepage-comparison-note {
    color: #9fb4c5;
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 12px;
}

.ui-homepage-comparison-period-note {
    color: #9fb4c5;
    font-size: 11px;
    line-height: 1.4;
    margin: -5px 0 12px;
}

.ui-homepage-trending-block {
    grid-column: 1 / -1;
}

.ui-homepage-trending-list {
    border-top: 1px solid #52758a;
}

.ui-homepage-trending-row {
    align-items: center;
    border-bottom: 1px solid #34566c;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(150px, 0.8fr) minmax(0, 2fr) auto;
    min-height: 42px;
}

.ui-homepage-trending-brand {
    align-items: center;
    display: flex;
    gap: 12px;
    min-width: 0;
}

.ui-homepage-trending-brand strong {
    color: #ffffff;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-homepage-trending-brand span {
    color: #9fb4c5;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
}

.ui-homepage-trending-drivers {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    min-width: 0;
}

.ui-homepage-trending-driver-label {
    color: #9fb4c5;
    font-size: 11px;
}

.ui-homepage-trending-driver {
    background: #203c50;
    border: 1px solid #34566c;
    border-radius: 4px;
    color: #d8e7ed;
    font-size: 11px;
    padding: 4px 7px;
}

.ui-homepage-trending-driver b {
    color: #8ee0b5;
    font-variant-numeric: tabular-nums;
    margin-left: 3px;
}

.ui-homepage-trending-more {
    margin: 0;
}

.ui-homepage-trending-more summary {
    display: none;
}

.ui-homepage-trending-more-hide {
    display: none;
}

.ui-homepage-trending-row b {
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    min-width: 55px;
    text-align: right;
}

.ui-homepage-pulse-lower {
    align-items: stretch;
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr;
}

.ui-homepage-pulse-lower .ui-homepage-lab-panel h2 {
    margin-bottom: 22px;
}

.ui-homepage-account-panel {
    background: #ffffff;
    border: 1px solid #d7e0e6;
    border-radius: 12px;
    padding: 24px;
}

.ui-homepage-account-panel .ui-homepage-eyebrow {
    color: #1769aa;
}

.ui-homepage-account-panel h2 {
    color: #17202b;
    margin-bottom: 8px;
}

.ui-homepage-account-panel > p:not(.ui-homepage-eyebrow) {
    color: #52606d;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 16px;
    max-width: 620px;
}

.ui-homepage-account-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ui-homepage-account-actions a {
    border: 1px solid #1769aa;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 800;
    min-height: 40px;
    padding: 10px 12px;
    text-decoration: none;
}

.ui-homepage-account-actions a:hover,
.ui-homepage-account-actions a:focus {
    background: #e8f2fb;
    text-decoration: none;
}

.ui-homepage-premium-panel {
    border-top: 1px solid #edf1f4;
    margin-top: 20px;
    padding-top: 16px;
}

.ui-homepage-premium-panel .ui-homepage-eyebrow {
    color: #1769aa;
    margin-bottom: 6px;
}

.ui-homepage-premium-copy {
    color: #52606d;
    font-size: 13px;
    line-height: 1.5;
    margin: 0 0 12px;
}

.ui-homepage-premium-note {
    color: #6b7785;
    font-size: 11px;
    line-height: 1.4;
    margin: -4px 0 12px;
}

.ui-pilot .ui-homepage-premium-link {
    background: #1769aa;
    border: 1px solid #1769aa;
    border-radius: 6px;
    color: #ffffff;
    display: inline-block;
    font-size: 13px;
    font-weight: 800;
    min-height: 40px;
    padding: 10px 12px;
    text-decoration: none;
}

.ui-pilot .ui-homepage-premium-link:hover,
.ui-pilot .ui-homepage-premium-link:focus {
    background: #125286;
    border-color: #125286;
    color: #ffffff;
    text-decoration: none;
}

.ui-homepage-pulse-image {
    border-radius: 12px;
    min-height: 250px;
    overflow: hidden;
    position: relative;
}

.ui-homepage-pulse-image img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.ui-homepage-pulse-image span {
    background: linear-gradient(transparent, rgba(11, 20, 28, 0.86));
    bottom: 0;
    color: #ffffff;
    font-size: 14px;
    left: 0;
    padding: 42px 18px 18px;
    position: absolute;
    right: 0;
}

.ui-homepage-pulse-image b {
    color: #86cbd4;
    margin-left: 5px;
}

/* Three-lane navigator */
.ui-homepage-lab-3 {
    background: #f7f3ee;
}

.ui-homepage-lab-3 .ui-homepage-lab-switcher {
    background: #3e342f;
}

.ui-homepage-lanes-hero {
    border-bottom: 1px solid #ded4c9;
    padding-bottom: 34px;
}

.ui-homepage-lanes-hero .ui-homepage-eyebrow,
.ui-homepage-lanes-hero h1 {
    color: #725746;
}

.ui-homepage-lanes-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 48px;
}

.ui-homepage-lane {
    border-radius: 14px;
    color: #17202b;
    display: flex;
    flex-direction: column;
    min-height: 310px;
    padding: 26px;
    text-decoration: none;
}

.ui-homepage-lane:hover,
.ui-homepage-lane:focus {
    color: #17202b;
    text-decoration: none;
    transform: translateY(-3px);
}

.ui-homepage-lane-label {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.1em;
    margin-bottom: 52px;
}

.ui-homepage-lane-watch { background: #cce7e3; }
.ui-homepage-lane-compare { background: #f2d9b7; }
.ui-homepage-lane-discover { background: #d9d5ec; }
.ui-homepage-lane-watch .ui-homepage-lane-label { color: #176b67; }
.ui-homepage-lane-compare .ui-homepage-lane-label { color: #975f24; }
.ui-homepage-lane-discover .ui-homepage-lane-label { color: #61588e; }

.ui-homepage-dimensions {
    display: grid;
    gap: 0 20px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ui-homepage-dimensions .ui-homepage-eyebrow {
    color: #725746;
    grid-column: 1 / -1;
}

.ui-homepage-dimensions a {
    border-top: 1px solid #ded4c9;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px 0;
    text-decoration: none;
}

.ui-homepage-dimensions a strong { color: #725746; }
.ui-homepage-dimensions a span { color: #6b7785; font-size: 13px; }

/* EV stories */
.ui-homepage-lab-4 {
    background: #191b20;
    color: #f5f1e9;
}

.ui-homepage-lab-4 .ui-homepage-lab-switcher {
    background: #0d0f12;
}

.ui-homepage-stories-hero {
    align-items: center;
    display: grid;
    gap: 42px;
    grid-template-columns: minmax(260px, 0.85fr) minmax(0, 1.4fr);
}

.ui-homepage-story-hero-image {
    border-radius: 14px;
    height: 330px;
    overflow: hidden;
}

.ui-homepage-story-hero-image img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.ui-homepage-stories-hero .ui-homepage-eyebrow,
.ui-homepage-story-aside .ui-homepage-eyebrow {
    color: #e7a765;
}

.ui-homepage-stories-hero h1 {
    color: #f5f1e9;
    max-width: 620px;
}

.ui-homepage-lab-4 .ui-homepage-hero-copy {
    color: #b5b4b1;
}

.ui-homepage-story-layout {
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1.5fr) minmax(260px, 0.75fr);
}

.ui-homepage-story-grid {
    display: grid;
    gap: 12px;
}

.ui-homepage-story-card {
    background: #24272d;
    border: 1px solid #363a43;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    min-height: 150px;
    padding: 22px;
    text-decoration: none;
}

.ui-homepage-story-card:hover,
.ui-homepage-story-card:focus {
    background: #2d323a;
    border-color: #e7a765;
    text-decoration: none;
    transform: translateX(3px);
}

.ui-homepage-story-card > span {
    color: #e7a765;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
}

.ui-homepage-story-card strong { color: #f5f1e9; }
.ui-homepage-story-card b { color: #e7a765; }

.ui-homepage-story-aside {
    background: #f5f1e9;
    border-radius: 12px;
    color: #191b20;
    padding: 24px;
}

.ui-homepage-story-aside h2 { color: #191b20; }
.ui-homepage-story-aside p:not(.ui-homepage-eyebrow) { color: #5f625f; font-size: 14px; line-height: 1.5; }

@media (max-width: 991.98px) {
    .ui-homepage-question-grid,
    .ui-homepage-pulse-grid,
    .ui-homepage-lanes-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ui-homepage-pulse-lower,
    .ui-homepage-story-layout {
        grid-template-columns: 1fr;
    }

    .ui-homepage-pulse-mark {
        margin-right: 0;
    }
}

@media (max-width: 767.98px) {
    .ui-homepage-lab-shell {
        padding: 34px 16px 48px;
    }

    .ui-homepage-lab h1 {
        font-size: 38px;
    }

    .ui-homepage-pulse-hero h1,
    .ui-homepage-pulse-nav-part h2 {
        font-size: 36px;
    }

    .ui-homepage-hero-copy {
        font-size: 15px;
    }

    .ui-homepage-question-grid,
    .ui-homepage-pulse-grid,
    .ui-homepage-lanes-grid,
    .ui-homepage-dimensions {
        grid-template-columns: 1fr;
    }

    .ui-homepage-question-card,
    .ui-homepage-pulse-card {
        min-height: 210px;
    }

    .ui-homepage-country-panel {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
    }

    .ui-homepage-pulse-hero {
        min-height: 0;
        padding: 0;
    }

    .ui-homepage-pulse-hero-head {
        grid-template-columns: 1fr;
    }

    .ui-homepage-pulse-nav-part {
        min-height: 0;
        padding: 24px 22px;
    }

    .ui-homepage-pulse-nav-description {
        display: none;
    }

    .ui-homepage-pulse-coverage {
        min-width: 0;
    }

    .ui-homepage-pulse-mark {
        align-self: flex-end;
        height: 95px;
        margin-top: 12px;
    }

    .ui-homepage-pulse-mark span { width: 12px; }
    .ui-homepage-pulse-mark span:nth-child(2) { height: 62px; }
    .ui-homepage-pulse-mark span:nth-child(3) { height: 46px; }
    .ui-homepage-pulse-mark span:nth-child(4) { height: 88px; }
    .ui-homepage-pulse-mark span:nth-child(5) { height: 72px; }

    .ui-homepage-snapshot {
        padding: 22px 18px;
    }

    .ui-homepage-snapshot-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .ui-homepage-metrics,
    .ui-homepage-snapshot-detail {
        grid-template-columns: 1fr;
    }

    .ui-homepage-snapshot-detail {
        gap: 22px;
    }

    .ui-homepage-snapshot-meta {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }

    .ui-homepage-cutoff-flags {
        justify-content: flex-start;
    }

    .ui-homepage-comparison-grid {
        grid-template-columns: 1fr;
    }

    .ui-homepage-comparison-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .ui-homepage-comparison-row {
        gap: 5px;
        grid-template-columns: minmax(0, 1.3fr) repeat(3, minmax(46px, 0.7fr));
    }

    .ui-homepage-comparison-row-overall {
        grid-template-columns: minmax(0, 1.2fr) repeat(4, minmax(38px, 0.6fr));
    }

    .ui-homepage-comparison-more summary {
        border-bottom: 1px solid #34566c;
        color: #86cbd4;
        cursor: pointer;
        display: block;
        font-size: 11px;
        font-weight: 800;
        padding: 9px 0;
    }

    .ui-homepage-comparison-more summary::-webkit-details-marker,
    .ui-homepage-trending-more summary::-webkit-details-marker {
        display: none;
    }

    .ui-homepage-comparison-more summary::marker,
    .ui-homepage-trending-more summary::marker {
        content: '';
    }

    .ui-homepage-comparison-more[open] .ui-homepage-comparison-more-show {
        display: none;
    }

    .ui-homepage-comparison-more[open] .ui-homepage-comparison-more-hide {
        display: inline;
    }

    .ui-homepage-comparison-row > strong,
    .ui-homepage-comparison-row > span {
        font-size: 11px;
    }

    .ui-homepage-pulse-grid-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .ui-homepage-trending-row {
        gap: 8px;
        grid-template-columns: minmax(0, 1fr) auto;
        padding: 8px 0;
    }

    .ui-homepage-trending-brand {
        grid-column: 1;
        grid-row: 1;
    }

    .ui-homepage-trending-row > .ui-homepage-change {
        grid-column: 2;
        grid-row: 1;
    }

    .ui-homepage-trending-drivers {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .ui-homepage-trending-driver-extra {
        display: none;
    }

    .ui-homepage-trending-more summary {
        border-bottom: 1px solid #34566c;
        color: #86cbd4;
        cursor: pointer;
        display: block;
        font-size: 11px;
        font-weight: 800;
        padding: 9px 0;
    }

    .ui-homepage-comparison-more summary,
    .ui-homepage-trending-more summary {
        align-items: center;
        display: flex;
        min-height: 40px;
    }

    .ui-homepage-trending-more[open] .ui-homepage-trending-more-show {
        display: none;
    }

    .ui-homepage-trending-more[open] .ui-homepage-trending-more-hide {
        display: inline;
    }

    .ui-homepage-comparison-heading .ui-homepage-panel-flags {
        display: none;
    }

    .ui-homepage-lane {
        min-height: 230px;
    }

    .ui-homepage-lane-label {
        margin-bottom: 34px;
    }

    .ui-homepage-stories-hero {
        gap: 24px;
        grid-template-columns: 1fr;
    }

    .ui-homepage-story-hero-image {
        height: 220px;
    }

    .ui-homepage-full-database-card {
        padding: 20px 18px;
    }

    .ui-homepage-full-database-card h2 {
        font-size: 24px;
    }
}

/* Panel flags in QTD/Last year/Trending headers */
.ui-homepage-panel-flags {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 8px;
}

.ui-homepage-panel-flags img {
    border-radius: 2px;
    display: block;
    height: 18px;
    object-fit: contain;
    width: 24px;
}

@media (min-width: 992px) {
    .ui-homepage-panel-flags img {
        height: 22px;
        width: 29px;
    }
}

/* Country Coverage dark panel */
.ui-homepage-country-panel-dark {
    background: #dff2f3;
    border-color: #b4dfe2;
}

.ui-homepage-country-panel-dark h2 {
    color: #17202b;
}

.ui-homepage-country-panel-dark .ui-homepage-country-links a {
    background: transparent;
    border-color: transparent;
}

.ui-homepage-country-panel-dark .ui-homepage-country-links a:hover,
.ui-homepage-country-panel-dark .ui-homepage-country-links a:focus {
    background: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.8);
}

/* Full Database section — light, visually distinct from Market Pulse */
.ui-homepage-full-database {
    margin-bottom: 42px;
}

.ui-homepage-full-database-card {
    background: #ffffff;
    border: 1px solid #dfe5eb;
    border-radius: 14px;
    color: #17202b;
    display: block;
    padding: 28px 32px;
    text-decoration: none;
}

.ui-homepage-full-database-card:hover,
.ui-homepage-full-database-card:focus {
    border-color: #8ab8d8;
    box-shadow: 0 8px 18px rgba(23, 58, 76, 0.1);
    text-decoration: none;
}

.ui-homepage-full-database-card .ui-homepage-eyebrow {
    color: #1769aa;
}

.ui-homepage-full-database-card h2 {
    color: #17202b;
    font-size: 32px;
    margin-bottom: 8px;
}

.ui-homepage-full-database-card p {
    color: #52606d;
    font-size: 14px;
    margin-bottom: 12px;
}

.ui-homepage-full-database-card b {
    color: #1769aa;
    font-size: 12px;
}

/* Country Coverage flags — visible on white background */
.ui-homepage-country-links a {
    align-items: center;
    background: #f5f7fa;
    border: 1px solid #dfe5eb;
    border-radius: 4px;
    display: inline-flex;
    padding: 4px 6px;
}

.ui-homepage-country-links a:hover,
.ui-homepage-country-links a:focus {
    background: #e8f2fb;
    border-color: #8ab8d8;
}

@media (min-width: 768px) {
    .ui-homepage-comparison-more > .ui-homepage-comparison-more-rows,
    .ui-homepage-trending-more > .ui-homepage-trending-more-rows {
        display: contents;
    }
}

/* Best Sellers table — larger font for desktop */
@media (min-width: 992px) {
    .ui-pilot-table th {
        font-size: 13px;
    }

    .ui-pilot-table td {
        font-size: 15px;
    }

    .ui-pilot-table td a {
        font-size: 15px;
    }

    .ui-pilot-table-scope {
        font-size: 12px;
    }

    .ui-pilot-period-status {
        font-size: 12px;
    }

    .ui-pilot-table-toggle {
        font-size: 13px;
    }

    .ui-pilot-table-actions .btn-inline-secondary,
    .ui-pilot-table-actions .ui-pilot-table-toggle {
        font-size: 13px;
    }

    .ui-homepage-trending-driver-extra {
        display: inline;
    }

    .ui-homepage-trending-row:not(:first-child) {
        display: grid;
    }

    .ui-homepage-comparison-more summary,
    .ui-homepage-trending-more summary {
        display: none;
    }
}