/* Result Cards v2, "What's Yours?" landing and Course Quests. Fresh Map tokens only. */
.card-options{margin:0 0 12px;padding:14px 16px;border:1px solid var(--hair);border-radius:12px;background:var(--card);min-width:0}
.card-options legend{padding:0 6px;font:600 .875rem/1.4 'Figtree',sans-serif;color:var(--muted);letter-spacing:.02em}
.card-format{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.card-format label,.card-hide{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--field-border,var(--hair));border-radius:999px;font-size:.875rem;cursor:pointer;background:var(--paper)}
.card-format label:has(input:checked),.card-hide:has(input:checked){border-color:var(--line-ink,var(--brand));box-shadow:inset 0 0 0 1px var(--line-ink,var(--brand))}
.card-format input,.card-hide input{width:18px;height:18px;margin:0;accent-color:var(--line-ink,var(--brand))}
.card-format label:focus-within,.card-hide:focus-within{outline:2px solid var(--brand);outline-offset:2px}
.card-options p{margin:10px 0 0}
.card-preview-slot{margin:0 0 12px}
.card-preview{display:grid;grid-template-columns:minmax(0,160px) minmax(0,1fr);gap:14px;align-items:start;padding:12px;border:1px solid var(--hair);border-radius:12px;background:var(--soft)}
.card-preview-image{display:block;width:100%;height:auto;border-radius:8px;border:1px solid var(--hair);background:#fafbf7}
.card-preview-actions{display:flex;flex-direction:column;gap:8px}
.card-preview-actions .btn{min-height:44px;justify-content:center;text-align:center}
.card-preview-side{display:flex;flex-direction:column;gap:8px;min-width:0}
.card-preview-help{margin:0}
.card-preview-manual label{display:block;margin:0 0 4px;font-size:.875rem}
.card-preview-manual textarea{box-sizing:border-box;width:100%;padding:8px 10px;border:1px solid var(--field-border);border-radius:8px;background:var(--card);color:var(--ink);font:.875rem/1.4 'Figtree',sans-serif;resize:vertical}
.whats-yours{position:relative;margin:0 0 20px;padding:18px 20px 20px 34px;border:1px solid var(--hair);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-sm)}
.whats-yours::before{content:"";position:absolute;left:14px;top:22px;bottom:22px;width:4px;border-radius:4px;background:var(--line,var(--brand))}
.whats-yours h2{margin:2px 0 6px;font-size:1.5rem}
.whats-yours p{margin:0 0 12px;max-width:44rem}
.whats-yours .btn{min-height:44px}
.course-quest{margin:24px 0;padding:22px;border:1px solid var(--hair);border-radius:12px;background:var(--card)}
.course-quest h3{font-size:1.3125rem;margin:0 0 12px}
.course-quest fieldset{border:0;margin:0 0 12px;padding:0;min-width:0}
.course-quest legend{font-weight:500;margin-bottom:10px;line-height:1.6;padding:0}
.course-quest-option{display:flex;gap:10px;align-items:flex-start;min-height:44px;padding:10px 12px;margin:0 0 8px;border:1px solid var(--field-border,var(--hair));border-radius:10px;cursor:pointer;line-height:1.5}
.course-quest-option input{width:18px;height:18px;margin:3px 0 0;flex:none;accent-color:var(--brand)}
.course-quest-option:focus-within{outline:2px solid var(--brand);outline-offset:2px}
.course-quest-option[data-state=correct]{border-color:var(--line-ew-ink);background:var(--soft)}
.course-quest-tag{display:block;width:fit-content;margin-top:6px;padding:1px 10px;border:1px solid var(--line-ew-ink);border-radius:999px;font-weight:600;font-size:.875rem;color:var(--ink)}
.course-quest-option[data-state=chosen]{border-style:dashed}
.course-quest .btn{min-height:44px}
.course-quest-feedback:empty{display:none}
.course-quest-feedback{margin:12px 0 0;padding:12px 14px;border-left:4px solid var(--brand);background:var(--soft);border-radius:0 10px 10px 0}
.course-complete{margin:24px 0;padding:22px;border:1px solid var(--hair);border-radius:12px;background:var(--soft)}
.course-complete h3{font-size:1.3125rem;margin:0 0 8px}
@media(max-width:700px){
 .card-preview{grid-template-columns:minmax(0,120px) minmax(0,1fr)}
 .whats-yours{padding:16px 16px 18px 30px}
 .whats-yours h2{font-size:1.375rem}
 .whats-yours .btn,.course-quest .btn,.course-complete .btn{width:100%;justify-content:center}
 .course-quest,.course-complete{padding:18px}
 .course-quest h3,.course-complete h3{font-size:1.25rem}
}
/* Money Milestones: one planning milestone under a calculator result. */
.money-milestone{margin:18px 0 0;padding:16px 18px;border:1px solid var(--hair);border-left:4px solid var(--line-ink,var(--brand));border-radius:0 12px 12px 0;background:var(--soft)}
.money-milestone h2{font-size:1.375rem;margin:4px 0 8px}
.money-milestone p{margin:0 0 10px}
.money-milestone .btn{min-height:44px}
.money-milestone .note{margin:10px 0 0}
.money-milestone #milestone-card-status:empty{display:none}
@media(max-width:700px){.money-milestone .btn{width:100%;justify-content:center}}