.skin-booster-intro{max-width:900px;margin:0 auto 40px;text-align:center;font-size:var(--text-body)}
.skin-booster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.skin-booster-card{border:1px solid var(--purple-line);min-width:0}
.skin-booster-card figure{height:230px;padding:24px;background:var(--soft)}
.skin-booster-card img{width:100%;height:100%;object-fit:contain}
.skin-booster-card>div{padding:28px 32px 32px}
.skin-product-number{font-family:var(--serif);font-size:24px;color:var(--purple)}
.skin-booster-card h3{font-size:var(--type-card);margin:0 0 20px}
.skin-booster-card p{font-size:var(--text-body);line-height:1.85}
@media(max-width:760px){.skin-booster-grid{grid-template-columns:1fr}.skin-booster-intro{text-align:left}.skin-booster-card>div{padding:24px}.skin-booster-card figure{height:210px}}
.skin-guide{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:clamp(32px,4vw,64px);align-items:start}
.skin-guide-intro .section-head{margin-bottom:28px}
#main .skin-guide-intro h2{margin-bottom:12px}
.skin-guide-english{font-family:var(--serif);font-size:18px;color:var(--purple);margin-bottom:10px}
.skin-guide-badge{display:inline-block;padding:5px 12px;background:var(--purple-ink);color:#fff!important;font-size:14px;line-height:1.5;border-radius:4px}
.skin-guide-description{font-size:var(--text-body);line-height:2;word-break:keep-all}
.skin-guide-description strong{font-weight:600;color:var(--ink)}
.skin-guide-rows{display:grid;gap:14px}
.skin-guide-row{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;padding:26px 28px;border:1px solid var(--purple-line);border-radius:8px;gap:26px}
.skin-guide-row:nth-child(odd){background:var(--soft)}
.skin-guide-row h3{font-size:20px;line-height:1.5;text-align:center;color:var(--purple-ink);word-break:keep-all}
.skin-guide-row ul{border-left:0;padding:0 0 0 30px;margin:0;list-style:none;font-size:var(--text-body);line-height:1.85}
.skin-guide-row li{position:relative;padding-left:12px}
.skin-guide-row li:before{content:'·';position:absolute;left:0}
.skin-guide-row li+li{margin-top:8px}
@media(max-width:1100px){.skin-guide{grid-template-columns:minmax(0,.75fr) minmax(0,1.4fr);gap:28px}.skin-guide-row{grid-template-columns:110px minmax(0,1fr);padding:22px 20px;gap:18px}.skin-guide-row ul{padding-left:20px}.skin-guide-row h3{font-size:18px}}
@media(min-width:761px) and (max-width:1100px){.skin-booster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.skin-guide{grid-template-columns:1fr;gap:28px}.skin-guide-intro .section-head{margin-bottom:20px}.skin-guide-row{grid-template-columns:1fr;gap:12px;padding:22px 20px}.skin-guide-row h3{text-align:left;font-size:20px}.skin-guide-row ul{border-left:0;padding-left:0;font-size:var(--text-body-small)}}

@media(min-width:1201px){.skin-guide-intro{position:sticky;top:120px;align-self:start}}

.skin-guide-icon{display:block;width:34px;height:34px;margin:0 auto 12px;color:var(--purple)}
@media(max-width:760px){.skin-guide-icon{margin-left:0;margin-right:0}}

#main .skin-boosters .section-head>.aube-copy{max-width:1100px;margin:var(--space-copy) auto 0;font-size:var(--text-body);line-height:var(--leading-body)}

@media(min-width:761px) and (max-width:1200px){
 .skin-guide{grid-template-columns:minmax(0,1fr);gap:var(--space-heading)}
 .skin-guide-intro{position:static;max-width:900px}
 .skin-guide-intro .section-head{margin-bottom:var(--space-copy)}
 .skin-guide-row{grid-template-columns:150px minmax(0,1fr);gap:28px;padding:26px 28px}
 .skin-guide-row ul{padding-left:0}
 .skin-guide-row h3{font-size:20px}
}

.skin-regeneration-page .detail-education{background:transparent}

/* 📖 부위별 카드 「자세히 보기」(2026-10-14) — 공식 블로그 글 근거 · 펼치면 카드 안에서 */
.skin-guide-more{grid-column:2;margin:-8px 0 0 30px;font-size:var(--text-body);line-height:1.85}
.skin-guide-more summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;list-style:none;color:var(--purple);font-weight:600;font-size:15px}
.skin-guide-more summary::-webkit-details-marker{display:none}
.skin-guide-more summary:after{content:'+';font-weight:400;font-size:17px;line-height:1}
.skin-guide-more[open] summary:after{content:'−'}
.skin-guide-more__body{margin-top:12px;padding:16px 18px;background:#fff;border:1px solid var(--purple-line);border-radius:8px;word-break:keep-all}
.skin-guide-more__body p+p{margin-top:12px}
.skin-guide-more__body strong{display:block;color:var(--purple-ink);font-weight:600}
@media(max-width:1100px){.skin-guide-more{margin-left:20px}}
@media(min-width:761px) and (max-width:1200px){.skin-guide-more{margin-left:0}}
@media(max-width:760px){.skin-guide-more{grid-column:1;margin:0}}
.skin-guide-more--flow{grid-column:auto;margin:14px 0 0}
@media(max-width:760px){.skin-guide-more--flow{margin:14px 0 0}}