.ep-employment-heading-icon, .ep-employment-row-icon { display: none; }
.ep-employment-pair { display: contents; }
@media (max-width: 760px) {
    body .page:has(.employee-employment-page) {
        --ep-employment-accent: var(--ep-brand); --ep-employment-icon-bg: var(--ep-soft);
    }
    html body .page .content.content .employee-employment-page .ep-employment-heading {
        display: flex !important; align-items: center; gap: 12px !important; margin: 0 !important;
    }
    html body .page .content.content .employee-employment-page .ep-employment-heading h1 {
        font-size: 25px !important; letter-spacing: -.035em; color: var(--ep-text) !important;
    }
    html body .page .content.content .employee-employment-page .ep-employment-heading p {
        display: block !important; margin: 4px 0 0 !important; color: var(--ep-muted) !important; font-size: 12px !important;
    }
    html body .page .content.content .employee-employment-page .ep-employment-heading-icon,
    html body .page .content.content .employee-employment-page .ep-employment-row-icon {
        display: grid !important; place-items: center; background: var(--ep-employment-icon-bg);
        color: var(--ep-employment-accent); width: 34px; height: 36px; border-radius: 10px;
    }
    html body .page .content.content .employee-employment-page .ep-employment-heading-icon { width: 38px; height: 38px; flex-shrink: 0; border-radius: 11px; }
    .ep-employment-row-icon svg { width: 21px; height: 21px; }
    .ep-employment-heading-icon svg { width: 25px; height: 25px; }
    html body .page .content.content .employee-employment-page .employee-employment-flat-panel {
        display: grid !important; gap: 14px !important; padding: 0 !important; margin: 0 !important;
        border: 0 !important; background: transparent !important; box-shadow: none !important;
    }
    html body .page .content.content .employee-employment-page .employee-employment-flat-section {
        padding: 12px !important; margin: 0 !important; background: var(--ep-surface) !important;
        border: 1px solid var(--ep-border) !important; border-radius: 16px !important; box-shadow: 0 4px 12px #23465c04;
    }
    html body .page .content.content .employee-employment-page .employee-employment-flat-section h3 {
        margin: 3px 4px 8px !important; font-size: 16px !important; font-weight: 700 !important; color: var(--ep-text) !important;
    }
    html body .page .content.content .employee-employment-page .employee-employment-flat-list { display: grid !important; gap: 0 !important; }
    html body .page .content.content .employee-employment-page.employee-employment-flat-page .employee-employment-flat-row {
        display: grid !important; grid-template-columns: 34px minmax(0, 1fr) !important; grid-template-areas: "icon label" "icon value";
        gap: 2px 12px !important; align-items: center !important; align-content: center !important; min-height: 58px !important;
        padding: 10px 4px !important; margin: 0 !important; border: 0 !important; border-bottom: 1px solid var(--ep-border) !important;
        background: transparent !important; box-shadow: none !important;
    }
    html body .page .content.content .employee-employment-page.employee-employment-flat-page .employee-employment-flat-row:last-child { border-bottom: 0 !important; }
    html body .page .content.content .employee-employment-page .ep-employment-row-icon { grid-area: icon; }
    html body .page .content.content .employee-employment-page.employee-employment-flat-page .employee-employment-flat-row .employee-employment-flat-label {
        grid-area: label; display: block !important; margin: 0 !important; padding: 0 !important;
        color: var(--ep-muted) !important; font-size: 11px !important; line-height: 1.4 !important; font-weight: 400 !important;
        white-space: normal !important; overflow: visible !important; text-align: left !important;
    }
    html body .page .content.content .employee-employment-page.employee-employment-flat-page .employee-employment-flat-row .employee-employment-flat-value {
        grid-area: value; display: block !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important;
        color: var(--ep-text) !important; font-size: 12px !important; line-height: 1.45 !important; font-weight: 600 !important;
        white-space: normal !important; overflow: visible !important; overflow-wrap: anywhere; text-align: left !important;
        border: 0 !important; background: transparent !important; box-shadow: none !important; max-width: none !important;
    }
    html body .page .content.content .employee-employment-page .ep-employment-pair {
        display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: 0;
        border-bottom: 1px solid var(--ep-border);
    }
    html body .page .content.content .employee-employment-page.employee-employment-flat-page .ep-employment-pair .employee-employment-flat-row {
        grid-template-columns: 34px minmax(0, 1fr) !important; gap: 2px 7px !important;
        padding: 10px 4px !important; border-bottom: 0 !important; min-width: 0;
    }
    html body .page .content.content .employee-employment-page.employee-employment-flat-page .ep-employment-pair .employee-employment-flat-row + .employee-employment-flat-row {
        border-left: 1px solid var(--ep-border) !important; padding-left: 10px !important;
    }
    html body .page .content.content .employee-employment-page .ep-employment-pair .ep-employment-row-icon { width: 34px; height: 36px; border-radius: 10px; }
    .ep-employment-pair .ep-employment-row-icon svg { width: 21px; height: 21px; }
    html body .page .content.content .employee-employment-page.employee-employment-flat-page .ep-employment-pair .employee-employment-flat-label {
        font-size: 10px !important; white-space: nowrap !important;
    }
    @media (max-width: 359px) {
        html body .page .content.content .employee-employment-page .ep-employment-heading h1 { font-size: 22px !important; }
        html body .page .content.content .employee-employment-page .employee-employment-flat-section { padding: 10px !important; }
        html body .page .content.content .employee-employment-page.employee-employment-flat-page .employee-employment-flat-row { gap: 2px 9px !important; }
        html body .page .content.content .employee-employment-page.employee-employment-flat-page .ep-employment-pair .employee-employment-flat-row {
            grid-template-columns: 34px minmax(0, 1fr) !important; gap: 2px 5px !important;
        }
        html body .page .content.content .employee-employment-page.employee-employment-flat-page .ep-employment-pair .employee-employment-flat-row + .employee-employment-flat-row { padding-left: 7px !important; }
        html body .page .content.content .employee-employment-page.employee-employment-flat-page .ep-employment-pair .employee-employment-flat-label { font-size: 9px !important; }
    }
}
