/* Result follows the quiz's focused, mobile-first layout. */
.result-brandbar{display:flex;justify-content:center;padding:22px 20px 14px}
body[data-page="result"] .result-page{width:min(960px,calc(100% - 40px));padding:12px 0 30px}
.result-welcome{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 0 22px;color:var(--berry)}
.result-welcome p{margin:0;font-size:10px;letter-spacing:.12em;font-weight:700}
.result-done{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#f3e3eb;font-size:12px}
.result-overview{display:grid;gap:28px}
.profile-card{position:relative;overflow:hidden;border-radius:26px;padding:26px;color:#fff;background:linear-gradient(140deg,#993054,#792747);box-shadow:0 16px 35px #7d284618}
.profile-card:after{content:'';position:absolute;width:240px;height:240px;right:-140px;bottom:-140px;border:34px solid #ffffff08;border-radius:50%;pointer-events:none}
.profile-card-top{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.profile-emblem{width:44px;height:44px;display:grid;place-items:center;background:#ffffff15;border:1px solid #ffffff25;border-radius:14px;flex-shrink:0}
.profile-emblem svg{width:28px;height:28px}
.profile-tag{font-size:12px;line-height:1.4;font-weight:600}
.profile-kicker{font-size:9px;letter-spacing:.16em;color:#f1c6d6;font-weight:700;margin-bottom:10px}
.profile-card h1{font-size:clamp(31px,5.5vw,44px);line-height:1.12;letter-spacing:-.035em;max-width:510px;outline:none}
.profile-description{color:#f8e1eb;font-size:14px;line-height:1.75;margin:18px 0 22px}
.profile-signature{display:flex;gap:9px;align-items:center;border-top:1px solid #ffffff24;padding-top:16px;font-size:11px;color:#f9e5ed}
.profile-signature>span:first-child{font-size:20px}
.result-section-title{margin-bottom:18px}
.result-section-title .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:10px}
.result-section-title h2{font-size:26px;line-height:1.18}
.routine-snapshot{padding:2px 0}
.routine-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px}
.routine-details>div{background:#fffdfb;border:1px solid var(--border);padding:16px;border-radius:18px;min-width:0}
.routine-details dt{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;margin-bottom:12px}
.result-detail-icon{color:var(--berry);display:flex}
.result-detail-icon svg{height:23px;width:23px}
.routine-details dd{font-family:var(--font);font-size:16px;line-height:1.35;margin:0;overflow-wrap:anywhere}
.goals-label{display:block;font-size:11px;color:var(--muted);margin-bottom:10px}
.routine-goals>div{display:flex;flex-wrap:wrap;gap:8px}
.goal-chip{display:inline-flex;align-items:center;gap:8px;font-size:12px;line-height:1.4;border-radius:12px;padding:10px 12px;background:#f7e8ee;color:#82284c}
.goal-chip svg{width:21px;height:21px;flex-shrink:0}
.routine-path{margin:34px 0}
.routine-path ol{list-style:none;padding:0;margin:0;display:grid;gap:0}
.routine-path li{display:flex;gap:16px;position:relative;padding:0 0 24px}
.routine-path li:last-child{padding-bottom:0}
.routine-path li:not(:last-child):after{content:'';position:absolute;left:19px;top:42px;bottom:4px;width:1px;background:#e8cbd7}
.path-number{flex-shrink:0;display:grid;place-items:center;width:40px;height:40px;background:#f6e4ec;border-radius:13px;font-size:12px;font-weight:700;color:var(--berry)}
.routine-path h3{font-size:17px;margin:3px 0 7px}
.routine-path li p{font-size:14px;color:var(--muted);line-height:1.65;margin:0}
.result-next{background:#f9eaf0;border:1px solid #efd4df;border-radius:24px;padding:25px;text-align:center}
.result-next-icon{display:grid;place-items:center;width:44px;height:44px;background:#fff8fb;border-radius:50%;margin:0 auto 15px;color:var(--berry)}
.result-next-icon svg{width:25px;height:25px}
.result-next h2{font-size:27px;line-height:1.18;max-width:430px;margin:0 auto 13px}
.result-next>p{font-size:14px;color:var(--muted);line-height:1.65;margin-bottom:21px}
.result-next .button{border-radius:14px;min-height:55px;max-width:400px;margin:auto}
.result-edit{display:inline-flex;padding:15px 8px 0;font-size:12px;color:var(--berry);text-decoration:underline;text-underline-offset:4px}
.result-note{font-size:11px;color:var(--muted);text-align:center;line-height:1.6;margin:18px auto;max-width:430px}
body[data-page="result"] .result-disclosure{margin:22px 0 0;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);max-width:none;text-align:left}
body[data-page="result"] .result-disclosure summary{font-size:12px;cursor:pointer;color:var(--muted);min-height:24px}
body[data-page="result"] .result-disclosure p{font-size:12px;line-height:1.75;margin:12px 0 0;color:var(--muted)}
body[data-page="result"] .plans-section{padding:30px 0 40px;background:transparent;scroll-margin-top:18px}
body[data-page="result"] .plans-section>.wrap{width:min(960px,calc(100% - 40px))}
body[data-page="result"] .plans-section .section-heading{max-width:560px;margin:0 auto 32px}
body[data-page="result"] .plans-section h2{font-size:29px}
body[data-page="result"] .plans-section .section-heading p:not(.eyebrow){font-size:14px;margin-top:14px}
body[data-page="result"] .plan{border-radius:24px;padding:25px}
body[data-page="result"] .plan .button{border-radius:14px;gap:12px}
body[data-page="result"] .plans-note{line-height:1.7;font-size:11px}
.result-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 22px;padding:26px 20px 30px;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}
.result-footer p{width:100%;text-align:center;font-size:10px;margin:4px 0 0}
@media(min-width:760px){.result-brandbar{padding-top:30px}.result-overview{grid-template-columns:1.1fr 1fr;gap:30px;align-items:center}.profile-card{padding:32px}.routine-path{margin:44px 0}.routine-path ol{grid-template-columns:repeat(3,1fr);gap:24px}.routine-path li{display:block;padding:0}.routine-path li:after{display:none}.path-number{margin-bottom:16px}.routine-path h3{margin-bottom:10px}.result-next{padding:32px}.result-next h2{font-size:32px}}
@media(max-width:359px){body[data-page="result"] .result-page,body[data-page="result"] .plans-section>.wrap{width:calc(100% - 32px)}.profile-card{padding:22px}.routine-details{gap:9px}.routine-details>div{padding:13px}.routine-details dt{gap:5px}.routine-details dd{font-size:14px}.result-next{padding:22px}}
