.quiz-teaser-panel{background:var(--green);color:var(--paper);padding:55px;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;border-radius:5px}.quiz-teaser-panel .eyebrow{color:#c6d4b9}.quiz-teaser-panel h2{margin-block:18px 23px}.quiz-teaser-panel h2 em{color:#c4d1b6}.quiz-teaser-panel p,.quiz-teaser-panel small{color:#d5dfca;font-size:13px}.quiz-teaser-panel .quiz-light-button{background:var(--paper);color:var(--green);border-color:var(--paper);margin-block:28px 15px}.quiz-teaser-panel small{display:block;font-size:10px;max-width:400px}.quiz-teaser-panel ol{list-style:none;padding:0;margin:0;align-self:center}.quiz-teaser-panel li{display:flex;gap:22px;padding-block:22px;border-bottom:1px solid #718266}.quiz-teaser-panel li>span{font-size:11px;color:#bbcbae;padding-block-start:6px}.quiz-teaser-panel li strong{font:27px var(--serif);font-weight:400}.quiz-teaser-panel li p{font-size:12px;max-width:300px;margin-block-start:7px}.quiz-header{max-width:850px;padding-block:60px 35px;text-align:center}.quiz-header h1{font-size:clamp(48px,5.8vw,75px)}.quiz-header>p:not(.eyebrow){max-width:620px;margin-inline:auto;font-size:15px}.quiz-header>.quiet-link{margin-block-start:20px}.quiz-area{max-width:1000px;padding-block-end:80px}.quiz-form-shell{max-width:720px;margin-inline:auto;background:var(--white);border:1px solid var(--line);border-radius:8px;padding:38px 45px;scroll-margin-top:130px}.quiz-progress-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:10px;letter-spacing:.1em;color:var(--muted)}.quiz-progress-heading span{font-size:8px;letter-spacing:.2em}#quiz-progress{appearance:none;display:block;height:4px;width:100%;border:none;background:var(--sage);margin-block:15px 32px;border-radius:10px;overflow:hidden}#quiz-progress::-webkit-progress-bar{background:var(--sage)}#quiz-progress::-webkit-progress-value{background:var(--green)}#quiz-progress::-moz-progress-bar{background:var(--green)}#skin-quiz-form fieldset{border:none;margin:0;padding:0;min-width:0}#skin-quiz-form legend{float:none;width:100%;font:32px/1.18 var(--serif);letter-spacing:-.025em;padding:0;margin:0 0 12px}#skin-quiz-form legend:focus{outline:none}.quiz-hint{font-size:12px;min-height:38px;margin-block-end:23px}.quiz-options{display:grid;gap:10px}.quiz-answer{position:relative;display:block;cursor:pointer}.quiz-answer input{position:absolute;opacity:0;inset-inline-start:16px;top:17px;width:18px;height:18px}.quiz-answer>span{display:flex;align-items:center;gap:13px;min-height:58px;padding:15px 18px;border:1px solid var(--line);border-radius:4px;font-size:13px;color:var(--ink);transition:background .15s,border-color .15s}.quiz-answer>span i{width:17px;height:17px;border:1px solid #a8b49d;border-radius:50%;flex-shrink:0;position:relative}.quiz-answer input:checked+span{background:#e8eddf;border-color:var(--green)}.quiz-answer input:checked+span i{border-color:var(--green)}.quiz-answer input:checked+span i:after{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--green)}.quiz-answer:hover>span{border-color:#71896b}.quiz-navigation{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-block-start:20px}.quiz-navigation>.button{margin-inline-start:auto}button.quiet-link{padding:8px 0;border-width:0 0 1px;background:transparent;border-color:var(--line);color:var(--ink);cursor:pointer}#quiz-error{min-height:20px;color:#9b4f32;font-size:12px;margin-block-start:12px}.quiz-privacy{font-size:10px;border-top:1px solid var(--line);padding-block-start:20px;margin-block-start:25px}.quiz-disclaimer{font-size:11px;max-width:720px;margin:24px auto 0}.quiz-method{max-width:720px;margin:20px auto 0;font-size:12px;border-top:1px solid var(--line);padding-block-start:15px}.quiz-method summary{cursor:pointer;font-size:12px}.quiz-method p{margin-block:15px 10px}.quiz-method>a{font-size:10px;border-bottom:1px solid var(--line)}#quiz-result{scroll-margin-top:130px}#quiz-result:focus{outline:none}.quiz-result-heading{background:var(--sage);border:1px solid #ced7c3;border-radius:6px;padding:35px 40px;margin-block-end:45px}.quiz-result-heading h2{font-size:45px;margin-block:15px 20px}.quiz-result-heading>p:not(.eyebrow){font-size:14px;max-width:720px}.quiz-result-heading .quiz-goal{margin-block-start:15px;color:var(--ink)}.quiz-result-heading .quiz-sensitivity{font-size:12px;border-top:1px solid #bbc9ae;padding-block-start:18px;margin-block-start:20px}.quiz-result-heading .quiz-small-note{font-size:11px;margin-block-start:10px}.quiz-routine-intro>h2{font-size:36px;margin-block-end:18px}.quiz-routine-intro>p{max-width:720px;font-size:13px}.quiz-modes{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-block:26px}.quiz-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.quiz-product-card{border:1px solid var(--line);border-radius:5px;background:var(--white);overflow:hidden;display:flex;flex-direction:column;min-width:0}.quiz-product-card.is-selected{border-color:#647f57;box-shadow:0 0 0 1px #647f57}.quiz-product-photo{display:block;background:white;aspect-ratio:1.12}.quiz-product-photo img{width:100%;height:100%;object-fit:contain;padding:15px}.quiz-product-body{padding:22px 20px;display:flex;flex-direction:column;flex:1}.quiz-product-name{font:22px/1.22 var(--serif);display:block;margin-block:10px 13px;overflow-wrap:anywhere}.quiz-product-reason{font-size:12px;margin-block-end:18px}.quiz-product-bottom{margin-block-start:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}.quiz-product-bottom strong{font-size:16px;font-weight:400;white-space:nowrap}.quiz-product-bottom a{font-size:10px;border-bottom:1px solid var(--line)}.quiz-select{display:flex;gap:10px;align-items:center;margin-block-start:22px;border-top:1px solid var(--line);padding-block-start:16px;cursor:pointer;font-size:11px}.quiz-select input{width:18px;height:18px;accent-color:var(--green);flex-shrink:0;margin:0}.quiz-product-source{font-size:9px;margin-block-start:13px;color:var(--muted)}.quiz-product-source summary{cursor:pointer}.quiz-product-source a{display:inline-block;margin-block-start:10px;text-decoration:underline}.quiz-optional{margin-block:35px;background:#eeeede;padding:28px;border-radius:5px}.quiz-optional>h3{font:28px var(--serif);margin-block:12px}.quiz-optional>p:not(.eyebrow){font-size:12px;margin-block-end:20px}.quiz-optional .quiz-product-card{max-width:720px;flex-direction:row}.quiz-optional .quiz-product-photo{width:180px;flex-shrink:0;aspect-ratio:auto}.quiz-selection-summary{background:var(--green);color:var(--paper);margin-block:35px;display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:32px;border-radius:5px}.quiz-selection-summary .eyebrow,.quiz-selection-summary p{color:#d2ddc5}.quiz-selection-summary h3{font-size:13px;margin-block:9px 12px;font-weight:400}.quiz-selection-total{display:block;font:37px var(--serif)}.quiz-selection-total+span{font-size:10px;display:block;margin-block:7px 12px}.quiz-selection-summary p:not(.eyebrow){font-size:10px}.quiz-selection-actions{display:flex;flex-direction:column;align-items:stretch;gap:14px;justify-content:center}.quiz-selection-actions .button{background:var(--paper);color:var(--green);border-color:var(--paper);cursor:pointer}.quiz-selection-actions .button:disabled{opacity:.5;cursor:default;transform:none}.quiz-selection-actions .quiet-link{color:var(--paper);border-color:#91a383;justify-content:center;font-size:11px}.quiz-copy-status,.quiz-copy-fallback{grid-column:1/-1}.quiz-copy-status:empty{display:none}.quiz-copy-fallback{width:100%;height:220px;padding:15px;font:12px/1.7 var(--sans);color:var(--ink);border:1px solid var(--line);resize:vertical}.quiz-timetable{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-block:30px}.quiz-timetable>div{border-top:1px solid var(--line);padding-block-start:18px}.quiz-timetable h3{font:26px var(--serif);margin-block-end:12px}.quiz-timetable p,.quiz-sun-note,.quiz-tolerance-note{font-size:12px}.quiz-sun-note,.quiz-tolerance-note{margin-block:15px}.quiz-result-actions{display:flex;gap:25px;flex-wrap:wrap;margin-block-start:25px}.quiz-area [hidden]{display:none!important}.quiz-options input:focus-visible+span{outline-offset:3px}.quiz-select input:focus-visible{outline:2px solid #8b6740;outline-offset:4px}
@media(max-width:760px){.quiz-teaser-panel{grid-template-columns:1fr;padding:30px 24px;gap:22px}.quiz-teaser-panel h2{font-size:36px}.quiz-teaser-panel ol{width:100%}.quiz-teaser-panel li{padding-block:17px}.quiz-teaser-panel li p{max-width:none}.quiz-header{padding-block:38px 28px}.quiz-header>p:not(.eyebrow){font-size:13px}.quiz-header h1{font-size:49px}.quiz-header>.quiet-link{font-size:11px}.quiz-area{padding-block-end:55px}.quiz-form-shell{padding:25px 20px;scroll-margin-top:100px}#skin-quiz-form legend{font-size:29px}.quiz-hint{font-size:11px;min-height:0}.quiz-answer>span{padding:14px 12px;font-size:12px;min-height:59px}.quiz-navigation .button{font-size:11px;padding-inline:17px;gap:10px}.quiz-result-heading{padding:27px 22px;margin-block-end:30px}.quiz-result-heading h2{font-size:36px}.quiz-result-heading>p:not(.eyebrow){font-size:12px}.quiz-routine-intro>h2{font-size:32px}.quiz-routine-intro>p{font-size:12px}.quiz-modes{gap:20px}.quiz-modes .button{font-size:11px}.quiz-product-grid{grid-template-columns:1fr;gap:20px}.quiz-product-card{flex-direction:row}.quiz-product-photo{width:115px;flex-shrink:0;aspect-ratio:auto}.quiz-product-photo img{padding:8px;object-fit:contain}.quiz-product-body{padding:18px 15px}.quiz-product-name{font-size:20px}.quiz-product-body .eyebrow{font-size:8px}.quiz-product-reason{font-size:11px}.quiz-select{font-size:10px}.quiz-product-bottom{flex-wrap:wrap;gap:8px}.quiz-optional{padding:22px 15px}.quiz-optional .quiz-product-photo{width:95px}.quiz-optional>h3{font-size:25px}.quiz-selection-summary{grid-template-columns:1fr;padding:26px 22px;gap:20px}.quiz-selection-summary h3{font-size:12px}.quiz-timetable{grid-template-columns:1fr;gap:22px}#quiz-result{scroll-margin-top:110px}.quiz-disclaimer,.quiz-method{font-size:10px}.quiz-sun-note,.quiz-tolerance-note{font-size:11px}}
@media(max-width:360px){.quiz-product-card{flex-direction:column}.quiz-product-photo,.quiz-optional .quiz-product-photo{width:100%;height:170px}}