/* ==========================================
   CARDS
   ========================================== */

.card{
    background:#fff;

    border:1px solid rgba(15,23,42,.08);

    border-radius:18px;

    padding:28px;

    box-shadow:
        0 10px 28px rgba(15,23,42,.05);

    margin-bottom:28px;
}

.card h2:first-child,
.card h3:first-child{
    margin-top:0;
}

.card:last-child{
    margin-bottom:0;
}

/* Highlight panels */

.highlight-box,
.notice,
.soft-box{

    padding:16px;

    border-radius:14px;

    margin:18px 0;
}

.highlight-box{

    background:#f8fafc;

    border:1px solid rgba(15,23,42,.08);

}

.notice{

    background:#ecfdf5;

    border:1px solid rgba(16,185,129,.22);

}

.soft-box{

    background:#f8fafc;

    border:1px solid rgba(15,23,42,.08);

}

/* Script/example quote */

.script{

    padding:18px;

    border-left:4px solid #2563eb;

    background:#eff6ff;

    border-radius:10px;

    font-style:italic;

    font-size:1.08rem;

}

/* Badge */

.badge{

    display:inline-block;

    padding:7px 12px;

    border-radius:999px;

    background:rgba(37,99,235,.10);

    color:#2563eb;

    font-size:.9rem;

    font-weight:700;

}