/* UrbanVista Wealth: assessment result screens (Financial Health + Risk Profile) */
.uv-result{--uv-navy:#071D3B;--uv-ink:#102d4b;--uv-muted:#5b6b7d;--uv-line:#e6ebee;--uv-green:#1d705d;--uv-mint:#7fd1b6;--uv-gold:#C99A35;--uv-gold-soft:#E8C66E;
background:#fff;border:1px solid #e1e8ec;border-radius:18px;padding:clamp(20px,4vw,38px);box-shadow:0 16px 45px rgba(7,29,59,.08);text-align:left;scroll-margin-top:96px}
.uv-result[hidden]{display:none!important}

.uv-head h2{font-family:var(--serif,Georgia,serif);font-weight:400;font-size:clamp(1.65rem,3.8vw,2.25rem);line-height:1.2;color:var(--uv-ink);margin:0 0 8px}
.uv-head p{margin:0;color:var(--uv-muted);line-height:1.6;max-width:58ch}

.uv-grid{display:grid;grid-template-columns:minmax(250px,300px) minmax(0,1fr);gap:clamp(22px,4vw,44px);margin-top:28px;align-items:start}

/* Score panel: the one dark, memorable element */
.uv-panel{position:sticky;top:104px;background:var(--uv-navy);color:#fff;border-radius:14px;padding:28px 26px 26px}
.uv-num{display:flex;align-items:baseline;gap:10px}
.uv-num strong{font-family:var(--serif,Georgia,serif);font-weight:400;font-size:clamp(3.8rem,9vw,4.8rem);line-height:.95;letter-spacing:-.02em}
.uv-num span{color:rgba(255,255,255,.72);font-size:.95rem}
.uv-panel h3{display:flex;align-items:center;gap:10px;font-family:var(--serif,Georgia,serif);font-weight:400;font-size:1.65rem;line-height:1.2;color:#fff;margin:22px 0 8px;letter-spacing:0}
.uv-panel h3::before{content:"";flex:0 0 11px;width:11px;height:11px;border-radius:50%;background:var(--uv-tone,var(--uv-gold-soft))}
.uv-panel[data-tone="good"]{--uv-tone:var(--uv-mint)}
.uv-panel[data-tone="mid"]{--uv-tone:var(--uv-gold-soft)}
.uv-panel[data-tone="low"]{--uv-tone:#f08a7e}
.uv-panel p{margin:0;color:rgba(255,255,255,.84);line-height:1.6;font-size:.95rem}
.uv-panel .uv-sub{color:var(--uv-gold-soft);font-weight:600;margin-top:0}

.uv-pips{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin:22px 0 10px}
.uv-pips i{display:block;height:9px;border-radius:3px;background:rgba(255,255,255,.16);animation:uv-pip .4s ease-out both;animation-delay:calc(var(--i,0)*70ms + 120ms)}
.uv-pips i.on{background:var(--uv-mint)}
.uv-pips i.gap{background:var(--uv-gold)}
.uv-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.76rem;color:rgba(255,255,255,.72)}
.uv-legend span{display:inline-flex;align-items:center;gap:6px}
.uv-legend span::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--uv-mint)}
.uv-legend span+span::before{background:var(--uv-gold)}
@keyframes uv-pip{from{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:none}}

/* Right column: open, divided by hairlines rather than boxed */
.uv-body h3{font-family:var(--sans,system-ui,sans-serif);display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:1rem;font-weight:700;color:var(--uv-ink);margin:0 0 6px;letter-spacing:0}
.uv-body h3 small{font-size:.82rem;font-weight:600;color:var(--uv-muted)}
.uv-list{list-style:none;margin:0 0 26px;padding:0}
.uv-list li{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;padding:12px 0;border-top:1px solid var(--uv-line);color:var(--uv-ink)}
.uv-list li:last-child{border-bottom:1px solid var(--uv-line)}
.uv-list strong{display:block;font-size:.98rem;line-height:1.4}
.uv-list small{display:block;margin-top:3px;font-size:.83rem;line-height:1.5;color:var(--uv-muted)}
.uv-list .uv-ico{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:.78rem;font-weight:800;background:#e3f2ec;color:var(--uv-green);margin-top:1px}
.uv-list .gap .uv-ico{background:#fbf0d6;color:#8a6516}
.uv-list li.empty{display:block;color:var(--uv-muted);font-size:.9rem}

.uv-lede{font-family:var(--serif,Georgia,serif);font-size:1.2rem;line-height:1.55;color:var(--uv-ink);margin:0 0 24px;max-width:46ch}

/* Risk scale */
.uv-scale{margin:0 0 28px}
.uv-track{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;height:10px}
.uv-track i{display:block;background:#e3e9ec;border-radius:3px}
.uv-track i.active{background:var(--uv-green)}
.uv-marker{position:absolute;top:50%;left:0;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:#fff;border:5px solid var(--uv-navy);box-shadow:0 3px 8px rgba(7,29,59,.28);transition:left 1s cubic-bezier(.2,.8,.2,1)}
.uv-labels{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:14px}
.uv-labels span{font-size:.76rem;line-height:1.3;text-align:center;color:#6b7a8a}
.uv-labels span.active{color:var(--uv-green);font-weight:700}
.uv-ends{display:none;justify-content:space-between;margin-top:12px;font-size:.76rem;color:#6b7a8a}
.uv-focus{margin:0 0 4px}
.uv-focus p{margin:0;line-height:1.6;color:var(--uv-ink)}
.uv-review{margin:22px 0 0;padding:14px 16px;background:#fff6e8;border-left:3px solid var(--uv-gold);line-height:1.6;font-size:.92rem;color:#5a4a22}

/* Footer actions */
.uv-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;padding-top:24px;border-top:1px solid var(--uv-line)}
.uv-foot .uv-restart{margin-left:auto;border:0;background:none;color:#315d77;text-decoration:underline;cursor:pointer;font:inherit;font-size:.92rem;padding:8px 4px}
.uv-note{margin:18px 0 0;font-size:.8rem;line-height:1.65;color:#68798a;max-width:72ch}
.uv-result :focus-visible{outline:2px solid var(--uv-green);outline-offset:3px}

@media(max-width:760px){
.uv-grid{grid-template-columns:1fr;margin-top:22px}
.uv-panel{position:static}
.uv-panel{padding:24px 22px}
}
@media(max-width:600px){
.uv-labels{display:none}
.uv-ends{display:flex}
.uv-foot .btn-primary{width:100%}
.uv-foot .btn-outline{flex:1 1 calc(50% - 6px)}
.uv-foot .uv-restart{margin:4px auto 0}
.uv-lede{font-size:1.1rem}
}
@media(prefers-reduced-motion:reduce){
.uv-pips i{animation:none}
.uv-marker{transition:none}
}