/* Comparison and disclosures on the caries detail page. */
.caries-main{overflow-wrap:anywhere}
.caries-main :is([id],a,button,summary,[tabindex]){scroll-margin-block:calc(var(--site-header) + 16px) calc(var(--site-bottom) + 24px)}
.caries-hero{background:var(--sand);padding:30px 0 38px;border-bottom:1px solid var(--line)}
.caries-hero .breadcrumbs{font-size:1rem;margin:0 0 22px}
.caries-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:48px;align-items:center}
.caries-hero-copy{min-width:0}
.caries-label{display:block;color:#806035;font-size:1rem;font-weight:600;line-height:1.6;margin-bottom:12px}
.caries-hero h1{font-size:clamp(2.25rem,3.6vw,3.25rem);font-weight:750;line-height:1.3;color:var(--deep);margin-bottom:18px}
.caries-lead{font-size:1.25rem;line-height:1.75;color:#42594e}
.caries-hero-note{font-size:1rem;line-height:1.6;color:#50634f;margin-top:24px}
.caries-mobile-break{display:none}
.caries-hero .clinical-media{width:min(100%,400px);justify-self:end}
.caries-filename{display:block;margin-top:4px;font-size:1rem;letter-spacing:0;overflow-wrap:anywhere;color:#5f715d}
.caries-layout{padding-top:40px;padding-bottom:56px;border-top:1px solid var(--line)}
.caries-comparison-layout{padding-top:44px}
.caries-article .caries-section{margin:0 0 56px;padding:0;border:0}
.caries-article .caries-section+.caries-section{border-top:1px solid var(--line);padding-top:48px}
.caries-section-number{display:block;font-size:1rem;font-weight:600;color:#806035;letter-spacing:.03em;margin-bottom:12px}
.caries-article .caries-section>h2{border:0;padding:0;margin:0 0 16px;font-size:clamp(1.75rem,2.3vw,2.125rem);line-height:1.5}
.caries-article p{font-size:var(--text-size);line-height:1.8}
.caries-article .caries-intro{margin:0 0 22px}
.caries-comparison{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:32px 0;border-block:1px solid #bdcbbb}
.caries-case{display:contents}
.caries-case-small{--case-column:1 / 2}.caries-case-wide{--case-column:2 / 4}.caries-case-large{--case-column:4 / 6}
.caries-case-state,.caries-case-treatment{grid-column:var(--case-column);min-width:0}
.caries-case-state{grid-row:1;padding:24px 16px;background:#eef2e9}
.caries-case-treatment{grid-row:2;border-top:2px solid #b9cbb6;padding:22px 16px 26px}
.caries-case-wide>div,.caries-case-large>div{border-left:1px solid #bdcbbb}
.caries-article .caries-case-state h3{font-size:1.375rem;line-height:1.6;min-height:3.2em;margin:0 0 14px;color:var(--deep);text-align:center}
.caries-case .clinical-media{width:100%}
.caries-case-wide .caries-case-state .clinical-media,.caries-case-large .caries-case-state .clinical-media{width:calc((100% - 24px)/2);margin-inline:auto}
.caries-restorations{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.caries-case-wide .caries-restorations{grid-template-columns:repeat(2,minmax(0,1fr))}
.caries-restoration{min-width:0}
.caries-article .caries-restoration h4{font-size:1.5rem;line-height:1.5;color:var(--deep);margin:0 0 14px}
.caries-article .caries-restoration>p{margin:14px 0 0}
.caries-method-detail+.caries-method-detail{border-top:1px solid var(--line);padding-top:22px;margin-top:22px}
.caries-article .caries-method-detail h3{font-size:1.25rem;line-height:1.6;margin:0 0 10px}
.caries-article .caries-materials>h3{font-size:1.25rem;line-height:1.6;margin:28px 0 0}
.caries-materials .material-list{margin:16px 0 0}
.caries-other-states{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.caries-other-state{min-width:0}
.caries-article .caries-other-state h3{font-size:1.375rem;line-height:1.6;margin:0 0 16px}
.caries-other-state .clinical-media{width:100%;margin-bottom:20px}
.caries-article .caries-other-state p:last-child{margin-bottom:0}
.caries-visible-note{margin-top:22px;padding:18px 20px;border-left:4px solid #a1814e;background:#f5f0e5;font-size:var(--text-size);line-height:1.8}
.caries-visible-note>strong{display:block;margin-bottom:6px}
.caries-article .caries-visible-note p{margin:0}
.caries-article .caries-inline-caution{font-size:var(--text-size);line-height:1.8;margin:20px 0 0;color:#445a49}
.caries-article .caries-inline-caution+.caries-disclosures{margin-top:22px}
.caries-disclosures{border-top:1px solid #c7d3c3}
.caries-disclosure{border-bottom:1px solid #c7d3c3;background:#fbfaf7}
.caries-section>.caries-disclosure{border-top:1px solid #c7d3c3}
.caries-disclosure>summary{display:flex;align-items:center;gap:16px;min-height:72px;padding:18px 8px;cursor:pointer;list-style:none;color:var(--deep)}
.caries-disclosure>summary::-webkit-details-marker{display:none}
.caries-summary-copy{flex:1;min-width:0;display:block}
.caries-summary-copy>strong{display:block;font-size:1.1875rem;line-height:1.6}
.caries-summary-copy>span{display:block;margin-top:4px;font-size:1.125rem;line-height:1.65;color:#53674f}
.caries-disclosure-state{flex:0 0 auto;font-size:1rem;line-height:1.6;font-weight:600;color:var(--teal);white-space:nowrap}
.caries-disclosure .when-open{display:none}
.caries-disclosure[open]>summary .when-closed{display:none}
.caries-disclosure[open]>summary .when-open{display:inline}
.caries-disclosure[open]>summary{background:#edf2e7;border-bottom:1px solid #d1dccb}
.caries-disclosure-body{padding:24px 16px 28px;min-width:0}
.caries-disclosure-body>p:last-child{margin-bottom:0}
.caries-disclosure-body .material-list{margin:0}
.caries-step-number{align-self:flex-start;display:grid;place-items:center;flex:0 0 38px;min-height:38px;background:var(--teal);color:white;border-radius:50%;font-size:1rem;line-height:1.4;font-variant-numeric:tabular-nums}
.caries-main :is(a,button,summary,[tabindex]):focus-visible{outline:3px solid #9b661c;outline-offset:4px}
@media(max-width:1180px){.caries-hero-grid{gap:28px}.caries-layout{padding-top:32px}.caries-article .caries-section+.caries-section{padding-top:40px}}
@media(min-width:901px) and (max-width:1180px){.caries-layout{grid-template-columns:190px minmax(0,1fr);gap:28px}.caries-other-states{grid-template-columns:minmax(0,1fr)}.caries-other-state .clinical-media{max-width:400px}}
@media(max-width:1060px){
 .caries-comparison{display:block;border:0}.caries-case{display:block;border-block:1px solid #bdcbbb}.caries-case+.caries-case{margin-top:32px}.caries-case-wide>div,.caries-case-large>div{border-left:0}.caries-case-state{max-width:none;margin:0}.caries-case .caries-case-state .clinical-media{width:100%;max-width:400px;margin-inline:auto}.caries-article .caries-case-state h3{min-height:0}.caries-case-treatment{margin-top:0}.caries-case-small .caries-restoration{max-width:400px;margin-inline:auto;width:100%}
}
.site-large-type .caries-comparison{display:block;border:0}
.site-large-type .caries-case{display:block;border-block:1px solid #bdcbbb}
.site-large-type .caries-case+.caries-case{margin-top:32px}
.site-large-type .caries-case>div{border-left:0}
.site-large-type .caries-case-state{max-width:none;margin:0;width:auto}
.site-large-type .caries-restoration{max-width:500px;margin-inline:auto;width:100%}
.site-large-type .caries-case-state .clinical-media{width:100%;max-width:500px;margin-inline:auto}
.site-large-type .caries-case-treatment{margin-top:0}
.site-large-type .caries-restorations,.site-large-type .caries-other-states{grid-template-columns:minmax(0,1fr)}
@media(max-width:640px){
 .caries-hero{padding:22px 0 28px}.caries-hero .breadcrumbs{margin-bottom:20px}.caries-hero-grid{grid-template-columns:1fr;gap:24px}.caries-hero .clinical-media{width:100%;max-width:400px;justify-self:center}.caries-hero h1{font-size:2.25rem;margin-bottom:14px}.caries-label{margin-bottom:8px}.caries-lead{font-size:1.1875rem}.caries-hero-note{margin-top:16px;font-size:1rem}.caries-layout{padding-top:28px;padding-bottom:40px}.caries-layout .grouped-sidebar{margin-bottom:32px}.caries-comparison-layout{padding-top:32px}.caries-article .caries-section{margin-bottom:40px}.caries-article .caries-section+.caries-section{padding-top:36px}.caries-case-wide .caries-restorations,.caries-other-states{grid-template-columns:minmax(0,1fr)}.caries-restorations{gap:28px}.caries-restoration+.caries-restoration{padding-top:24px;border-top:1px solid var(--line)}.caries-other-states{gap:32px}.caries-visible-note{padding:16px}.caries-disclosure>summary{gap:10px;padding:18px 4px;flex-wrap:wrap}.caries-summary-copy{flex:1 1 170px}.caries-disclosure-state{margin-left:auto}.caries-summary-copy>strong{font-size:1.1875rem}.caries-disclosure-body{padding:22px 4px}.caries-step-number{flex-basis:34px;min-height:34px}.caries-article .caries-intro{margin-bottom:20px}.caries-section-number{margin-bottom:10px}
}
@media print{.caries-page{padding:0!important}.caries-disclosure-state{display:none!important}.caries-disclosure>.caries-disclosure-body{display:block!important}.caries-disclosure::details-content{display:block}.caries-hero-grid{grid-template-columns:1fr 1fr}.caries-case,.caries-other-state{break-inside:avoid}}

.caries-comparison .clinical-media-pair{gap:24px}
.caries-restoration .clinical-filename{min-height:3em}
.caries-section>.caries-inline-caution+.caries-disclosure{margin-top:22px}

/* ===== 병원 수정: 충치치료 비교표 사진 ===== */
/* 표의 칸 너비는 그대로 두고, 사진 칸을 정사각형으로 바꿔 치아를 크게 보이게 합니다.
   (원본은 가로로 긴 3:2 칸이라 좌우 여백이 컸습니다) */
#decay-range .clinical-media>a{aspect-ratio:1/1}
#decay-range .clinical-media img{height:100%;object-fit:cover;object-position:40% 50%}
#decay-range [data-image-slot="caries-restore_04b_crown-preparation"] img{object-position:31% 50%}
#decay-range [data-image-slot="caries-restore_04_crown"] img{object-position:38% 50%}

/* ===== 병원 수정: 수복·보철 재료 설명에 사진 추가 ===== */
/* 왼쪽 칸(200px)에 재료 이름과 사진, 오른쪽 칸에 설명. 사진이 없는 항목(복합레진)도 같은 줄에 맞춤 */
.caries-materials .material-list>div{grid-template-columns:200px minmax(0,1fr)}
.caries-materials .material-list>div.has-img{grid-template-areas:"term desc" "pic desc";align-items:start;row-gap:12px}
.caries-materials .material-list>div.has-img dt{grid-area:term}
.caries-materials .material-list>div.has-img dd{grid-area:desc}
.caries-materials .material-list>div.has-img .material-figure{grid-area:pic;margin:0;width:100%}
@media(max-width:700px){
  .caries-materials .material-list>div,.caries-materials .material-list>div.has-img{grid-template-columns:minmax(0,1fr)}
  .caries-materials .material-list>div.has-img{grid-template-areas:"term" "pic" "desc"}
  .caries-materials .material-list>div.has-img .material-figure{max-width:320px}
}