/**
 * Race Lens standalone — Cards-aligned frame (slate backdrop, white column + borders).
 */

.hp-page.hp-page--race-lens {
    --hp-frame-bg: hsl(217.5deg 12.9% 36.47%);
    --hp-frame-surface: transparent;
    --hp-frame-max-width: none;
    --hp-frame-border: 0 solid transparent;
    background: var(--hp-frame-bg);
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 0;
}

.hp-page.hp-page--race-lens .rl-shell {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    overflow: hidden;
    background: var(--hp-frame-bg);
}

/* Match Cards #main .container — full width from first paint, not content-sized */
.hp-page.hp-page--race-lens .rl-container {
    flex: 1 1 auto;
    min-height: 0;
    width: 98%;
    max-width: 98%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    background: #fff;
    border-left: 3px solid #d4d4d4;
    border-right: 3px solid #d4d4d4;
    overflow: hidden;
}

.hp-page.hp-page--race-lens .rl-container > #hp-ext-header {
    flex: 0 0 auto;
    width: 100%;
}

.hp-page.hp-page--race-lens #rl-root {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.hp-page.hp-page--race-lens #rl-app {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* Header sub-greeting redundant with page title */
.hp-page.hp-page--race-lens .hpx-sub {
    display: none !important;
}