body[data-quiz-view="result"]{background:#f4f1eb;color:#272923}
body[data-quiz-view="result"]::before{display:none}
body[data-quiz-view="result"] .container{max-width:664px;padding:40px 32px 88px}
#result .result-screen{padding:0!important;animation:none}
#result .result-header .emoji{display:none}
#result .result-header h2{font-family:Newsreader,Georgia,serif;font-size:clamp(37px,5vw,56px);line-height:1.04;letter-spacing:-.035em;margin:18px 0}
#result .result-header h2 em{display:block;color:#526250!important}
#result .result-header .subtitle{font-size:10px;letter-spacing:.17em;line-height:1.7;color:#68725f}
#result .result-next{font-size:15px;line-height:1.7;max-width:440px;margin:16px auto 25px;color:#66695f}
.guide-gallery{position:relative;margin:0 auto;max-width:600px}
.gallery-topline{display:flex;align-items:center;justify-content:space-between;color:#6d7164;font-size:11px;letter-spacing:.07em;margin-bottom:12px}
.gallery-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:20px;overscroll-behavior-x:contain;scroll-behavior:smooth}
.gallery-track::-webkit-scrollbar{display:none}
.gallery-slide{flex:0 0 100%;scroll-snap-align:start;border-radius:20px;overflow:hidden;display:block;position:relative}
.gallery-slide img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:20px}
.gallery-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin:16px 0 8px}
.gallery-controls button{cursor:pointer;background:transparent;border:0;color:#4d594b}
.gallery-arrow{width:38px;height:38px;border:1px solid #cecec3!important;border-radius:50%;font-size:23px;line-height:1}
.gallery-arrow:disabled{opacity:.3;cursor:default}
.gallery-dots{display:flex;gap:6px;align-items:center}
.gallery-dots button{padding:10px 3px}
.gallery-dots button::after{content:'';display:block;width:6px;height:6px;background:#c3c6b9;border-radius:6px;transition:width .2s}
.gallery-dots button[aria-current="true"]::after{width:24px;background:#526250}
#result .btn-gift{min-height:59px;border-radius:40px;background:#20251f!important;color:#fff!important;font-size:14px;letter-spacing:0;font-weight:500;padding:17px 20px;gap:14px;margin:16px 0 12px}
#result .btn-gift:hover{background:#3b4938!important}
#result .btn-gift svg{width:19px;height:19px;flex-shrink:0}
#result .guide-help{font-size:12px;color:#77796e;margin:0 auto 36px;max-width:350px;line-height:1.7}
#result .archetype-cards{display:block;margin:36px 0 28px}
.lead-summary{border-top:1px solid #d8d9cc;border-bottom:1px solid #d8d9cc;padding:26px 0;text-align:left}
.lead-label{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#69765f;margin-bottom:12px}
.lead-row{display:flex;justify-content:space-between;align-items:baseline;gap:14px}
.lead-name{font-family:Newsreader,Georgia,serif;font-size:34px;letter-spacing:-.025em;margin:0}
.lead-pct{font:italic 34px Newsreader,Georgia,serif;color:#526250}
.lead-description{font-size:14px;color:#64695d;line-height:1.8;margin:13px 0 0}
.shades{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:21px;text-align:left}
.shades-label{grid-column:1/-1;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#7b7f70}
.shade{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:14px;color:#434c3b;align-items:center}
.shade small{grid-column:1/-1;font-size:12px;line-height:1.7;color:#757b6a}
.shade b{font-weight:500}.shade span{font-family:Georgia,serif;font-style:italic;font-size:20px}
#result .promo-block{border:0;background:#ebece3;box-shadow:none;border-radius:20px;padding:28px 30px;margin-top:34px}
#result .promo-block h3{font-family:Newsreader,Georgia,serif;font-size:29px;margin-bottom:12px}
#result .promo-block p{font-size:14px;color:#62685a;text-align:center;line-height:1.75}
.preview-tools{max-width:600px;margin:18px auto 0;padding:12px 16px;border:1px dashed #cecfc4;border-radius:12px;display:flex;gap:12px;align-items:center;justify-content:space-between;color:#68725f;font:11px Arial,sans-serif}
.preview-tools select{border:0;background:transparent;color:#313a2d;font-size:13px;max-width:155px;padding:8px}
.preview-tools a{color:inherit;font-size:11px}
.sticky-guide{display:none}
:focus-visible{outline:2px solid #607454;outline-offset:4px}
@media(max-width:600px){
 body[data-quiz-view="result"] .container{padding:28px 20px 100px}
 #result .result-header h2{font-size:40px;margin:17px 0 14px}
 #result .result-header .subtitle{font-size:9px;letter-spacing:.13em}
 #result .result-next{font-size:14px;margin:15px auto 22px}
 .gallery-slide{flex-basis:93%;scroll-snap-align:start}
 .gallery-track{border-radius:16px;gap:10px;padding-right:7%}
 .gallery-slide img,.gallery-slide{border-radius:16px}
 .gallery-topline{font-size:10px}
 .gallery-controls{margin-top:10px;gap:18px}
 .gallery-arrow{width:33px;height:33px;font-size:21px}
 .lead-name{font-size:29px}.lead-pct{font-size:30px}
 .shades{gap:12px}.shade{font-size:13px}.shade small{font-size:11px}
 #result .promo-block{padding:25px 20px}
 .preview-tools{margin:10px 20px 0;flex-wrap:wrap;gap:4px}
 .sticky-guide.is-visible{display:block;position:fixed;z-index:100;bottom:0;left:0;right:0;padding:10px 20px calc(10px + env(safe-area-inset-bottom));background:#f4f1ebf5;border-top:1px solid #d7dacd;backdrop-filter:blur(10px)}
 .sticky-guide a{display:flex;align-items:center;justify-content:center;gap:12px;background:#20251f;border-radius:35px;min-height:52px;color:white;text-decoration:none;font:500 13px Arial,sans-serif;padding:12px}
 .sticky-guide svg{width:18px;height:18px}
}
@media(prefers-reduced-motion:reduce){.gallery-track{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media(min-width:740px){.gallery-arrow{position:absolute;top:calc(50% - 18px);width:42px;height:42px}.gallery-arrow.prev{left:-58px}.gallery-arrow.next{right:-58px}}

/* Explicit result colours override the original dark-theme fallback variables. */
#result .promo-block h3{color:#293328;font-size:30px;line-height:1.18}
#result .promo-block{background:#e9ece2;border:1px solid #dce1d4}
#result .promo-block p{color:#4d5949}
#result .btn-restart{color:#53634c;border-bottom-color:#87957c}
#result .shades-label{color:#59664f;letter-spacing:.03em;text-transform:none;font-size:14px;line-height:1.5}
#result .shade{align-content:start;align-items:baseline}
#result .promo-block{animation:none}
/* Each related archetype has its own independent five-slide gallery. */
#result .shades{gap:26px 20px;margin-top:28px;align-items:start}
#result .shade.related-archetype{display:block;min-width:0}
.related-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}
.related-heading h3{font:400 25px Newsreader,Georgia,serif;color:#3f4b38;letter-spacing:-.025em;overflow-wrap:anywhere;margin:0}
#result .related-heading span{font:italic 25px Newsreader,Georgia,serif;color:#59674e;white-space:nowrap}
.related-description{font-size:12px;line-height:1.7;color:#626d59;min-height:62px;margin:0 0 16px}
.related-gallery{position:relative;min-width:0}
.related-track{position:relative;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:14px;overscroll-behavior-x:contain;scroll-behavior:smooth}
.related-track::-webkit-scrollbar{display:none}
.related-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start}
.related-slide img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:14px}
.related-controls{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:12px}
.related-controls button{background:transparent;color:#53634c;cursor:pointer}
.related-prev,.related-next{border:1px solid #cdd3c5;border-radius:50%;width:34px;height:34px;font-size:22px;line-height:1}
.related-controls button:disabled{opacity:.3;cursor:default}
.related-dots{display:flex;gap:3px}
.related-dots button{border:0;padding:12px 3px}
.related-dots button::after{content:'';display:block;width:5px;height:5px;border-radius:6px;background:#c1c8b9}
.related-dots button[aria-current="true"]::after{width:17px;background:#53634c}
#result .related-count{display:block;text-align:center;font:11px Arial,sans-serif;color:#75816b;margin-top:6px}
@media(max-width:600px){#result .shades{grid-template-columns:1fr;gap:26px}#result .shades-label{margin-bottom:-8px}.related-description{min-height:0;font-size:13px}.related-heading h3{font-size:29px}.related-track{padding-right:7%}.related-slide{flex-basis:93%}}
@media(prefers-reduced-motion:reduce){.related-track{scroll-behavior:auto}}