/* Individual colors for the seven ITR form cards. */
html body.itr4-page:not(.home-page) main .itr4-forms-section .itr-cards-grid {
    gap: 14px;
}

html body.itr4-page:not(.home-page) main .itr4-forms-section .itr-info-card {
    min-height: 0 !important;
    padding: 16px !important;
}

html body.itr4-page:not(.home-page) main .itr4-forms-section .itr-card-top {
    gap: 8px;
    margin-bottom: 0;
}

html body.itr4-page:not(.home-page) main .itr4-forms-section .itr-card-title {
    width: fit-content;
    min-width: min(140px, 100%);
    max-width: 100%;
    padding: 4px 14px;
}

html body.itr4-page:not(.home-page) main .itr4-forms-section .itr-card-text {
    margin-top: 12px;
}

:is(.itr4-forms-section, .itr5-forms-section) .itr-info-card:nth-child(1) {
    --form-accent: #2563eb;
    --form-border: #93c5fd;
    --form-tint: #eff6ff;
}

:is(.itr4-forms-section, .itr5-forms-section) .itr-info-card:nth-child(2) {
    --form-accent: #7c3aed;
    --form-border: #c4b5fd;
    --form-tint: #f5f3ff;
}

:is(.itr4-forms-section, .itr5-forms-section) .itr-info-card:nth-child(3) {
    --form-accent: #c2410c;
    --form-border: #fdba74;
    --form-tint: #fff7ed;
}

:is(.itr4-forms-section, .itr5-forms-section) .itr-info-card:nth-child(4) {
    --form-accent: #0e7490;
    --form-border: #67e8f9;
    --form-tint: #ecfeff;
}

:is(.itr4-forms-section, .itr5-forms-section) .itr-info-card:nth-child(5) {
    --form-accent: #be185d;
    --form-border: #f9a8d4;
    --form-tint: #fdf2f8;
}

:is(.itr4-forms-section, .itr5-forms-section) .itr-info-card:nth-child(6) {
    --form-accent: #4f46e5;
    --form-border: #a5b4fc;
    --form-tint: #eef2ff;
}

:is(.itr4-forms-section, .itr5-forms-section) .itr-info-card:nth-child(7) {
    --form-accent: #a16207;
    --form-border: #fcd34d;
    --form-tint: #fffbeb;
}

html body:is(.itr4-page, .itr5-page) :is(.itr4-forms-section, .itr5-forms-section) .itr-info-card {
    border-color: var(--form-border);
}

html body:is(.itr4-page, .itr5-page) :is(.itr4-forms-section, .itr5-forms-section) .itr-info-card:hover {
    border-color: var(--form-accent);
}

html body:is(.itr4-page, .itr5-page) :is(.itr4-forms-section, .itr5-forms-section) .itr-info-card .itr-card-icon {
    color: var(--form-accent);
    background: var(--form-tint);
}

html body:is(.itr4-page, .itr5-page) :is(.itr4-forms-section, .itr5-forms-section) .itr-card-icon i {
    color: var(--form-accent);
}