/* "Your one thing this month" on My work (js/month-goals/card.js). Built on the tokens in styles.css, so both themes
   work without colours of their own. */

.mg-goal { font-size: 18px; font-weight: 700; margin: 0 0 6px; overflow-wrap: anywhere; }
.mg-goal .chip { vertical-align: middle; font-size: 12px; }
.mg-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.mg-last { border-top: 2px solid var(--line); margin-top: 14px; padding-top: 12px; }
.mg-card > .mg-last:first-of-type { border-top: 0; margin-top: 0; padding-top: 0; margin-bottom: 14px; }
.mg-team, .mg-prefs { margin-top: 14px; }
.mg-team summary, .mg-prefs summary { cursor: pointer; font-weight: 600; font-size: 13.5px; color: var(--muted); }
.mg-team ul { margin: 8px 0 0; padding-left: 18px; display: grid; gap: 4px; }
.mg-team li { overflow-wrap: anywhere; }
.mg-prefs .field { margin-top: 8px; }