/* Clinical galleries only: typography and colors follow the existing clinic. */
.cc-page,.cc-related{color:var(--main-color,#59504a);font-family:"Pretendard","Asta Sans",sans-serif;background:var(--bg,#f5f3f0)}
.cc-page *,.cc-related *{box-sizing:border-box}
.cc-shell{width:calc(100% - 192px);max-width:1440px;margin-inline:auto}
.cc-page{padding:60px 0 72px}
.cc-page-heading{margin-bottom:30px}
.cc-eyebrow{margin:0 0 16px;color:var(--point,#96646a);font-size:13px;line-height:1.4;letter-spacing:.08em;font-weight:500}
.cc-page h1{margin:0 0 18px;font-family:"Noto Serif KR",Georgia,serif;font-size:clamp(36px,3.4vw,58px);font-weight:400;line-height:1.4;letter-spacing:-.055em;color:var(--g900,#242c38)}
.cc-intro{margin:0;font-size:17px;line-height:1.8;font-weight:300;word-break:keep-all}
.cc-gesture{margin:6px 0 0;font-size:14px;line-height:1.7;color:#8b8077;font-weight:300}
.cc-filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 64px}
.cc-chip{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:43px;padding:9px 20px;border:1px solid #d6cec5;border-radius:24px;color:var(--main-color,#59504a);background:transparent;font:inherit;font-size:14px;font-weight:400;line-height:1.5;cursor:pointer;transition:color .18s,background .18s,border-color .18s}
.cc-chip span{color:#a0968b;font-size:11px;font-variant-numeric:tabular-nums}
.cc-chip[aria-pressed=true]{background:var(--main-color,#59504a);border-color:var(--main-color,#59504a);color:#fff}
.cc-chip[aria-pressed=true] span{color:#e2d7ce}
.cc-chip:hover{border-color:#968474}
.cc-chip:focus-visible,.cc-handle:focus-visible,.cc-details summary:focus-visible,.cc-more:focus-visible{outline:2px solid var(--point,#96646a);outline-offset:5px}
.cc-live{position:absolute;width:1px;height:1px;margin:-1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.cc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:84px 28px;align-items:start}
.cc-card{min-width:0;scroll-margin-top:140px}
.cc-card[hidden],.cc-empty[hidden]{display:none!important}
/* clip prevents focused end handles from scrolling the fixed photo layers. */
.cc-compare{--cc-photo-zoom:.92;position:relative;width:100%;aspect-ratio:3/2;isolation:isolate;overflow:hidden;overflow:clip;background:#e8e2d9;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:col-resize}
.cc-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none!important;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none}
.cc-before-window{position:absolute;inset:0;z-index:2;clip-path:inset(0 calc(100% - var(--cc-split,50%)) 0 0)}
.cc-photo-label{position:absolute;top:14px;z-index:3;padding:6px 10px;border-radius:20px;font-size:9px;line-height:1.2;letter-spacing:.08em;color:#fff;background:rgba(43,38,34,.72);pointer-events:none}
.cc-photo-label-before{left:13px}.cc-photo-label-after{right:13px}
.cc-divider{position:absolute;top:0;bottom:0;left:var(--cc-split,50%);z-index:4;width:1px;background:rgba(255,255,255,.85);pointer-events:none;transform:translateX(-50%)}
.cc-handle{display:grid;place-items:center;position:absolute;left:var(--cc-split,50%);top:50%;z-index:5;width:46px;height:46px;transform:translate(-50%,-50%);border-radius:50%;background:#f8f6f2;border:1px solid rgba(89,80,74,.2);color:var(--main-color,#59504a);cursor:col-resize;box-shadow:0 2px 9px #00000014}
.cc-handle>span{display:flex;align-items:center;gap:6px;font-family:Arial,sans-serif;font-size:24px;font-weight:300;line-height:1}
.cc-handle i{height:13px;border-left:1px solid #c4b7aa;width:0}
.cc-card-content{padding:22px 0 0}
.cc-case-number{margin:0 0 6px;color:#a18d7b;font-size:10px;line-height:1.4;letter-spacing:.12em}
.cc-case-category{font-size:11px;letter-spacing:0}
.cc-card :is(h2,h3){min-height:3.1em;margin:0;font-family:"Noto Serif KR",Georgia,serif;font-size:21px;font-weight:400;line-height:1.55;letter-spacing:-.05em;color:var(--main-color,#59504a);word-break:keep-all;overflow-wrap:anywhere}
.cc-summary{min-height:3.6em;margin:6px 0 0;font-size:14px;line-height:1.8;font-weight:300;word-break:keep-all;overflow-wrap:anywhere}
.cc-meta{display:grid;grid-template-columns:repeat(var(--cc-meta-columns,3),minmax(0,1fr));gap:10px;margin:20px 0 0;padding:6px 0 8px;border:0}
.cc-meta div+div{border-left:1px solid #ded7d0;padding-left:12px}
.cc-meta dt{margin:0 0 7px;color:#74685d;font-size:11px;font-weight:500;line-height:1.6}
.cc-meta dd{margin:0;font-size:13px;line-height:1.7;font-weight:400;word-break:keep-all;overflow-wrap:anywhere}
.cc-period-dates{display:block;margin-top:3px;color:#998b80;font-size:11px;line-height:1.6;white-space:nowrap;font-variant-numeric:tabular-nums}
.cc-details{margin-top:0;border:0}
.cc-details summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:44px;padding:8px 0;font-size:13px;font-weight:400;line-height:1.6;cursor:pointer;list-style:none}
.cc-details summary::-webkit-details-marker{display:none}.cc-details summary>span{color:var(--point,#96646a);font-size:18px;font-weight:300;line-height:1}
.cc-details[open] summary>span{transform:rotate(45deg)}
.cc-details dl{display:grid;gap:17px;margin:2px 0 23px;padding:19px;background:#ece6df}
.cc-details dt{margin:0 0 6px;color:var(--point,#96646a);font-size:12px;font-weight:500;line-height:1.7}
.cc-details dd{margin:0;font-size:13px;font-weight:300;line-height:1.85;word-break:keep-all;overflow-wrap:anywhere}
.cc-caution{margin:58px 0 0;padding-top:24px;border-top:1px solid #dcd3c9;color:#998b80;font-size:12px;font-weight:300;line-height:1.95;word-break:keep-all}
.cc-empty{margin:40px 0;padding:56px 20px;text-align:center;border-top:1px solid #ded7ce;color:#998b80;font-size:15px}
.cc-photo-empty{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:20px;font-size:13px;color:#887c71;text-align:center}
.cc-related{padding-top:100px;padding-bottom:90px}
.cc-related-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:35px}
.cc-related-heading .cc-eyebrow{margin-bottom:14px}
.cc-related h2{margin:0;font-family:"Noto Serif KR",Georgia,serif;font-size:34px;font-weight:400;line-height:1.5;letter-spacing:-.05em}
.cc-more{display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid #b9a795;padding:8px 0;color:var(--main-color,#59504a);text-decoration:none;font-size:13px;line-height:1.5;white-space:nowrap}
@media(max-width:1199.98px){.cc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-shell{width:calc(100% - 112px)}.cc-page{padding-top:48px}.cc-card :is(h2,h3){font-size:20px}}
@media(max-width:767.98px){.cc-shell{width:calc(100% - 40px)}.cc-page{padding:34px 0 48px}.cc-page-heading{margin-bottom:24px}.cc-eyebrow{font-size:11px;margin-bottom:17px}.cc-page h1{font-size:37px;margin-bottom:16px}.cc-intro{font-size:14px}.cc-gesture{font-size:12px}.cc-filters{gap:8px;margin-bottom:52px}.cc-chip{font-size:12px;min-height:37px;padding:7px 13px;gap:9px}.cc-grid{grid-template-columns:1fr;gap:84px}.cc-card-content{padding-top:18px}.cc-card :is(h2,h3){font-size:21px;font-weight:500;min-height:0}.cc-summary{font-size:14px;min-height:0}.cc-summary:empty{display:none}.cc-meta{margin-top:18px;padding-block:4px 8px}.cc-meta dt{font-size:11px}.cc-meta dd{font-size:13px}.cc-card{scroll-margin-top:105px}.cc-handle{width:44px;height:44px}.cc-caution{margin-top:38px;font-size:11px;line-height:1.9}.cc-related{padding-top:65px;padding-bottom:55px}.cc-related h2{font-size:28px}.cc-related-heading{align-items:flex-start;gap:15px;flex-direction:column}.cc-more{font-size:12px}}
/* Share the actual text row heights instead of reserving empty lines. */
@supports(grid-template-rows:subgrid){
    @media(min-width:768px){
        .cc-grid{row-gap:0}
        .cc-card{display:grid;grid-template-rows:subgrid;grid-row:span 6;row-gap:0;margin-bottom:0}
        .cc-card-content{display:contents}
        .cc-card>.cc-compare{grid-row:1}
        .cc-card .cc-case-number{grid-row:2;margin-top:22px}
        .cc-card :is(h2,h3){grid-row:3;min-height:0}
        .cc-card .cc-summary{grid-row:4;min-height:0}
        .cc-card .cc-meta{grid-row:5}
        .cc-card .cc-details{grid-row:6}
        .cc-page .cc-caution,.cc-related .cc-caution{margin-top:58px}
    }
    /* Separate card rows while preserving the shared text tracks within each row. */
    @media(min-width:768px) and (max-width:1199.98px){
        .cc-grid>.cc-card:nth-child(n+3 of :not([hidden])){margin-top:84px}
    }
    @media(min-width:1200px){
        .cc-grid>.cc-card:nth-child(n+4 of :not([hidden])){margin-top:84px}
    }
}
@media(prefers-reduced-motion:reduce){.cc-chip{transition:none}}

/* Treatment galleries use the space available for their actual case count. */
.cc-related[data-case-count="2"] .cc-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
.cc-related[data-case-count="1"] .cc-grid{grid-template-columns:minmax(0,1fr);width:calc((100% - 32px)/2);max-width:704px;margin-inline:auto}
@media(max-width:767.98px){
    .cc-related[data-case-count="2"] .cc-grid{grid-template-columns:minmax(0,1fr)}
    .cc-related[data-case-count="1"] .cc-grid{width:100%;max-width:none}
}