/* Notion-based scar guide; full copy remains in the document. */
.scar-guide-v2 { --sg-green:#365943; --sg-line:#dce4d9; }
.scar-guide-v2 [hidden] { display:none !important; }
.scar-guide-v2 .section-head .lead { max-width: 1000px; margin-inline:auto; }
.sg-group { margin-top:40px; scroll-margin-top:105px; }
.sg-group-head { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:24px; }
.sg-eyebrow { font-size:11px; letter-spacing:.16em; color:#6d8b72; font-weight:700; }
.sg-group-head h3 { font-size:30px; line-height:1.4; letter-spacing:-.05em; margin-top:6px; }
.sg-group-head h3 span { font-family:'Noto Sans KR',sans-serif; font-size:13px; font-weight:400; color:#71806e; display:inline-block; margin-left:16px; vertical-align:middle; letter-spacing:-.02em; }
.sg-group-head > a { font-size:12px; color:#54755c; border-bottom:1px solid #a6b8a4; padding:7px 0; white-space:nowrap; }
.sg-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-bottom:16px; }
.sg-tab { display:flex; align-items:center; gap:12px; padding:19px 23px; border:1px solid var(--sg-line); border-radius:12px; background:#f8faf5; color:#4d6652; font-size:16px; font-weight:700; text-decoration:none; }
.sg-tab span { font-size:11px; font-weight:400; opacity:.65; }
.sg-tab[aria-selected="true"] { background:var(--sg-green); color:#fff; border-color:var(--sg-green); }
.sg-tab:hover { border-color:#76937b; }
.sg-tab:focus-visible,.sg-detail summary:focus-visible,.sg-tags a:focus-visible { outline:3px solid #7ba58a; outline-offset:3px; }
.sg-panel { border:1px solid var(--sg-line); border-radius:22px; overflow:hidden; background:#fff; scroll-margin-top:115px; }
.sg-panel + .sg-panel { margin-top:20px; }
.sg-group.is-enhanced .sg-panel { margin-top:0; }
.sg-overview { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center; gap:46px; padding:38px; }
.sg-media { position:relative; max-width:410px; width:100%; margin-inline:auto; }
.sg-photo { margin:0; }
.sg-photo img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; border-radius:16px; background:#f5f0e8; }
.sg-photo figcaption { font-size:11px; color:#7e847a; padding-top:12px; }
.sg-media-pair { padding-right:35px; padding-bottom:35px; }
.sg-diagram { position:absolute; width:36%; right:0; bottom:0; margin:0; padding:7px; background:#fff; border:1px solid #e5e9e0; border-radius:15px; box-shadow:0 8px 28px #263e3312; }
.sg-diagram img { display:block; width:100%; height:auto; aspect-ratio:1; border-radius:9px; }
.sg-diagram figcaption { font-size:10px; color:#7c8575; text-align:center; padding:5px 0 1px; }
.sg-copy { min-width:0; }
.sg-kind { font-size:10px; color:#719079; letter-spacing:.15em; font-weight:700; }
.sg-copy h4 { font-size:30px; line-height:1.4; letter-spacing:-.035em; margin:8px 0 20px; }
.sg-copy > p { font-size:14px; line-height:1.9; color:#53634f; margin:0 0 20px; }
.sg-facts { margin:0; display:grid; gap:0; }
.sg-facts > div { display:grid; grid-template-columns:66px minmax(0,1fr); gap:12px; padding:14px 0; border-top:1px solid #e5e9e0; font-size:14px; line-height:1.85; }
.sg-facts dt { color:#3f6248; font-weight:700; }
.sg-facts dd { margin:0; color:#5b6755; }
.sg-treatment { border-top:1px solid #e1e7dc; padding:30px 38px; background:#f8faf5; }
.sg-treatment-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:22px; }
.sg-treatment-head h4 { font-size:18px; color:#324e3a; }
.sg-treatment-head > span { color:#899783; font-size:9px; letter-spacing:.15em; }
.sg-stages { list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; padding:0; margin:0; }
.sg-stages > li { border-left:1px solid #dae3d4; padding-left:21px; }
.sg-stages > li:first-child { border-left:0; padding-left:0; }
.sg-stage-no { font-size:11px; color:#82977e; letter-spacing:.09em; }
.sg-stages h5 { font-size:14px; color:#375840; margin:6px 0 10px; line-height:1.65; }
.sg-stages p { font-size:13px; color:#64715e; line-height:1.95; }
.sg-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:24px; }
.sg-tags > a,.sg-tags > span { font-size:11px; color:#56715a; border:1px solid #d3dfd0; background:#fff; padding:6px 11px; border-radius:7px; text-decoration:none; }
.sg-tags > a:hover { background:#e5efdf; border-color:#6f9177; }
.sg-tags a > span { margin-left:5px; }
.sg-detail { margin-top:20px; background:#fff; border:1px solid #dae3d4; border-radius:10px; scroll-margin-top:115px; }
.sg-detail summary { padding:16px 19px; font-size:13px; font-weight:600; color:#4b6b50; cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.sg-detail summary::-webkit-details-marker { display:none; }
.sg-detail[open] summary { border-bottom:1px solid #e2e8dd; }
.sg-detail[open] summary span { transform:rotate(45deg); }
.sg-detail-body { padding:8px 24px 24px; columns:2; column-gap:34px; }
.sg-detail-body p { font-size:13px; line-height:1.95; color:#5e6c58; margin:12px 0; }
.sg-detail-body strong { display:block; color:#35553d; font-size:14px; margin-top:18px; break-after:avoid; }
.sg-other { margin-top:75px; padding-top:44px; border-top:1px solid #dfe4d8; }
.sg-other .sg-tabs { grid-template-columns:repeat(6,minmax(0,1fr)); }
.sg-other .sg-tab { font-size:14px; padding:15px 14px; gap:8px; }
.sg-other .sg-overview { grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr); }
.sg-other .sg-media { max-width:330px; }
.sg-other .sg-treatment { background:#faf8f3; }
@media (max-width:900px) {
 .sg-overview { gap:28px; padding:28px; } .sg-other .sg-tab { flex-direction:column; align-items:flex-start; gap:2px; }
 .sg-stages { gap:16px; } .sg-stages > li { padding-left:15px; } .sg-treatment { padding:26px; }
 .sg-group-head h3 span { display:block; margin:7px 0 0; }
}
@media (max-width:680px) {
 .sg-group { margin-top:25px; } .sg-group-head { gap:10px; margin-bottom:18px; align-items:flex-start; }
 .sg-eyebrow { font-size:9px; } .sg-group-head h3 { font-size:25px; } .sg-group-head h3 span { font-size:11px; }
 .sg-group-head > a { font-size:10px; margin-top:21px; }
 .sg-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-bottom:12px; }
 .sg-tab { padding:13px 15px; font-size:14px; gap:8px; border-radius:9px; }
 .sg-other .sg-tabs { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .sg-other .sg-tab { font-size:12px; padding:11px 9px; } .sg-tab span { font-size:9px; }
 .sg-panel { border-radius:16px; } .sg-overview,.sg-other .sg-overview { grid-template-columns:1fr; padding:22px; gap:25px; }
 .sg-media { max-width:360px; } .sg-other .sg-media { max-width:300px; }
 .sg-media-pair { padding-right:27px; padding-bottom:26px; } .sg-diagram { width:38%; }
 .sg-diagram figcaption { font-size:8px; } .sg-photo figcaption { font-size:10px; }
 .sg-copy h4 { font-size:26px; margin:7px 0 16px; } .sg-copy > p { font-size:13px; }
 .sg-facts > div { grid-template-columns:56px minmax(0,1fr); gap:10px; font-size:13px; padding:12px 0; }
 .sg-treatment { padding:22px; } .sg-treatment-head { margin-bottom:15px; } .sg-treatment-head h4 { font-size:16px; }
 .sg-treatment-head > span { display:none; } .sg-stages { grid-template-columns:1fr; gap:18px; }
 .sg-stages > li,.sg-stages > li:first-child { border-left:0; border-top:1px solid #dfe5d9; padding:16px 0 0; }
 .sg-stages > li:first-child { border-top:0; padding-top:0; } .sg-stages h5 { margin:4px 0 7px; }
 .sg-stages p { font-size:13px; line-height:1.9; } .sg-tags > a,.sg-tags > span { font-size:10px; }
 .sg-detail summary { padding:14px; font-size:12px; } .sg-detail-body { columns:1; padding:6px 16px 18px; }
 .sg-other { margin-top:45px; padding-top:30px; }
}

.sg-method { break-inside:avoid; scroll-margin-top:115px; }
.sg-inline-label { display:block; color:#375840; margin:14px 0 7px; font-size:13px; }