.skin-concern-tool{padding-top:80px;padding-bottom:90px;background:#f3ece1}
.concerns-heading{max-width:700px;margin-bottom:40px}.concerns-heading>p:last-child{font-size:19px}.concerns-heading h1,.concerns-heading h2{font-size:clamp(42px,4.5vw,62px)}
.concern-choices[hidden]{display:none}.concern-option summary{font:27px var(--serif);padding:20px 0}.concern-answer{padding:28px 0 35px}.concern-answer h3{font-size:37px;line-height:1.12}.concern-answer p{font-size:17px;line-height:1.75}.concern-answer .eyebrow{font-size:11px}.concern-answer .micro{font-size:14px;margin:18px 0 0}.concern-answer .concern-suitability{font-size:15px;color:#776554}
.concern-links{display:flex;flex-wrap:wrap;gap:10px 22px;margin:25px 0 32px}.concern-links a{font-size:16px;border-bottom:1px solid #b69a76;padding-block:5px}.concern-answer .button{margin-top:5px}.concern-enquiry textarea{min-height:125px}.concern-enquiry .field-row{gap:18px}.concern-enquiry label{font-size:16px}.concern-answer .concern-demo{font-size:13px;margin:16px 0;color:#786450}.concern-answer .concern-status{margin:18px 0;font-size:16px}.concern-enquiry+.text-link{margin-top:25px}.concern-answer .micro a{text-decoration:underline}.concern-directory-link{padding-block:60px}.concern-breadcrumb{display:flex;justify-content:flex-start;gap:12px;border:0;padding-top:30px;font-size:14px}
@media(min-width:901px){.skin-concern-tool.is-enhanced .concern-layout{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr);gap:6vw;align-items:start}.skin-concern-tool.is-enhanced .concern-choices{display:flex;flex-direction:column}.concern-choice{font:23px var(--serif);text-align:left;border:0;border-bottom:1px solid #d9c9b5;background:transparent;color:#655346;padding:16px 18px;cursor:pointer;line-height:1.25;transition:background .2s,color .2s}.concern-choice[aria-pressed=true]{background:#44352c;color:#fff7eb}.concern-choice:hover:not([aria-pressed=true]){background:#e9decd}.skin-concern-tool.is-enhanced .concern-option{border:0}.skin-concern-tool.is-enhanced .concern-option>summary{display:none}.skin-concern-tool.is-enhanced .concern-answer{padding:35px 38px;background:#fffaf3;border:1px solid #ddcbb2;animation:none}.skin-concern-tool.is-enhanced .concern-option:not([open]){display:none}}
@keyframes concern-reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:900px){.skin-concern-tool{padding-block:55px}.skin-concern-tool.is-enhanced .concern-choices{display:none}.concern-answer h3{display:none}.concern-answer{padding-top:15px}.concern-option[open]>summary{color:#3c2d23}.concern-answer .field-row{grid-template-columns:1fr;gap:0}.concern-answer .button{max-width:100%}}
@media(prefers-reduced-motion:reduce){.skin-concern-tool.is-enhanced .concern-answer{animation:none}.concern-choice{transition:none}}

/* Keep the following editorial photograph separate from the explorer. */
@media(min-width:901px){.skin-concern-tool+.editorial{margin-top:100px}.concern-panels{overflow:hidden}.skin-concern-tool.is-enhanced .concern-answer{will-change:opacity,transform}}
@media(max-width:900px){.concern-option{overflow:hidden;overflow-anchor:none}.concern-option>summary{position:relative;z-index:1}.skin-concern-tool+.editorial{margin-top:55px}}
.concern-back{display:none}
@media(min-width:901px){
 .skin-concern-tool.is-enhanced .concerns-heading{text-align:center;margin-inline:auto}
 .skin-concern-tool.is-enhanced:not(.has-concern) .concern-layout{display:block}
 .skin-concern-tool.is-enhanced:not(.has-concern) .concern-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 30px;max-width:860px;margin-inline:auto}
 .skin-concern-tool.is-enhanced:not(.has-concern) .concern-choice{padding:20px 24px;background:#fffdf8;border:1px solid #b49878;color:#49392d;font-weight:500;text-align:left;min-height:78px;display:flex;align-items:center}
 .skin-concern-tool.is-enhanced:not(.has-concern) .concern-choice:hover{background:#eadcc8;border-color:#92734f}
 .skin-concern-tool.is-enhanced:not(.has-concern) .concern-panels{display:none}
 .skin-concern-tool.has-concern .concern-back{display:block;align-self:flex-start;background:none;border:0;border-bottom:1px solid #ab9073;color:#66513e;padding:8px 0;margin:24px 18px 0;font-size:15px;cursor:pointer}
 .skin-concern-tool .concern-choice{position:relative}
}

@media(min-width:901px){.skin-concern-tool{overflow-anchor:none}}

@media(min-width:901px){.concern-choice:focus-visible{outline:2px solid #80603f;outline-offset:4px}}