.style-discovery-section{background:#eff1e9;border-top:1px solid #dbe0d3;border-bottom:1px solid #dbe0d3}
.style-discovery-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}
.style-discovery-copy h2{margin:15px 0 20px}
.style-discovery-copy>p:not(.eyebrow):not(.style-discovery-note){max-width:460px;color:var(--muted);font-size:14px}
.style-discovery-copy .button{margin-top:25px}
.style-discovery-note{font-size:10px;color:var(--muted);margin-top:13px;letter-spacing:.045em}
.style-discovery-preview{max-width:390px;width:100%;justify-self:end;text-align:center;padding:10px 20px}
.style-color-study{display:flex;justify-content:center;align-items:center;gap:12px;min-height:190px}
.style-color-study span{display:block;width:58px;height:121px;border:5px solid var(--paper);border-radius:50% 50% 32% 32%;box-shadow:0 6px 20px #3d4c3610;background:linear-gradient(110deg,#e8cbc1 4%,#f4e1d9 21%,#d5aaa0 66%);transform:rotate(-14deg) translateY(9px)}
.style-color-study span:nth-child(2){background:linear-gradient(110deg,#694539 4%,#a5826d 22%,#724d3c 66%);height:138px;transform:rotate(-4deg) translateY(-5px)}
.style-color-study span:nth-child(3){background:linear-gradient(110deg,#6d2e3c 4%,#b16572 22%,#792b40 66%);height:138px;transform:rotate(5deg) translateY(-5px)}
.style-color-study span:nth-child(4){background:linear-gradient(110deg,#436b59 4%,#8ba48f 22%,#4a7361 66%);transform:rotate(15deg) translateY(9px)}
.style-discovery-preview>p{font:italic 27px/1.35 var(--serif);color:var(--blue);margin-top:10px}
.style-quiz-dialog{width:min(680px,calc(100% - 32px));overflow:auto}
.style-quiz-content{padding:36px 42px 38px}
.quiz-language-switch{width:fit-content;margin-bottom:29px}
.quiz-progress{display:flex;align-items:center;justify-content:space-between;gap:14px}
.quiz-progress-label{font-size:10px;color:var(--muted);white-space:nowrap}
.quiz-progress-track{display:flex;gap:6px;margin:13px 0 24px}
.quiz-progress-track>span{height:3px;flex:1;background:#dedfd6;border-radius:2px}
.quiz-progress-track>span.is-filled{background:var(--green)}
.quiz-heading{font-size:46px;line-height:1.04;margin:12px 0 14px;outline:none}
.quiz-intro{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:23px}
.quiz-options{padding:0;margin:0;border:0;display:grid;gap:10px;min-width:0}
.quiz-option{position:relative;display:block;cursor:pointer;min-width:0}
.quiz-option input{position:absolute;width:1px;height:1px;opacity:0;left:20px;top:50%;margin:0}
.quiz-option-surface{display:flex;align-items:center;gap:15px;min-height:81px;border:1px solid #d3d8ce;border-radius:5px;padding:16px 17px;background:var(--paper);transition:background .18s,border-color .18s,box-shadow .18s}
.quiz-option:hover .quiz-option-surface{border-color:#92a594}
.quiz-option input:checked+.quiz-option-surface{border-color:var(--green);background:#edf2eb;box-shadow:inset 0 0 0 1px var(--green)}
.quiz-option input:focus-visible+.quiz-option-surface{outline:3px solid #63849a;outline-offset:3px}
.quiz-option-copy{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}
.quiz-option-title{font-size:13px;font-weight:600;line-height:1.5}
.quiz-option-description{font-size:11px;line-height:1.65;color:var(--muted)}
.quiz-choice-mark{width:18px;height:18px;border:1px solid #a0afa0;border-radius:50%;flex-shrink:0;display:grid;place-items:center}
.quiz-option input:checked+.quiz-option-surface .quiz-choice-mark{border-color:var(--green);background:var(--green)}
.quiz-option input:checked+.quiz-option-surface .quiz-choice-mark:after{content:'';width:7px;height:7px;background:var(--paper);border-radius:50%}
.quiz-swatches{display:flex;flex-shrink:0}
.quiz-swatches>span{width:18px;height:26px;border-radius:45%;border:1px solid #ffffffaa;margin-left:-4px}
.quiz-controls{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:24px}
.quiz-controls .button{margin-left:auto;font-size:12px;min-height:48px}
.quiz-controls .button:disabled{color:#6c766b;background:#e0e5db;border-color:#d1d8cb;transform:none}
.quiz-instruction{font-size:10px;color:var(--muted);margin-top:9px;text-align:right}
.quiz-results{display:grid;gap:20px;margin-top:25px}
.quiz-result{display:grid;grid-template-columns:130px minmax(0,1fr);gap:21px;align-items:center;padding-top:23px;border-top:1px solid var(--line)}
.quiz-result-primary{grid-template-columns:190px minmax(0,1fr);border-top:0;padding-top:0;align-items:start}
.quiz-result-photo{border-radius:4px}
.quiz-result .eyebrow{font-size:8px;letter-spacing:.14em;margin-top:2px}
.quiz-result h3{font-size:30px;line-height:1.06;margin:10px 0 8px;letter-spacing:-.025em}
.quiz-result-primary h3{font-size:36px}
.quiz-result-description{font-size:11px;line-height:1.75;color:var(--muted)}
.quiz-result .button{font-size:11px;padding:11px 15px;min-height:45px;margin-top:16px}
.quiz-result .text-link{font-size:11px;margin-top:10px}
.quiz-preferences{padding:17px 19px;background:var(--powder);margin-top:26px;border-radius:4px}
.quiz-preferences>p:last-child{font-size:11px;color:#54616a;margin-top:7px;line-height:1.8}
.quiz-result-note{font-size:10px;line-height:1.8;color:var(--muted);margin-top:15px}
.quiz-result-controls{display:flex;justify-content:space-between;gap:20px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}
.quiz-result-controls .text-link{font-size:11px}
@media(max-width:800px){.style-discovery-layout{gap:25px}.style-discovery-preview{padding:10px 0}.style-color-study{gap:8px}.style-color-study span{width:47px}.style-discovery-preview>p{font-size:24px}}
@media(max-width:600px){.style-discovery-layout{grid-template-columns:1fr;gap:20px}.style-discovery-copy h2{font-size:48px}.style-discovery-copy>p:not(.eyebrow):not(.style-discovery-note){font-size:12px;max-width:360px}.style-discovery-preview{max-width:340px;justify-self:center}.style-color-study{min-height:142px;gap:12px}.style-color-study span{width:48px;height:103px}.style-color-study span:nth-child(2),.style-color-study span:nth-child(3){height:119px}.style-discovery-preview>p{font-size:25px;margin-top:3px}.style-quiz-content{padding:28px 21px}.quiz-language-switch{margin-bottom:24px}.quiz-heading{font-size:38px}.quiz-progress .eyebrow{font-size:8px;letter-spacing:.12em}.quiz-progress-label{font-size:9px}.quiz-progress-track{margin-bottom:22px}.quiz-intro{font-size:12px}.quiz-option-surface{padding:14px 13px;gap:11px;min-height:80px}.quiz-option-title{font-size:12px}.quiz-option-description{font-size:11px}.quiz-swatches>span{width:14px;height:22px}.quiz-choice-mark{width:16px;height:16px}.quiz-controls .button{font-size:11px;padding-inline:16px}.quiz-result-primary{grid-template-columns:1fr;gap:16px}.quiz-result-primary .quiz-result-photo{width:100%;max-width:270px;margin-inline:auto}.quiz-result-primary .quiz-result-copy{text-align:center}.quiz-result-primary h3{font-size:36px}.quiz-result-primary .button{width:100%;margin-top:17px;min-height:48px}.quiz-result{grid-template-columns:105px minmax(0,1fr);gap:16px}.quiz-result-primary{grid-template-columns:1fr}.quiz-result h3{font-size:28px}.quiz-result-primary h3{font-size:36px}.quiz-result-description{font-size:11px}.quiz-result-controls{gap:15px}.quiz-result-controls .text-link{font-size:10px}.quiz-preferences{padding:15px}.quiz-result .eyebrow{font-size:8px;letter-spacing:.08em}}
@media(max-width:350px){.style-quiz-content{padding:27px 17px}.quiz-option-surface{gap:8px;padding:13px 10px}.quiz-swatches{display:none}.quiz-heading{font-size:34px}.quiz-result{grid-template-columns:90px minmax(0,1fr);gap:12px}.quiz-result-primary{grid-template-columns:1fr}}
@media print{.style-discovery-section{display:none}}

/* A small design studio within the results: edit one preference at a time. */
.quiz-refinement{border:1px solid #ced8ce;border-radius:5px;background:#f0f3ec;margin:22px 0 28px}
.quiz-refinement>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 18px;font-size:12px;font-weight:700;cursor:pointer;list-style:none}
.quiz-refinement>summary::-webkit-details-marker{display:none}
.quiz-refinement>summary:after{content:'+';font-size:23px;font-weight:400;line-height:1;color:var(--blue)}
.quiz-refinement[open]>summary:after{content:'−'}
.quiz-refinement-hint{padding:0 18px;font-size:11px;line-height:1.8;color:var(--muted)}
.quiz-refinement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 16px;padding:17px 18px 21px}
.quiz-refinement-field{display:block;min-width:0;font-size:10px;font-weight:600;color:var(--blue)}
.quiz-refinement-field select{display:block;width:100%;min-width:0;min-height:44px;margin-top:5px;padding:8px 30px 8px 10px;border:1px solid #c2cdbf;border-radius:3px;background:var(--paper);color:var(--ink);font-size:12px;font-weight:400}
.quiz-results-heading{font-size:29px;line-height:1.1;margin:0 0 15px}
.quiz-source-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:13px}
.quiz-source-filter{border:1px solid #d4dcd3;border-radius:30px;background:transparent;min-height:37px;padding:7px 12px;color:var(--muted);font-size:10px;line-height:1.5;transition:background .16s,color .16s}
.quiz-source-filter[aria-pressed=true]{color:var(--paper);background:var(--green);border-color:var(--green)}
.quiz-source-filter:hover{border-color:var(--green)}
.quiz-match-count{font-size:10px;color:var(--muted);margin-bottom:20px}
.quiz-source-label{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.quiz-source-label .eyebrow{margin:0}
.quiz-reference{display:inline-block;font-size:9px;color:var(--blue);background:var(--powder);padding:2px 6px;line-height:1.5;border-radius:3px;letter-spacing:.04em;white-space:nowrap}
.quiz-look-tags{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0 0;padding:0;list-style:none}
.quiz-look-tags li{display:inline-block;background:#ecefe8;color:#526a5e;border-radius:3px;padding:3px 7px;font-size:9px;line-height:1.6}
.quiz-show-more{width:100%;min-height:47px;margin-top:26px;font-size:11px}
.quiz-show-more[aria-disabled=true]{background:transparent;border-color:#d2d9d0;color:var(--muted);cursor:default;transform:none}
.quiz-direct-start{margin-top:25px;font-size:12px}
.quiz-results .quiz-result{padding-top:25px;gap:20px}
.quiz-results .quiz-result-primary{padding-top:0}
@media(max-width:600px){.quiz-refinement>summary{padding:15px;font-size:12px}.quiz-refinement-hint{padding-inline:15px;font-size:11px}.quiz-refinement-grid{padding:16px 15px 18px;gap:13px 11px}.quiz-refinement-field{font-size:10px}.quiz-refinement-field select{font-size:16px;padding-left:8px;padding-right:24px}.quiz-source-filters{gap:6px}.quiz-source-filter{font-size:10px;padding:7px 10px;min-height:38px}.quiz-results-heading{font-size:28px}.quiz-source-label{gap:7px}.quiz-result-primary .quiz-source-label{justify-content:center}.quiz-result-primary .quiz-look-tags{justify-content:center}.quiz-results .quiz-result{gap:15px}.quiz-look-tags{gap:4px}.quiz-look-tags li{font-size:8px;padding:3px 5px}.quiz-reference{font-size:8px}.quiz-result .text-link{font-size:10px}}
@media(max-width:350px){.quiz-refinement-grid{grid-template-columns:1fr}.quiz-source-filter{font-size:9px;padding-inline:8px}}