/* Money Check-Up: intro card, one question card per step, the score, pillar bars and share block. Tokens only. */
.mcu-bubble{display:flex;gap:10px;align-items:flex-start;margin:10px 0 0;padding:10px 14px;border-radius:14px;background:color-mix(in srgb,var(--sun) 22%,var(--card));color:var(--ink);font-size:.95rem;line-height:1.45}
.mcu-intro{display:grid;gap:8px;padding:20px;border-radius:18px;background:var(--tile-mint);color:var(--ink);margin:0 0 16px}
.mcu-intro-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:var(--card)}
.mcu-intro-icon .coach-icon{width:28px;height:28px;stroke:var(--brand);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mcu-intro h2{margin:4px 0 0;font-size:1.5rem}
.mcu-ticks{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.mcu-ticks li{position:relative;padding-left:28px;font-weight:600}
.mcu-ticks li::before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--brand);color:var(--brand-text,#fff);font-size:.75rem;line-height:20px;text-align:center}
.mcu-last{margin:6px 0 0;padding:10px 12px;border-radius:12px;background:var(--card);display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-weight:600}
.mcu-recheck{min-height:44px}
.mcu-form fieldset.mcu-step{border:1px solid var(--hair);border-radius:16px;background:var(--card);margin:0 0 16px;padding:16px;box-shadow:var(--shadow-sm)}
.mcu-step legend{font:700 1.3rem/1.25 'Bricolage Grotesque',sans-serif;padding:0 4px}
.mcu-progress{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:center;margin:0 0 12px}
.mcu-progress span#mcu-step-label{justify-self:end;font-weight:700;color:var(--muted)}
.mcu-progress-track{grid-column:1/-1;height:8px;border-radius:999px;background:var(--hair);overflow:hidden}
.mcu-progress-fill{display:block;height:100%;width:25%;border-radius:inherit;background:var(--brand);transition:width .3s ease}
.mcu-back{min-height:44px;border:0;background:none;color:var(--brand);font:700 1rem 'Figtree',sans-serif;cursor:pointer;padding:0 4px}
.mcu-field{margin:14px 0 0}
.mcu-field label,.mcu-label{display:block;font-weight:700;margin:0 0 6px}
.mcu-field input{width:100%;min-height:48px;font-size:1.05rem}
.mcu-field p{margin:6px 0 0}
.mcu-hint{margin:8px 0 0;padding:8px 12px;border-radius:12px;background:color-mix(in srgb,var(--sun) 22%,var(--card));font-size:.9rem}
.mcu-q{display:grid;gap:8px;padding:14px 0 0}
.mcu-q>span:first-child{font-weight:700;line-height:1.4}
.mcu-hint-inline{display:block;font-weight:400}
.mcu-chips{display:flex;flex-wrap:wrap;gap:8px}
.mcu-chips label{position:relative;display:inline-flex}
.mcu-chips input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.mcu-chips span{display:inline-block;min-height:44px;padding:10px 14px;border:1px solid var(--field-border,var(--hair));border-radius:999px;background:var(--paper);font-size:.95rem;line-height:1.4}
.mcu-chips input:checked+span{background:var(--brand);border-color:var(--brand);color:var(--brand-text,#fff);font-weight:700}
.mcu-chips input:focus-visible+span{outline:2px solid var(--ink);outline-offset:3px}
.mcu-help{margin:10px 0 0}.mcu-help summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600;color:var(--brand)}
.mcu-paperwork{margin:16px 0 0;display:grid;gap:8px}
.mcu-tick{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:start;min-height:44px;padding:10px 12px;border-radius:12px;background:var(--paper);border:1px solid var(--hair);cursor:pointer;font-weight:600}
.mcu-tick input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--brand);grid-row:span 2}
.mcu-tick .small{font-weight:400}
.mcu-nav{display:flex;flex-wrap:wrap;gap:10px}
.mcu-nav .btn{min-height:48px;flex:1 1 auto}
.mcu-error{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:var(--bad-bg,var(--soft));color:var(--ink);font-weight:600}
.mcu-skip-note{margin:10px 0 0}
body:not(.mcu-js) .mcu-progress,body:not(.mcu-js) #mcu-start,body:not(.mcu-js) #mcu-next{display:none}
.mcu-band{margin:4px 0 8px}
.mcu-band-chip{display:inline-block;padding:6px 16px;border-radius:999px;background:var(--tile-mint);color:var(--ink);font:800 1.05rem/1.3 'Bricolage Grotesque',sans-serif}
.mcu-band-chip.tile-butter{background:var(--tile-butter)}.mcu-band-chip.tile-peach{background:var(--tile-peach)}.mcu-band-chip.tile-sky{background:var(--tile-sky)}.mcu-band-chip.tile-lilac{background:var(--tile-lilac)}
.mcu-change{margin:4px 0 0;font-weight:700;color:var(--ink)}
.mcu-results{display:block}
.mcu-win{margin:16px 0;padding:16px;border-radius:16px;background:color-mix(in srgb,var(--sun) 30%,var(--card));color:var(--ink)}
.mcu-win h3{margin:0 0 6px;font-size:1.2rem}
.mcu-win p{margin:0 0 12px}
.mcu-results>h3{font-size:1.1rem;margin:18px 0 4px}
.mcu-pillars{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px}
.mcu-pillar summary{display:grid;grid-template-columns:minmax(7.5em,40%) 1fr auto;gap:10px;align-items:center;min-height:44px;cursor:pointer;list-style:none}
.mcu-pillar summary::-webkit-details-marker{display:none}
.mcu-pillar-name{font-weight:600;font-size:.95rem;line-height:1.25}
.mcu-bar{display:block;height:12px;border-radius:4px;background:var(--hair);overflow:hidden}
.mcu-bar-fill{display:block;height:100%;width:0;border-radius:4px;background:var(--brand)}
.mcu-pillar-points{font-weight:700;font-size:.9rem;min-width:3.2em;text-align:right;font-variant-numeric:tabular-nums}
.mcu-pillar.is-na .mcu-pillar-points,.mcu-pillar.is-missing .mcu-pillar-points{color:var(--muted)}
.mcu-pillar details p{margin:2px 0 10px;padding:8px 12px;border-radius:10px;background:var(--soft)}
.mcu-share{margin:20px 0 0}
.mcu-share h3{margin:0 0 4px}
.mcu-share-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.mcu-share-row .btn{min-height:44px}
.mcu-actions{margin:18px 0 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.mcu-actions p{margin:0;flex-basis:100%}
.mcu-how,.mcu-isnt{margin:16px 0 0}
.mcu-how summary,.mcu-isnt summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}
.mcu-table{width:100%;border-collapse:collapse;font-size:.88rem}
.mcu-table th,.mcu-table td{text-align:left;vertical-align:top;padding:8px;border-bottom:1px solid var(--hair)}
.mcu-table td:last-child{text-align:right}
.mcu-next{margin:20px 0 0}.mcu-next h3{margin:0 0 4px}
.mcu-next-list{display:grid;gap:12px;margin:10px 0}
.mcu-next-list .next-card+.next-card{margin-top:0}
@media (max-width:480px){
 .mcu-table thead{display:none}
 .mcu-table tr{display:block;padding:8px 0;border-bottom:1px solid var(--hair)}
 .mcu-table th,.mcu-table td{display:block;border:0;padding:2px 0;text-align:left}
 .mcu-table td:last-child{text-align:left}
 .mcu-table td:last-child::before{content:"Weight: "}
 .mcu-pillar summary{grid-template-columns:minmax(6.5em,42%) 1fr auto;gap:8px}
}