/* Wellness Edit: personalised nutrition questionnaire. Scoped to quiz page. */
.quiz-container, .quiz-container *{box-sizing:border-box}
.quiz-container{--quiz-ink:#282127;--quiz-rose:#93345a;--quiz-pale:#f4e8ee;--quiz-border:#e7d9df;--quiz-paper:#fcfafb;display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr);gap:clamp(28px,4vw,74px);align-items:start;max-width:1260px;margin:0 auto;padding:clamp(38px,5.5vw,90px) clamp(20px,5vw,72px) 105px;min-height:70vh;background:transparent;font-family:Outfit,Arial,sans-serif;color:var(--quiz-ink);overflow:visible}
.quiz-container:before,.quiz-container:after{content:none}
.quiz-container .quiz-sidebar{background:#f4e8ee;border-radius:20px;padding:clamp(24px,3vw,45px);position:sticky;top:100px;min-height:450px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:45px}
.quiz-container .quiz-sidebar .quiz-kicker{font-size:11px;letter-spacing:.16em;font-weight:600;color:#93345a;text-transform:uppercase;margin:0 0 22px}
.quiz-container .quiz-sidebar h2{font-family:Outfit,Arial,sans-serif;font-weight:500;letter-spacing:-.052em;line-height:1.06;font-size:clamp(35px,3.9vw,56px);color:#282127;margin:0 0 22px}
.quiz-container .quiz-sidebar p{font-size:16px;line-height:1.65;color:#675660}
.quiz-container .quiz-sidebar .quiz-smallprint{border-top:1px solid #d9c1cd;padding-top:18px;margin-top:auto;font-size:13px;color:#6b5661;line-height:1.7}
.quiz-container .quiz-sidebar .quiz-plan-pill{display:inline-flex;align-items:center;gap:8px;background:white;color:#93345a;border:1px solid #e8d1dc;padding:10px 15px;border-radius:30px;font-size:12px;font-weight:500;letter-spacing:.015em;margin:0 0 27px}
.quiz-container .quiz-sidebar .quiz-plan-pill:before{content:'';height:7px;width:7px;background:#93345a;border-radius:50%}
.quiz-container .quiz-content-wrapper{width:100%;max-width:730px;min-width:0;background:#fff;border:1px solid var(--quiz-border);border-radius:20px;box-shadow:0 18px 60px rgba(62,30,45,.045);padding:clamp(25px,4vw,52px);margin:0 auto;backdrop-filter:none;scroll-margin-top:110px}
.quiz-container .quiz-content-wrapper>.text-center:first-child{text-align:left;margin-bottom:28px}
.quiz-container .quiz-content-wrapper>.text-center:first-child:before{content:'A LITTLE MORE ABOUT YOU';display:block;letter-spacing:.17em;font-size:11px;font-weight:600;color:var(--quiz-rose);margin-bottom:14px}
.quiz-container h1{font-family:Outfit,Arial,sans-serif;font-size:clamp(32px,3.8vw,49px);line-height:1.1;letter-spacing:-.048em;font-weight:500;color:var(--quiz-ink);margin:0 0 12px}
.quiz-container .quiz-content-wrapper>.text-center:first-child p{color:#776972;font-size:15px;line-height:1.6;max-width:48ch;margin:0}
.quiz-container .w-full.mb-8{margin:0 0 38px}
.quiz-container .progress-bar-container{background:#f0e5eb;width:100%;border-radius:20px;height:5px;overflow:hidden}
.quiz-container #progress-bar{height:100%;border-radius:20px;background:#93345a;min-width:0;display:block;transition:width .25s ease}
.quiz-container #progress-text{font-size:12px;letter-spacing:.06em;color:#856b78;font-weight:500;margin-top:10px;margin-bottom:0;text-align:right}
.quiz-container .quiz-step{display:none}
.quiz-container .quiz-step.active{display:block;animation:quizUp .23s ease-out}
@keyframes quizUp{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.quiz-container .quiz-step h2{font-family:Outfit,Arial,sans-serif;font-size:clamp(23px,2.55vw,31px);line-height:1.2;font-weight:500;letter-spacing:-.035em;color:var(--quiz-ink);text-align:left;margin:0 0 26px}
.quiz-container .quiz-step p{font-family:Outfit,Arial,sans-serif;line-height:1.55;color:#857580;font-size:14px;margin:0 0 18px}
.quiz-container .quiz-step input[type=radio],.quiz-container .quiz-step input[type=checkbox].quiz-checkbox{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden;pointer-events:none}
.quiz-container .quiz-option{display:flex;align-items:center;gap:10px;text-align:left;padding:18px 20px;width:100%;margin:0;min-height:61px;border:1px solid #e7dce1;border-radius:10px;background:#fff;box-shadow:none;cursor:pointer;color:#322a30;font-size:15px;line-height:1.5;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;backdrop-filter:none}
.quiz-container .quiz-option span{color:inherit}
.quiz-container .quiz-option span.text-3xl{font-size:23px;line-height:1.25;margin-right:5px;flex-shrink:0}
.quiz-container .quiz-option:hover{background:#fcf6f9;border-color:#c59aac;transform:none;box-shadow:none}
.quiz-container .quiz-option-selected,.quiz-container input[type=radio]:checked+label.quiz-option,.quiz-container input[type=checkbox]:checked+label.quiz-option{background:#f7e9f0;border-color:#93345a;box-shadow:inset 0 0 0 1px #93345a;color:#622741}
.quiz-container input[type=radio]:focus-visible+label.quiz-option,.quiz-container input[type=checkbox]:focus-visible+label.quiz-option{outline:3px solid #b87190;outline-offset:3px}
.quiz-container .space-y-4{display:flex;flex-direction:column;gap:11px}
.quiz-container .space-y-4>*{margin-top:0}
.quiz-container .space-x-4,.quiz-container .space-x-2{display:flex;gap:14px}
.quiz-container .justify-center{justify-content:center}
.quiz-container .quiz-text-input{width:100%;min-width:0;min-height:55px;padding:14px 17px;box-sizing:border-box;border:1px solid #dfcbd5;border-radius:9px;background:#fff;color:var(--quiz-ink);font-family:Outfit,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.4;box-shadow:none;backdrop-filter:none;transition:border-color .15s ease,box-shadow .15s ease}
.quiz-container textarea.quiz-text-input{min-height:140px;resize:vertical}
.quiz-container .quiz-text-input::placeholder{color:#a2949a}
.quiz-container .quiz-text-input:focus{border-color:#93345a;box-shadow:0 0 0 3px rgba(147,52,90,.12);outline:none;background:white}
.quiz-container select.quiz-text-input{appearance:auto;padding-right:13px}
.quiz-container .mt-10.flex{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:37px}
.quiz-container button#prev-btn,.quiz-container button#next-btn,.quiz-container button#submit-btn{font-family:Outfit,Arial,sans-serif;cursor:pointer;border-radius:999px;padding:15px 24px;min-height:52px;font-size:14px;font-weight:500;line-height:1.3;letter-spacing:.01em;box-shadow:none;transition:background .15s ease,transform .15s ease}
.quiz-container button#prev-btn{background:white;border:1px solid #d5b9c7;color:#6e4458}
.quiz-container button#prev-btn:hover{background:#fff6fa}
.quiz-container button#next-btn,.quiz-container button#submit-btn{background:#93345a !important;border:1px solid #93345a;color:white !important;margin-left:auto}
.quiz-container button#next-btn:hover,.quiz-container button#submit-btn:hover{background:#742544 !important}
.quiz-container button#submit-btn:disabled{opacity:.68;cursor:wait}
.quiz-container #quiz-message{color:#a32b45;font-size:14px;font-weight:500;margin-top:18px;line-height:1.4;text-align:left}
.quiz-container .quiz-content-wrapper>div:last-of-type{color:#83747b;font-size:12px;line-height:1.6;text-align:left;margin-top:20px}
.quiz-container .quiz-content-wrapper>div:last-of-type svg{width:19px;height:19px;vertical-align:middle;color:#b7879b;flex-shrink:0}
.quiz-container .quiz-trust-note{border-top:1px solid #f0e5eb;padding-top:23px;margin-top:25px;font-size:12px;color:#796a72;line-height:1.6}
.quiz-container .text-lg{font-size:15px}
.quiz-container .text-base{font-size:14px}
.quiz-container .text-sm{font-size:13px}
.quiz-container #height-imperial input,.quiz-container #height-metric input{flex:1}
.quiz-container label[for=height_unit_imp],.quiz-container label[for=height_unit_metric]{width:auto;display:inline-flex;min-height:43px;padding:9px 19px;border-radius:99px}
.quiz-container :is(input,button,select,textarea):focus-visible{outline:3px solid #b87d99;outline-offset:3px}
@media(max-width:900px){.quiz-container{grid-template-columns:1fr;gap:18px;padding:30px 18px 70px}.quiz-container .quiz-sidebar{position:static;min-height:0;padding:25px 25px 15px;gap:10px}.quiz-container .quiz-sidebar h2{font-size:31px;margin-bottom:12px}.quiz-container .quiz-sidebar .quiz-plan-pill{margin-bottom:10px}.quiz-container .quiz-sidebar .quiz-smallprint{margin-top:5px;padding-top:12px}.quiz-container .quiz-content-wrapper{max-width:none}}
@media(max-width:600px){.quiz-container{padding:20px 12px 60px}.quiz-container .quiz-sidebar{border-radius:14px;padding:24px}.quiz-container .quiz-sidebar h2{font-size:31px}.quiz-container .quiz-content-wrapper{border-radius:14px;padding:29px 21px}.quiz-container .quiz-content-wrapper>.text-center:first-child{margin-bottom:22px}.quiz-container .quiz-step h2{margin-bottom:23px}.quiz-container .quiz-option{padding:15px 17px;min-height:57px}.quiz-container button#prev-btn,.quiz-container button#next-btn,.quiz-container button#submit-btn{padding:13px 19px;font-size:13px}.quiz-container .quiz-text-input{font-size:16px}}
@media(prefers-reduced-motion:reduce){.quiz-container .quiz-step.active{animation:none}.quiz-container *{scroll-behavior:auto!important;transition:none!important}}