/* Nerd-Pastell Alert Boxes */

.np-alert-box {
    margin: 28px 0;
    padding: 28px 34px;
    border: 2px solid rgba(168, 139, 232, 0.36);
    border-radius: 18px;
    color: #356f8f;
    font-family: "Nunito", system-ui, sans-serif;
    font-size: 1.08rem;
    line-height: 1.85;
    box-shadow: 0 16px 34px rgba(100, 78, 160, 0.10);
}

.np-alert-box p {
    margin: 0 0 14px;
}

.np-alert-box p:last-child {
    margin-bottom: 0;
}

.np-alert-box strong,
.np-alert-box b {
    color: #ff4f91;
}

.np-alert-pink {
    background: #ffe3f0;
    border-color: #ffc2dc;
    color: #875578;
}

.np-alert-purple {
    background: #eee5ff;
    border-color: #d8c8f3;
    color: #66599a;
}

.np-alert-blue {
    background: #dff3ff;
    border-color: #b7ddf2;
    color: #2f7497;
}

.np-alert-mint {
    background: #dcfbf6;
    border-color: #a9eee5;
    color: #397d76;
}

.np-alert-yellow {
    background: #fff4cc;
    border-color: #ffe18a;
    color: #8a6b1d;
}

.np-alert-peach {
    background: #ffe8d7;
    border-color: #ffd1ad;
    color: #8a5d43;
}

.np-alert-gray {
    background: #f4f2fa;
    border-color: #ddd8ef;
    color: #696383;
}

@media (max-width: 680px) {
    .np-alert-box {
        padding: 22px 24px;
        font-size: 1rem;
    }
}