/* JSLALALAND / Seoul 2.0 – Olive Young skin finder */
.oy-skin-quiz-mount{margin:0 0 24px;color:#342820;font-family:inherit}
.oyq{background:#fffaf1;border:1px solid #dccbaf;border-radius:18px;box-shadow:0 12px 38px rgba(79,53,36,.08);padding:clamp(18px,3vw,32px);color:#342820}
.oyq *{box-sizing:border-box}
.oyq-kicker{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#895033;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:650}
.oyq h3{font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.24;margin:12px 0 10px;color:#342820!important;letter-spacing:-.02em}
.oyq p,.oyq li{color:#554638!important;line-height:1.6}
.oyq-intro{max-width:66ch;font-size:.95rem;margin:0 0 18px}
.oyq-stepcount{font-size:.85rem;color:#963e34!important;margin:18px 0 6px;font-weight:650}
.oyq-progress{height:4px;border-radius:20px;background:#e9dcc8;overflow:hidden;margin:0 0 22px}
.oyq-progress>i{display:block;background:#a56231;height:100%;transition:width .2s}
.oyq-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.oyq-choice{appearance:none;display:block;width:100%;text-align:left;background:#fffdf7;border:1px solid #d8c8b4;border-radius:12px;color:#342820!important;line-height:1.45;padding:14px 15px;min-height:56px;cursor:pointer;font:inherit;font-size:.95rem}
.oyq-choice:hover,.oyq-choice:focus-visible{border-color:#963e34;box-shadow:0 0 0 2px #963e3433;outline:0}
.oyq-choice[aria-pressed="true"]{background:#f6e5d4;border-color:#963e34;font-weight:650}
.oyq-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.oyq-btn{appearance:none;min-height:46px;border:1px solid #963e34;border-radius:40px;background:#963e34;color:#fffaf1!important;padding:10px 20px;cursor:pointer;font:inherit;font-weight:650;font-size:.89rem}
.oyq-btn.secondary{background:transparent;color:#743529!important;border-color:#bda58d}
.oyq-btn:disabled{opacity:.4;cursor:not-allowed}
.oyq-btn:focus-visible{outline:3px solid #d7a73d;outline-offset:3px}
.oyq-summary{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}
.oyq-chip{border:1px solid #d9bea0;padding:6px 11px;border-radius:25px;background:#f9eddb;color:#6e392f;font-size:.8rem;font-weight:650}
.oyq-routine{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}
.oyq-routine article{border:1px solid #e3d3c0;border-radius:14px;padding:16px;background:#fffefa}
.oyq-routine h4{font-size:1rem;margin:0 0 12px;color:#963e34!important}
.oyq-product{display:flex;gap:10px;align-items:flex-start;margin:12px 0;padding-top:10px;border-top:1px solid #f0e6d9}
.oyq-index{color:#995d32;font-weight:700;font-size:.8rem;padding-top:2px;flex:0 0 24px}
.oyq-product strong{display:block;color:#312821;font-size:.89rem;line-height:1.45}
.oyq-product small{display:block;color:#665449;font-size:.81rem;line-height:1.5;margin-top:3px}
.oyq-note{border-left:3px solid #d7a73d;background:#f8efdf;padding:12px 15px;font-size:.82rem;margin:18px 0;color:#57483b!important}
.oyq-state{margin:12px 0!important;color:#7b392c!important;font-size:.86rem}
.oyq-head{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:baseline}
.oyq-head h3{margin:5px 0}
.oyq-badge{color:#963e34!important;font-size:.81rem;font-weight:700}
@media(max-width:600px){.oyq-choices,.oyq-routine{grid-template-columns:1fr}.oyq{padding:18px}.oyq-choice{min-height:52px}.oyq-actions .oyq-btn{flex:1}}
@media(prefers-reduced-motion:reduce){.oyq-progress>i{transition:none}}