/*
 * Solutions in Action - case study detail.
 *
 * A separate file rather than an addition to assets/css/case-study-detail.css,
 * which is www-data-owned in a directory this account cannot write to. Loaded
 * straight after it so these rules win where they overlap.
 *
 * The section is not in the original design: one client document lists six
 * short "title + impact" items with nowhere to go, and the rule on this
 * project is to build a simple section in the theme's own language rather than
 * drop content. It deliberately reuses the impact-stats card treatment - same
 * fill, same border, same radius - so it reads as part of the page.
 */

.a3-csd-actions {
    padding: 72px 0;
    background: #fff;
}

.a3-csd-actions__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.a3-csd-action {
    background: #FAFAFA;
    border: 1px solid #E4E4E7E5;
    border-radius: 12px;
    padding: 28px 24px;
}

.a3-csd-action__title {
    margin: 0 0 10px;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    color: #18181B;
}

.a3-csd-action__text {
    margin: 0;
    font-family: Inter, sans-serif;
    font-size: 15px;
    line-height: 1.6;
    color: #52525B;
}

@media (max-width: 991px) {
    .a3-csd-actions__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
    .a3-csd-actions { padding: 48px 0; }
    .a3-csd-actions__grid { grid-template-columns: 1fr; gap: 16px; }
    .a3-csd-action { padding: 22px 20px; }
}