html.e4s-release-readiness-route,
body.e4s-release-readiness-route {
    --e4s-rr-title-size: 58px;
    --e4s-rr-subtitle-size: 20px;
    --e4s-rr-card-title-size: 15px;
    --e4s-rr-card-value-size: 29px;
    --e4s-rr-body-size: 16px;
    --e4s-rr-small-size: 14px;
}

body.e4s-release-readiness-route h1 {
    font-size: var(--e4s-rr-title-size) !important;
    line-height: 1.06 !important;
    letter-spacing: -0.03em !important;
}

body.e4s-release-readiness-route h2 {
    font-size: 24px !important;
    line-height: 1.18 !important;
}

body.e4s-release-readiness-route h3 {
    font-size: 18px !important;
    line-height: 1.24 !important;
}

body.e4s-release-readiness-route p,
body.e4s-release-readiness-route li,
body.e4s-release-readiness-route td,
body.e4s-release-readiness-route th,
body.e4s-release-readiness-route label,
body.e4s-release-readiness-route span,
body.e4s-release-readiness-route div {
    font-size: var(--e4s-rr-body-size);
}

body.e4s-release-readiness-route .card,
body.e4s-release-readiness-route .dashboard-card,
body.e4s-release-readiness-route .stat-card,
body.e4s-release-readiness-route [class*="card"] {
    font-size: var(--e4s-rr-body-size) !important;
}

body.e4s-release-readiness-route .card h2,
body.e4s-release-readiness-route .card h3,
body.e4s-release-readiness-route .dashboard-card h2,
body.e4s-release-readiness-route .dashboard-card h3,
body.e4s-release-readiness-route .stat-card h2,
body.e4s-release-readiness-route .stat-card h3 {
    font-size: 19px !important;
    line-height: 1.2 !important;
}

body.e4s-release-readiness-route .card small,
body.e4s-release-readiness-route .dashboard-card small,
body.e4s-release-readiness-route .stat-card small,
body.e4s-release-readiness-route small {
    font-size: var(--e4s-rr-small-size) !important;
    opacity: 0.92;
}

body.e4s-release-readiness-route .badge,
body.e4s-release-readiness-route .pill,
body.e4s-release-readiness-route .chip {
    font-size: 13px !important;
}

body.e4s-release-readiness-route button,
body.e4s-release-readiness-route .btn,
body.e4s-release-readiness-route a.btn {
    min-height: 44px !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
}

body.e4s-release-readiness-route code,
body.e4s-release-readiness-route pre {
    font-size: 14px !important;
    line-height: 1.5 !important;
}

body.e4s-release-readiness-route .e4s-rr-hero,
body.e4s-release-readiness-route .hero,
body.e4s-release-readiness-route [class*="hero"] {
    min-height: 220px;
}

body.e4s-release-readiness-route .e4s-rr-tight,
body.e4s-release-readiness-route .metric-value,
body.e4s-release-readiness-route [class*="metric"] strong,
body.e4s-release-readiness-route [class*="stat"] strong {
    font-size: var(--e4s-rr-card-value-size) !important;
    line-height: 1.05 !important;
}

body.e4s-release-readiness-route .e4s-rr-kicker,
body.e4s-release-readiness-route .eyebrow,
body.e4s-release-readiness-route [class*="eyebrow"] {
    font-size: 13px !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

body.e4s-release-readiness-route .e4s-rr-subtitle,
body.e4s-release-readiness-route .lead,
body.e4s-release-readiness-route [class*="subtitle"] {
    font-size: var(--e4s-rr-subtitle-size) !important;
    line-height: 1.45 !important;
}

body.e4s-release-readiness-route .e4s-rr-file-list,
body.e4s-release-readiness-route .e4s-rr-file-list * {
    font-size: 14px !important;
    line-height: 1.55 !important;
}

@media (max-width: 1100px) {
    html.e4s-release-readiness-route,
    body.e4s-release-readiness-route {
        --e4s-rr-title-size: 48px;
        --e4s-rr-subtitle-size: 18px;
        --e4s-rr-card-value-size: 25px;
    }
}

@media (max-width: 780px) {
    html.e4s-release-readiness-route,
    body.e4s-release-readiness-route {
        --e4s-rr-title-size: 38px;
        --e4s-rr-subtitle-size: 17px;
        --e4s-rr-body-size: 15px;
        --e4s-rr-card-value-size: 22px;
        --e4s-rr-small-size: 13px;
    }
}
