@import url('/quiz-utilities.css');
:root{--viz-text:#f4ecdf;--viz-muted:#c0b7a9;--viz-border:#4d483b;--viz-card:#201f19;--viz-accent:#d6af69;--viz-accent-bg:#373927}
html,body{background:#151310!important;color:#f4ecdf;font-family:'DM Sans',Arial,sans-serif!important;line-height:1.7;scroll-behavior:auto}
.reflection-header{max-width:1180px;margin:auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #423b2e}
.reflection-header>a:last-child{font-size:15px;color:#d6af69;min-height:44px;display:flex;align-items:center}
.reflection-header .brand{font-family:Georgia,serif}.reflection-header .brand b{font-weight:400}.reflection-header .brand small{font-size:10px}
.reflection-main{max-width:920px;padding:48px 32px 80px;margin:auto}.reflection-main:has(#boydHub){max-width:1120px}
.reflection-main [id^=boyd] .serif{font-family:'Playfair Display',Georgia,serif;font-weight:400;letter-spacing:-.015em;line-height:1.25}
.reflection-main [id^=boyd] .emerald{color:#c7ddc6}.reflection-main [id^=boyd] .gold,.reflection-main [id^=boyd] .mini{color:#d6af69}
.reflection-main [id^=boyd] .mini,.reflection-main .text-xs{font-size:14px;line-height:1.55;letter-spacing:.09em}
.reflection-main .text-sm{font-size:16px;line-height:1.7}.reflection-main .text-3xl{font-size:clamp(2rem,4vw,3rem);line-height:1.15}.reflection-main .text-2xl{font-size:clamp(1.6rem,3vw,2rem);line-height:1.3}.reflection-main .text-xl{font-size:1.5rem;line-height:1.35}
.reflection-main [id^=boyd] .panel{background:#201f19;border:1px solid #494436;border-radius:14px;padding:26px}
.reflection-main [id^=boyd] .msb{background:#174b3b;border:1px solid #49725a;border-radius:14px;padding:28px;color:#fff4e3}
.reflection-main [id^=boyd] .choice{font-size:16px;line-height:1.6;border-radius:8px;min-height:52px;padding:16px 18px;color:#f4ecdf}
.reflection-main [id^=boyd] .choice:hover,.reflection-main [id^=boyd] .choice.sel{background:#303e2d;border-color:#b9d0a3}
.reflection-main button{min-height:48px;cursor:pointer}.reflection-main button:focus-visible,.reflection-main a:focus-visible{outline:3px solid #e3c48a!important;outline-offset:4px}
.reflection-main button:disabled{cursor:default;opacity:.45}.reflection-main button[class*="bg-[var(--viz-accent)]"]{color:#151310!important;background:#d6af69;border-radius:6px}
.reflection-main #next{max-width:100%;font-size:16px;line-height:1.5}
.reflection-main .progress{height:8px!important;background:#443f34!important}.reflection-main .progress span{background:#b9cfa0!important}
.reflection-main .quizcard{padding:30px!important}.reflection-main .quizcard h3{margin:14px 0 8px}.reflection-main .quizcard p{margin-bottom:12px}.reflection-main .quizcard button{margin-top:auto;border-radius:6px}
.reflection-main #home>.panel{background:#193b2d;border-color:#587154}.reflection-main #home>.panel>p:first-child{font-family:Georgia,serif;font-size:1.7rem}
.privacy-note{font-size:14px;color:#c0b7a9;line-height:1.6;margin:0 0 26px}.reflection-main .rank{display:block!important}.reflection-main .num{display:none}
.reflection-main .pt-4{padding-top:1rem}.reflection-main .border-t{border-top-width:1px}.reflection-main .space-y-3>*+*{margin-top:.75rem}
.result-next{margin-top:30px;border-top:1px solid #66583f;padding-top:28px}.result-next h2{font-size:1.8rem;line-height:1.3;color:#c7ddc6;margin-bottom:16px}.result-next p{margin-bottom:18px}.result-next a{display:block;color:#e0be80;padding:12px 0;text-decoration:underline;text-underline-offset:4px}.result-next .therapy{margin-top:30px;padding:26px;background:#201f19;border-radius:14px}.result-next .therapy h2{color:#f4ecdf}.result-next .therapy a{display:inline-block}
.attachment-map{margin:24px 0}.attachment-map>div{margin-top:16px}.attachment-map span{display:flex;justify-content:space-between}.attachment-map meter{width:100%;height:12px;accent-color:#bad2a2}.reflection-main .hidden{display:none!important}
@media(max-width:650px){.reflection-header{padding:18px 20px}.reflection-header .brand{font-size:11px;letter-spacing:.12em}.reflection-header .brand-symbol{font-size:37px;padding-right:12px}.reflection-header>a:last-child{font-size:14px;white-space:nowrap}.reflection-main{padding:30px 20px 60px}.reflection-main [id^=boyd] .panel,.reflection-main [id^=boyd] .msb{padding:20px}.reflection-main .quizcard{padding:22px!important}.reflection-main #next{flex:1}.reflection-main #quiz>.flex{align-items:stretch}.reflection-main .mini{letter-spacing:.07em!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.reflection-main .emerald{color:#c7ddc6!important}.reflection-main .gold,.reflection-main .mini{color:#d6af69!important}.reflection-main .panel{border-radius:14px!important;padding:26px!important}.reflection-main .msb{border-radius:14px!important}.reflection-main .choice{border-radius:8px!important}.reflection-main h1{font-size:clamp(2rem,4vw,3rem)!important}@media(max-width:650px){.reflection-main .panel{padding:20px!important}}