/* Shared console finish, based on the Photo backgrounds workspace. */
.fi-body {
    --af-console-ink: #182029;
    --af-console-muted: #64748b;
    --af-console-line: #dde2e7;
    --af-console-panel: #fff;
    --af-console-accent: #cf1922;
    background-color: #f8f9fb;
}

.fi-page .fi-header-heading {
    color: var(--af-console-ink);
    font-size: 1.75rem;
    font-weight: 750;
    line-height: 1.25;
    letter-spacing: -.025em;
    overflow-wrap: anywhere;
}

.af-console-intro {
    min-width: 0;
    border-left: 4px solid #e3232b;
    padding: 6px 0 6px 18px;
}

.af-console-kicker {
    margin: 0;
    color: var(--af-console-accent);
    font-size: .72rem;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.af-console-intro h2 {
    margin: 6px 0;
    color: var(--af-console-ink);
    font-size: 1.6rem;
    font-weight: 750;
    line-height: 1.25;
    letter-spacing: -.015em;
}

.af-console-description {
    max-width: 72ch;
    margin: 0;
    color: var(--af-console-muted);
    font-size: .875rem;
    line-height: 1.55;
    text-wrap: pretty;
}

.fi-page .fi-section:not(.fi-section-not-contained),
.fi-page .fi-ta-ctn,
.fi-page .fi-wi-stats-overview-stat {
    border: 1px solid var(--af-console-line);
    border-radius: 12px;
    background-color: var(--af-console-panel);
    box-shadow: none;
}

.fi-page .fi-section-header-heading {
    color: var(--af-console-ink);
    font-size: 1.12rem;
    font-weight: 700;
    line-height: 1.4;
}

.fi-page .fi-section-header-description,
.fi-page .fi-header-subheading,
.fi-page .fi-wi-stats-overview-stat-label {
    color: var(--af-console-muted);
    line-height: 1.55;
}

.fi-page .fi-wi-stats-overview-stat-value {
    color: var(--af-console-ink);
    font-weight: 750;
    letter-spacing: -.025em;
}

.fi-page .af-listing-controls .af-vehicle-identity {
    margin-top: 0;
    border-color: var(--af-console-line);
    border-left: 4px solid #e3232b;
    background-color: var(--af-console-panel);
}

.af-listing-controls .af-vehicle-identity strong {
    margin-top: 4px;
    color: var(--af-console-ink);
    font-size: 1.45rem;
    font-weight: 750;
}

.fi-page .af-listing-controls .af-listing-status-row {
    border-color: var(--af-console-line);
    border-radius: 12px;
    background-color: var(--af-console-panel);
}

.dark .fi-body,
.fi-body.dark {
    --af-console-ink: #f3f4f6;
    --af-console-muted: #b6c2d2;
    --af-console-line: #3f3f46;
    --af-console-panel: #18181b;
    --af-console-accent: #ff737b;
    background-color: #111214;
}

.dark .af-studio-intro p,
.dark .af-studio-section-heading p {
    color: var(--af-console-muted);
}

.dark .af-studio-intro .af-studio-kicker {
    color: var(--af-console-accent);
}

@media (max-width: 640px) {
    .fi-page .fi-header-heading { font-size: 1.5rem; }
    .af-console-intro { padding-left: 14px; }
    .af-console-intro h2 { font-size: 1.35rem; }
    .af-console-kicker { font-size: .68rem; letter-spacing: .12em; }
    .af-listing-controls .af-vehicle-identity strong { font-size: 1.12rem; }
}