body .solution-card .card-top {
    grid-row:1/4;
}
body .solution-card h3 {
    grid-row:1;
}
body .solution-card .tool-challenge {
    grid-column:2;
    grid-row:2;
    align-self:start;
}
body .solution-card .tool-help {
    grid-column:2;
    grid-row:3;
    align-self:start;
}
body .solution-card .tool-challenge>span,body .solution-card .tool-help>span {
    display:block;
    font-size:9px;
    font-weight:700;
    letter-spacing:1.1px;
    color:#667781;
}
body .solution-card .tool-help>span {
    color:#087f70;
}
body .solution-card .tool-challenge p,body .solution-card .tool-help p {
    font-size:14px;
    line-height:1.55;
    color:#4e5e69;
    margin:3px 0 0;
    min-height:0;
}
body .solution-card .tool-help p {
    color:#263d4b;
}
body .solution-card .card-link {
    grid-row:1/4;
}
@media(max-width:680px) {
    body .solution-card .card-top {
        grid-column:1/3;
        grid-row:1;
    }
    body .solution-card h3 {
        grid-column:1/3;
        grid-row:2;
    }
    body .solution-card .tool-challenge {
        grid-column:1/3;
        grid-row:3;
    }
    body .solution-card .tool-help {
        grid-column:1/3;
        grid-row:4;
    }
    body .solution-card .tool-challenge p,body .solution-card .tool-help p {
        font-size:14px;
    }
    body .solution-card .card-link {
        grid-column:1/3;
        grid-row:5;
    }
}
/* Tool cards follow the compact app-card example; surrounding sections stay as-is. */
body .solution-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    width:100%;
    margin:0;
    left:auto;
    transform:none;
    position:relative;
}
body .solution-card,body .solution-card:first-child {
    min-width:0;
    min-height:390px;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:25px 24px 22px;
    border:1px solid #d9e0e4;
    border-radius:15px;
    background:#fff;
    color:#142941;
    box-shadow:0 4px 12px rgba(19,42,61,.08);
    transition:transform .2s ease,box-shadow .2s ease;
}
body .solution-card:nth-child(2),body .solution-card:nth-child(3) {
    background:#fff;
}
body .solution-card:hover,body .solution-card:nth-child(2):hover,body .solution-card:nth-child(3):hover {
    background:#fff;
    transform:translateY(-3px);
    box-shadow:0 12px 26px rgba(19,42,61,.12);
}
body .solution-card .card-top {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:22px;
}
body .solution-card .tool-index {
    font-size:10px;
    letter-spacing:1.1px;
    color:#5b6b75;
}
body .solution-card .card-arrow {
    width:35px;
    height:35px;
    display:grid;
    place-items:center;
    border:1px solid #dbe3e8;
    border-radius:50%;
    font-size:18px;
    color:#2879a3;
}
body .solution-card:nth-child(2) .card-arrow {
    color:#147e77;
}
body .solution-card:nth-child(3) .card-arrow {
    color:#a56731;
}
body .solution-card h3 {
    margin:0 0 19px;
    font-size:25px;
    line-height:1.2;
    letter-spacing:-.7px;
    color:#142941;
}
body .solution-card .tool-challenge,body .solution-card .tool-help {
    display:block;
    grid-column:auto;
    grid-row:auto;
    align-self:stretch;
}
body .solution-card .tool-challenge {
    margin-bottom:15px;
}
body .solution-card .tool-help {
    border-left:2px solid #3785a8;
    padding-left:12px;
    margin-top:1px;
}
body .solution-card:nth-child(2) .tool-help {
    border-color:#16877d;
}
body .solution-card:nth-child(3) .tool-help {
    border-color:#b8783d;
}
body .solution-card .tool-challenge>span,body .solution-card .tool-help>span {
    font-size:9px;
    letter-spacing:1px;
}
body .solution-card .tool-challenge p,body .solution-card .tool-help p {
    font-size:13px;
    line-height:1.55;
    color:#56646e;
    margin-top:4px;
}
body .solution-card .tool-help p {
    color:#243c4b;
}
body .solution-card .card-link {
    display:flex;
    grid-column:auto;
    grid-row:auto;
    align-self:flex-start;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    margin-top:auto;
    padding:17px 0 0;
    border:0;
    background:transparent;
    color:#176caa;
    font-size:12px;
}
body .solution-card .card-link b {
    font-size:16px;
    color:inherit;
}
@media(max-width:1000px) {
    body .solution-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    body .solution-card,body .solution-card:first-child {
        min-height:360px;
    }
}
@media(max-width:680px) {
    body .solution-grid {
        grid-template-columns:1fr;
        gap:13px;
    }
    body .solution-card,body .solution-card:first-child {
        min-height:0;
        padding:22px;
        border-radius:12px;
    }
    body .solution-card .card-top {
        margin-bottom:14px;
    }
    body .solution-card h3 {
        font-size:23px;
        margin-bottom:14px;
    }
    body .solution-card .tool-challenge {
        margin-bottom:12px;
    }
    body .solution-card .card-link {
        margin-top:13px;
        padding-top:12px;
    }
}