/* =========================================================================
   Activity readiness (F4). Token-driven -> works light + dark.
   ========================================================================= */
.wm-activities {
    margin-top: 28px;
    padding: 22px clamp(16px, 3vw, 26px);
    border: 1px solid var(--wm-border);
    border-radius: var(--wm-r-card);
    background: var(--wm-surface);
}
.wm-activities[hidden] { display: none; }
.wm-activities__head { margin-bottom: 16px; }
.wm-activities__title { margin: 0 0 4px; font-size: 1.25rem; font-weight: 700; color: var(--wm-text); }
.wm-activities__sub { margin: 0; color: var(--wm-text-muted); font-size: 0.92rem; line-height: 1.5; max-width: 64ch; }

.wm-activities__grid {
    display: grid; gap: 12px;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
}
.wm-act {
    border: 1px solid var(--wm-border); border-left-width: 4px;
    border-radius: 12px; padding: 13px 15px; background: var(--wm-surface-alt);
}
.wm-act__top { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.wm-act__icon { font-size: 1.1rem; line-height: 1; }
.wm-act__name { font-size: 0.95rem; font-weight: 600; color: var(--wm-text); flex: 1 1 auto; }
.wm-act__grade {
    font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em;
    padding: 3px 9px; border-radius: 99px; white-space: nowrap;
}
.wm-act__why { margin: 0; font-size: 0.84rem; line-height: 1.45; color: var(--wm-text-muted); }

/* Grade colouring (border + pill) */
.wm-act--great { border-left-color: var(--wm-safe); }
.wm-act--great .wm-act__grade { color: var(--wm-bg); background: var(--wm-safe); }
.wm-act--ok { border-left-color: var(--wm-warning); }
.wm-act--ok .wm-act__grade { color: var(--wm-bg); background: var(--wm-warning); }
.wm-act--poor { border-left-color: var(--wm-leak); }
.wm-act--poor .wm-act__grade { color: #fff; background: var(--wm-leak); }

.wm-activities__note { margin: 16px 0 0; font-size: 0.8rem; color: var(--wm-text-faint); line-height: 1.5; max-width: 72ch; }