#stilfinder-preview{padding:12px 0;color-scheme:light dark}
#stilfinder-preview .sf-product{--sf-paper:light-dark(#fffdf8,#20262a);--sf-ink:light-dark(#203540,#f0f0e9);--sf-secondary:light-dark(#57666a,#bdc8c9);--sf-line:light-dark(#c6cfcc,#586466);--sf-wash:light-dark(#edf1ec,#303c3e);--sf-action:light-dark(#233e47,#d6e6dc);--sf-on-action:light-dark(#fffdf8,#23353b);--sf-mark:light-dark(#8b5638,#e7b895);background:var(--sf-paper);color:var(--sf-ink);font-family:Georgia,serif;border:1px solid var(--sf-line);border-radius:12px;max-width:100%;overflow-wrap:anywhere}
#stilfinder-preview .sf-header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 24px;border-bottom:1px solid var(--sf-line);font-size:21px}
#stilfinder-preview .sf-version{font:13px system-ui,sans-serif;color:var(--sf-secondary);align-self:center;padding-right:70px}
#stilfinder-preview .sf-progress{padding:18px 24px 0;font:12px system-ui,sans-serif;color:var(--sf-secondary)}
#stilfinder-preview .sf-track{height:4px;background:var(--sf-wash);margin-top:10px}
#stilfinder-preview #sf-progress-fill{height:4px;background:var(--sf-mark)}
#stilfinder-preview .sf-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:28px;padding:26px 24px}
#stilfinder-preview .sf-eyebrow{text-transform:uppercase;letter-spacing:1.2px;font:11px system-ui,sans-serif;color:var(--sf-mark);margin-bottom:10px}
#stilfinder-preview h2{font-size:26px;font-weight:400;line-height:1.2;margin:0 0 20px}
#stilfinder-preview #sf-answers{display:grid;gap:9px}
#stilfinder-preview [hidden]{display:none!important}
#stilfinder-preview .sf-option{font:14px system-ui,sans-serif;border:1px solid var(--sf-line);padding:12px;display:flex;gap:10px;align-items:flex-start;border-radius:6px;min-height:46px;box-sizing:border-box}
#stilfinder-preview .sf-option:has(input:checked){background:var(--sf-wash);border-color:var(--sf-action)}
#stilfinder-preview .sf-option input{accent-color:var(--sf-action);margin:3px 0 0;flex-shrink:0}
#stilfinder-preview .sf-option strong{display:block;font-weight:500}
#stilfinder-preview .sf-option small{display:block;font-size:12px;color:var(--sf-secondary);margin-top:4px;line-height:1.4}
#stilfinder-preview .sf-figure{margin:0;align-self:center;min-width:0}
#stilfinder-preview .sf-figure{--sf-navy:light-dark(#253e55,#38526c);--sf-ivory:light-dark(#eee9db,#d4cfc3);--sf-oxford:light-dark(#dce7eb,#bccdd5);--sf-tan:light-dark(#c4ae8b,#b29a77);--sf-burgundy:light-dark(#784551,#a16b76);--sf-gold:light-dark(#b89456,#d8b676);--sf-skin:light-dark(#d6b495,#c4a184);--sf-hair:light-dark(#4b3c34,#776254);--sf-shoe:light-dark(#654d3b,#94765b);--sf-seam:light-dark(#283f4c,#d7dfdf)}
#stilfinder-preview .sf-figure img{width:100%;height:auto;display:block;border-radius:6px}#stilfinder-preview .sf-image-labels{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:9px;text-align:center;font:12px/1.4 system-ui,sans-serif;color:var(--sf-ink)}
#stilfinder-preview figcaption{font:12px/1.5 system-ui,sans-serif;color:var(--sf-secondary);text-align:center;margin-top:8px}
#stilfinder-preview .sf-footer{border-top:1px solid var(--sf-line);display:flex;justify-content:space-between;gap:12px;padding:16px 24px}
#stilfinder-preview .sf-button{font:14px system-ui,sans-serif;color:var(--sf-ink);background:var(--sf-paper);border:1px solid var(--sf-line);border-radius:6px;padding:11px 17px;min-height:44px}
#stilfinder-preview .sf-primary{background:var(--sf-action);color:var(--sf-on-action);border-color:var(--sf-action)}
#stilfinder-preview .sf-button:disabled{opacity:.45}
#stilfinder-preview .sf-tip{border-bottom:1px solid var(--sf-line);padding:0 0 14px;margin:0 0 14px;font:14px/1.5 system-ui,sans-serif}
#stilfinder-preview .sf-tip strong{display:block;font-weight:500;margin-bottom:3px}
#stilfinder-preview .sf-tip a{display:inline-block;color:var(--sf-ink);text-decoration:underline;text-underline-offset:3px;margin-top:7px}
#stilfinder-preview .sf-result-note{font:12px/1.5 system-ui,sans-serif;color:var(--sf-secondary)}
@media(max-width:560px){#stilfinder-preview .sf-layout{grid-template-columns:1fr;padding:22px 16px;gap:20px}#stilfinder-preview .sf-header{padding:16px}#stilfinder-preview .sf-progress{padding:16px 16px 0}#stilfinder-preview .sf-footer{padding:14px 16px}#stilfinder-preview h2{font-size:24px}#stilfinder-preview .sf-figure{width:100%;justify-self:center}#stilfinder-preview .sf-version{padding-right:0}}
#stilfinder-preview #sf-answer-hint{font:12px/1.5 system-ui,sans-serif;color:var(--sf-secondary);margin:0 0 12px}
#stilfinder-preview .sf-tip h3{font:16px/1.4 Georgia,serif;font-weight:400;margin:0 0 10px;color:var(--sf-ink)}
#stilfinder-preview .sf-tip p{margin:7px 0 0}
#stilfinder-preview .sf-check{color:var(--sf-secondary);font-size:12px}
#stilfinder-preview .sf-combined{font:14px/1.6 system-ui,sans-serif;margin:0 0 22px}
#stilfinder-preview .sf-image-caption{font:12px/1.5 system-ui,sans-serif;color:var(--sf-secondary);text-align:center;margin:8px 0 0}
#stilfinder-preview .sf-comparison{margin:0 0 22px}
#stilfinder-preview .sf-comparison:last-child{margin-bottom:0}
#stilfinder-preview .sf-image-heading{font:14px/1.4 Georgia,serif;font-weight:400;margin:0 0 10px;color:var(--sf-ink)}


#stilfinder-preview:not([data-ready="true"]){display:none}