.jw-member-main .jw-alert-card {
    --jw-alert-tone: var(--jw-teal);
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) 18px;
    align-items: start;
    gap: 12px;
    padding: 18px 0;
    color: var(--jw-ink);
    text-decoration: none;
    border-bottom: 1px solid var(--jw-line);
}

.jw-member-main .jw-alert-card:last-child { border-bottom: 0; }
.jw-member-main .jw-alert-card:hover { color: var(--jw-ink); background: #f8fbfb; }
.jw-alert-card--risk { --jw-alert-tone: #c52d43; }
.jw-alert-card--risk.jw-alert-card--severity-medium,
.jw-alert-card--risk.jw-alert-card--severity-elevated { --jw-alert-tone: #a56500; }
.jw-alert-card--risk.jw-alert-card--severity-low { --jw-alert-tone: #087b67; }
.jw-alert-card--regime { --jw-alert-tone: #7b5500; }
.jw-alert-card--vix-regime { --jw-alert-tone: #6b45a4; }

.jw-alert-card__icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: var(--jw-alert-tone);
    background: color-mix(in srgb, var(--jw-alert-tone) 12%, white);
    border: 1px solid color-mix(in srgb, var(--jw-alert-tone) 20%, white);
    font-size: 1.05rem;
}

.jw-alert-card__content { min-width: 0; }
.jw-alert-card__head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 12px;
}

.jw-alert-card__title {
    display: block;
    font-size: .98rem;
    font-weight: 850;
    letter-spacing: -.015em;
}

.jw-alert-card__subtitle {
    display: block;
    margin-top: 2px;
    color: #51605e;
    font-size: .84rem;
    font-weight: 700;
}

.jw-alert-card__time {
    display: block;
    margin-top: 3px;
    color: var(--jw-muted);
    font-size: .72rem;
    font-weight: 600;
}

.jw-alert-card__badge {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 4px 9px;
    border: 1px solid color-mix(in srgb, var(--jw-alert-tone) 24%, white);
    border-radius: 999px;
    color: var(--jw-alert-tone);
    background: color-mix(in srgb, var(--jw-alert-tone) 9%, white);
    font-size: .65rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .04em;
    white-space: nowrap;
}

.jw-alert-card__detail {
    display: grid;
    gap: 8px;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid color-mix(in srgb, var(--jw-alert-tone) 14%, var(--jw-line));
    border-radius: 12px;
    background: color-mix(in srgb, var(--jw-alert-tone) 4%, #f8fbfb);
}

.jw-alert-card__message {
    color: #34413f;
    font-size: .79rem;
    font-weight: 650;
    line-height: 1.42;
}

.jw-alert-card__facts { display: flex; flex-wrap: wrap; gap: 6px; }
.jw-alert-card__fact {
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    min-height: 27px;
    padding: 5px 8px;
    border: 1px solid var(--jw-line);
    border-radius: 9px;
    background: #fff;
    font-size: .68rem;
}

.jw-alert-card__fact small {
    color: var(--jw-muted);
    font-size: .59rem;
    font-weight: 800;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.jw-alert-card__fact strong { color: var(--jw-alert-tone); font-weight: 850; }
.jw-alert-card__legs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.jw-alert-card__leg { min-width: 0; padding: 1px 10px; }
.jw-alert-card__leg:first-child { padding-left: 2px; }
.jw-alert-card__leg + .jw-alert-card__leg { border-left: 1px solid var(--jw-line); }
.jw-alert-card__leg-head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.jw-alert-card__leg-head small { color: var(--jw-muted); font-size: .59rem; font-weight: 900; letter-spacing: .05em; }
.jw-alert-card__leg-head strong { color: var(--jw-teal-dark); font-size: .91rem; }
.jw-alert-card__leg-quote { display: block; margin-top: 3px; color: var(--jw-muted); font-size: .67rem; }
.jw-alert-card__outcome { color: var(--jw-alert-tone); font-size: .72rem; font-weight: 850; }
.jw-alert-card__chevron { align-self: center; color: #6e7a78; }

@media (max-width: 575.98px) {
    .jw-member-main .jw-alert-card { grid-template-columns: 40px minmax(0, 1fr) 12px; gap: 9px; padding: 15px 0; }
    .jw-alert-card__icon { width: 38px; height: 38px; border-radius: 12px; }
    .jw-alert-card__head { gap: 7px; }
    .jw-alert-card__badge { min-height: 23px; padding: 4px 7px; font-size: .58rem; }
    .jw-alert-card__detail { padding: 9px; }
    .jw-alert-card__legs { grid-template-columns: 1fr; gap: 8px; }
    .jw-alert-card__leg { padding: 0; }
    .jw-alert-card__leg + .jw-alert-card__leg { padding-top: 8px; border-top: 1px solid var(--jw-line); border-left: 0; }
}
