.challenge-entry { display: flex; width: 100%; justify-content: space-between; align-items: center; gap: 8px; padding: 5px 8px; margin-top: 7px; text-align: left; }
.challenge-entry > span:first-child { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 7px; }
.challenge-entry strong { font-size: 12px; }
.challenge-entry small { color: #465389; font-size: 11px; }
.challenge-entry > span:last-child { color: #5043ba; }
dialog[data-panel="challenges"] { width: min(610px, calc(100% - 22px)); }
.challenge-picker { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin: 0 0 12px; }
.challenge-picker .button { padding: 9px; text-align: left; }
.challenge-picker .button[aria-pressed="true"] { background: #e8e7ff; border-color: #8d82e8; color: #313087; }
.challenge-picker strong, .challenge-picker small { display: block; }
.challenge-picker small { margin-top: 3px; font-weight: 500; color: #495582; }
.challenge-suggestion { display: flex; align-items: center; justify-content: space-between; gap: 6px 12px; flex-wrap: wrap; padding: 8px; margin-bottom: 8px; border: 1px solid #b7dfd2; border-radius: 8px; color: #216652; background: #edf9f5; }
.challenge-suggestion strong { font-size: 14px; }
.challenge-suggestion p { margin-top: 3px; font-size: 13px; }
.challenge-suggestion .button { flex-shrink: 0; font-size: 13px; }
.challenge-card { padding: 13px; border: 1px solid #cfd7fb; border-radius: 10px; background: #f4f6ff; }
.challenge-card-head { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 5px 8px; margin-bottom: 7px; }
.challenge-card h3 { margin: 0; color: #293374; font-size: 18px; }
.challenge-card p { color: #454e7a; font-size: 14px; line-height: 1.3; }
.challenge-card .eyebrow { color: #4f4798; }
.challenge-progress { display: flex; align-items: center; gap: 8px; margin: 9px 0 5px; font: 600 12px/1 var(--mono); color: #343c78; }
.challenge-progress progress { flex: 1; min-width: 0; height: 12px; accent-color: #5750d9; }
.challenge-actions { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-top: 10px; }
.challenge-note { margin-top: 9px; color: var(--muted); font-size: 12px; line-height: 1.35; }
.challenge-board-link { margin-bottom: 12px; }
.challenge-report { margin: 8px 0; padding: 8px; border: 1px solid #b7dfd2; border-radius: 8px; color: #216652; background: #edf9f5; font-size: 13px; }
@media (max-width: 460px) {
  .challenge-picker .button { padding: 6px; }
  .challenge-picker strong { font-size: 13px; }
  .challenge-picker small { font-size: 11px; }
}