.skin-guide-wrap{max-width:1060px;margin:auto;padding:36px 28px 90px}.skin-guide-wrap>nav{color:#66745f;flex-wrap:wrap;gap:9px;font-size:14px;display:flex}.skin-guide-intro{padding:26px 0 22px}.skin-guide-intro>small{color:#7a806f;letter-spacing:.14em;font-size:13px}.skin-guide-intro>small:last-child{letter-spacing:0;line-height:1.7;display:block}.skin-guide-intro h1{color:#204a3c;margin:15px 0;font-size:clamp(28px,3.6vw,40px);font-weight:500;line-height:1.45}.skin-guide-intro p{color:#687662;font-size:17px;line-height:1.9}.skin-local-note{color:#6a7664;font-size:14px;line-height:1.7}.skin-feedback{background:#e9ecdf;border-radius:12px;padding:12px 16px;font-size:14px}.skin-question,.skin-results{color:#204a3c;background:#fbf8f0;border:1px solid #d9ddcf;border-radius:24px;padding:34px;box-shadow:0 10px 24px #29433506}.skin-question>header{color:#7b806f;justify-content:space-between;gap:16px;font-size:14px;display:flex}.skin-question>header small,.skin-results>header small{letter-spacing:.12em;font-size:13px}.skin-question h2,.skin-results h2{margin:22px 0 10px;font-size:clamp(24px,3vw,32px);font-weight:500;line-height:1.6}.skin-question p,.skin-results>header p{color:#66745f;font-size:16px;line-height:1.8}.skin-question fieldset{border:0;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0;padding:0;display:grid}.skin-question label{cursor:pointer;background:#fffdf7;border:1px solid #cfd7c5;border-radius:14px;align-items:center;gap:12px;padding:20px 18px;font-size:17px;line-height:1.7;display:flex}.skin-question label.is-selected{background:#e8eddf;border-color:#54785e;box-shadow:0 0 0 1px #54785e}.skin-question input,.skin-preferences input{accent-color:#284f3d;min-width:18px;min-height:18px}.skin-question footer{height:auto;color:inherit;letter-spacing:normal;background:0 0;flex-direction:row;justify-content:space-between;align-items:center;gap:15px;padding:0;display:flex}.skin-question button,.skin-edit button,.skin-preferences button{color:#234c3b;cursor:pointer;background:#fffdf7;border:1px solid #aab7a0;border-radius:12px;min-height:48px;padding:13px 23px;font-family:inherit;font-size:16px}.skin-question button.skin-primary{color:#fffdf6;background:#234f3d}.skin-question button:disabled{opacity:.5;cursor:default}.skin-selection-summary{flex-wrap:wrap;gap:10px;margin:24px 0;display:flex}.skin-selection-summary>div{background:#edeedf;border-radius:12px;padding:12px 16px}.skin-selection-summary dt{color:#737c68;font-size:13px}.skin-selection-summary dd{margin:6px 0 0;font-size:15px}.skin-result-note{color:#677561;font-size:15px;line-height:1.85}.skin-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:24px;display:grid}.skin-result-grid article{background:#fffdf7;border:1px solid #d3dac8;border-radius:18px;overflow:hidden}.skin-product-image{background:#f2efe7;height:260px;padding:18px;display:block}.skin-product-image img{object-fit:contain;width:100%;height:100%}.skin-product-copy{padding:24px}.skin-product-copy>small{color:#737b68;font-size:14px}.skin-product-copy h3{margin:10px 0;font-size:22px;font-weight:500;line-height:1.6}.skin-product-copy>strong{font-size:25px;font-weight:500}.skin-product-copy>p{color:#6c7765;font-size:16px;line-height:1.8}.skin-product-links{flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;display:flex}.skin-product-links>a{font-size:15px}.skin-product-links>a:first-child{border-bottom:1px solid #acb9a2;padding-bottom:4px}.skin-product-links .official-purchase-link{border-radius:12px;min-height:48px;padding:12px 18px}.skin-routine-note{border-top:1px solid #d5dac9;margin:30px 0;padding-top:22px}.skin-routine-note h3{font-size:23px;font-weight:500}.skin-routine-note ol{counter-reset:step;flex-wrap:wrap;gap:12px;padding:0;list-style:none;display:flex}.skin-routine-note li{counter-increment:step;background:#e8eddf;border-radius:12px;padding:13px 16px;font-size:16px}.skin-routine-note li:before{content:counter(step) " · ";color:#7a816e}.skin-routine-note p{color:#66745f;font-size:15px;line-height:1.85}.skin-routine-note a,.skin-result-support a{text-underline-offset:5px;font-size:15px;text-decoration:underline}.skin-result-support{flex-wrap:wrap;gap:20px;margin:24px 0;display:flex}.skin-preferences{border-top:1px solid #d6dbcd;margin-top:26px;padding-top:25px}.skin-preferences label{align-items:center;gap:12px;font-size:16px;display:flex}.skin-preferences small{color:#697660;margin:10px 0;font-size:13px;line-height:1.8;display:block}.skin-preferences button{font-size:14px}.skin-edit{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.skin-guide-page :focus-visible{outline-offset:4px;outline:3px solid #94aa84}.skin-guide-page h2{scroll-margin:150px}@media (max-width:760px){.skin-guide-wrap{padding:22px 16px 75px}.skin-guide-intro{padding:18px 0}.skin-guide-intro h1{margin:10px 0;font-size:28px}.skin-guide-intro p{margin:10px 0;font-size:16px}.skin-question,.skin-results{border-radius:20px;padding:22px 18px}.skin-question fieldset{grid-template-columns:1fr;gap:10px}.skin-question label{padding:16px 14px;font-size:16px}.skin-question h2{margin-top:18px}.skin-result-grid{grid-template-columns:1fr;gap:16px}.skin-product-image{height:240px}.skin-product-copy{padding:20px}.skin-selection-summary>div{flex:125px}.skin-selection-summary{gap:8px}.skin-routine-note ol{grid-template-columns:1fr;display:grid}.skin-question footer button{padding:12px 18px}.skin-preferences label{align-items:flex-start}.skin-results h2{font-size:25px}}