/* All result panels share the illuminated surface of the original blend explorer. */
body[data-stage="result"]{
 --result-card-background:radial-gradient(ellipse at 80% 25%,rgba(255,194,75,.15),transparent 62%),linear-gradient(150deg,rgba(20,33,57,.85),rgba(38,39,65,.78));
 --result-card-border:rgba(255,194,75,.3);
 --result-card-shadow:0 14px 55px #111a2825;
}
body[data-stage="result"] :is(.reading-section,.result-exploration,.archetype-blend,.suite-reading-teaser,.recommendation-card,.product.tier,.ex-action-detail){
 background:var(--result-card-background);
 border:1px solid var(--result-card-border);
 border-radius:26px;
 box-shadow:var(--result-card-shadow);
}
body[data-stage="result"] :is(.reading-section,.archetype-blend,.suite-reading-teaser){padding:28px}
body[data-stage="result"] .reading-section p{color:#e2dce7;line-height:1.8}
body[data-stage="result"] .reading-section h2{color:#ffc24b}
body[data-stage="result"] .recommendation-card:hover,
body[data-stage="result"] .recommendation-card:focus-visible{border-color:#ffc24bb3;box-shadow:var(--result-card-shadow),0 0 28px #ffd18a24}
body[data-stage="result"] .product.tier.best{border-color:#ffc24bcc;box-shadow:var(--result-card-shadow),0 0 28px #ffb24b2e,inset 0 0 24px #ffc24b0a}
body[data-stage="result"] .archetype-blend{margin:30px 0}
body[data-stage="result"] .archetype-blend h2{font:400 clamp(26px,4vw,34px)/1.18 var(--serif);letter-spacing:-.025em;color:#f7eff4}
body[data-stage="result"] .archetype-blend>.note{font-size:14px;line-height:1.75;color:#d2cfdf}
body[data-stage="result"] .blend-layout{gap:28px;margin:30px 0 8px}
body[data-stage="result"] .blend-pie{position:relative;isolation:isolate;width:214px;border:1px solid #ffefd947;box-shadow:0 16px 38px #10182c4d,0 0 34px #ffbf6417,inset 0 0 0 1px #fff2df1a}
body[data-stage="result"] .blend-pie::before{content:'';position:absolute;inset:-7px;border:1px solid #ffc24b29;border-radius:50%;pointer-events:none}
body[data-stage="result"] .blend-pie::after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 28% 15%,#ffffff1a,transparent 65%);box-shadow:inset 0 2px 5px #fff4df26;pointer-events:none}
body[data-stage="result"] .blend-swatch{width:11px;height:11px;box-shadow:0 0 12px color-mix(in srgb,var(--swatch-color) 40%,transparent);border:1px solid #fff0dc33}
body[data-stage="result"] .blend-legend{gap:16px}
body[data-stage="result"] .blend-legend li{font-size:14px;color:#e6dfeb}
body[data-stage="result"] .blend-legend strong{color:#fff0da}
@media(max-width:600px){
 body[data-stage="result"] :is(.reading-section,.archetype-blend,.suite-reading-teaser){padding:23px}
 body[data-stage="result"] .blend-layout{flex-direction:column;gap:30px}
 body[data-stage="result"] .blend-legend{width:100%;max-width:340px}
 body[data-stage="result"] .blend-pie{width:min(214px,85%)}
}

body[data-stage="result"] .ex-insight-heading>.ex-measure{max-width:260px;font-size:12px;line-height:1.6}

/* A single veil of warm light passes over a card as its reading unfolds. */
.result-reveal-host{position:relative}
.result-reveal-light{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:2;contain:strict}
.result-reveal-light>span{position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,219,167,.025) 35%,rgba(255,225,184,.13) 49%,rgba(222,208,249,.065) 58%,transparent 76%);pointer-events:none}
@media(prefers-reduced-motion:reduce){.result-reveal-light{display:none}}