.poea-ai-employer-card {
    background: var(--cariera-light-grey-color, #f7f7f7);
    border-top: 1px solid var(--cariera-border-color, #e5e5e5);
    padding: 20px;
}

.poea-ai-employer-card__header {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
    justify-content: space-between;
    margin-bottom: 16px;
}

.poea-ai-employer-card__header strong {
    font-size: 1.05rem;
}

.poea-ai-employer-card__header small {
    font-size: .8rem;
    opacity: .7;
}

.poea-ai-employer-card__summary {
    display: grid;
    gap: 14px 18px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.poea-ai-employer-card__summary > div,
.poea-ai-employer-row,
.poea-ai-employer-score,
.poea-ai-employer-overall {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.poea-ai-employer-card__summary span,
.poea-ai-employer-row span,
.poea-ai-employer-score span,
.poea-ai-employer-overall span {
    font-size: .8rem;
    opacity: .7;
}

.poea-ai-employer-result {
    border-top: 1px solid var(--cariera-border-color, #e5e5e5);
    margin-top: 18px;
    padding-top: 18px;
}

.poea-ai-employer-overall strong {
    font-size: 1.35rem;
}

.poea-ai-employer-row,
.poea-ai-employer-section,
.poea-ai-employer-details {
    margin-top: 16px;
}

.poea-ai-employer-section h5 {
    margin: 0 0 8px;
}

.poea-ai-employer-section p,
.poea-ai-employer-answer p,
.poea-ai-employer-transcript-item p {
    margin: 5px 0 0;
}

.poea-ai-employer-scores {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.poea-ai-employer-details summary {
    cursor: pointer;
    font-weight: 600;
}

.poea-ai-employer-details > div {
    margin-top: 12px;
}

.poea-ai-employer-answer,
.poea-ai-employer-transcript-item {
    border-top: 1px solid var(--cariera-border-color, #e5e5e5);
    padding: 12px 0;
}

.poea-ai-employer-answer:first-child,
.poea-ai-employer-transcript-item:first-child {
    border-top: 0;
    padding-top: 0;
}

.poea-ai-employer-empty {
    border-top: 1px solid var(--cariera-border-color, #e5e5e5);
    font-size: .9rem;
    margin-top: 18px;
    padding-top: 18px;
    opacity: .8;
}

@media (max-width: 700px) {
    .poea-ai-employer-card__summary,
    .poea-ai-employer-scores {
        grid-template-columns: 1fr;
    }
}