.vdi *{box-sizing:border-box}
.vdi{margin:0;background:#fff;color:#294b46;font-family:"Malgun Gothic","Noto Sans KR",sans-serif;line-height:1.85;word-break:keep-all}
.vdi a{color:#167e78;text-underline-offset:6px}
.vdi nav{display:flex;gap:22px;flex-wrap:wrap}
.vdi .content{max-width:1200px;margin:auto}
.vdi section{padding:60px 48px}
.vdi h1{font-size:43px;line-height:1.4;letter-spacing:-.05em}
.vdi h2{font-size:31px;line-height:1.5;letter-spacing:-.04em}
.vdi h3{font-size:21px;line-height:1.5}
.vdi p{font-size:17px}
.vdi h1,.vdi h2,.vdi h3{font-weight:600}
.vdi small,.vdi .note{font-size:14px;color:#647b75}
.vdi .eyebrow{font-size:14px;letter-spacing:.12em;color:#238d83}
.vdi .hero{background:linear-gradient(90deg,#f0f8f4 30%,#f0f8f4dd 50%,#f0f8f422),url('assets/doctor.jpg') center/cover;min-height:510px;display:flex;align-items:center}
.vdi .hero>div{max-width:600px}
.vdi .hero p{max-width:520px}
.vdi .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.vdi .two{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.vdi .card{border:1px solid #dce7e3;border-radius:16px;padding:28px;background:white}
.vdi .band{background:#f1f7f4}
.vdi .button{display:inline-block;margin-top:15px;padding:12px 23px;border-radius:5px;background:#168f86;color:white;text-decoration:none}
.vdi .button:hover{background:#126c65}
.vdi a:focus-visible{outline:3px solid #1cbcb4;outline-offset:5px}
.vdi .visual{display:block;width:100%;height:auto;margin:24px 0}
.vdi .faq article{border-top:1px solid #dbe5e1;padding:20px 0}
.vdi .faq h3{margin-top:0}
.vdi .cta{background:#eaf4ef;border-radius:18px;margin:36px;padding:36px}
.vdi table{border-collapse:collapse;width:100%;font-size:16px}
.vdi td,.vdi th{padding:16px;border-bottom:1px solid #d9e4de;text-align:left;vertical-align:top}
.vdi th{background:#edf4ef}
.vdi pre{white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:15px}
.vdi details{border-bottom:1px solid #d9e4de;padding:18px 0}
.vdi summary{cursor:pointer;font-weight:bold}
.vdi .badge{display:inline-block;border-radius:20px;padding:3px 12px;background:#e8f3ee;color:#267a70;font-size:13px}
.vdi .toc{background:#f2f7f4;padding:24px}
.vdi .pill{font-size:13px;color:#347d72}
.vdi .clinical-photos{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:28px 0}
.vdi .clinical-photos figure{margin:0;background:white;border:1px solid #dce7e3;padding:16px}
.vdi .clinical-photos img{display:block;width:100%;height:330px;object-fit:contain}
.vdi .clinical-photos figcaption{padding:18px 4px 4px;font-size:15px}
.vdi .clinical-photos strong{font-size:20px}
.vdi .case-pair{margin-top:36px}
.vdi .case-pair .clinical-photos img{height:auto}
.vdi .case-pair figcaption{text-align:center}
.vdi{width:1150px;max-width:calc(100vw - 300px);margin:0 auto;text-align:left;font-size:17px;line-height:1.85;color:#294b46;font-family:"Noto Sans KR","Malgun Gothic",sans-serif}
.vdi p{line-height:1.85;margin:16px 0}.vdi h1,.vdi h2,.vdi h3{margin:18px 0}.vdi .content{width:100%;max-width:none}.vdi .device-tabs{display:flex;gap:0;border:1px solid #dce7e3;margin-bottom:30px;background:white}.vdi .device-tabs a{flex:1;padding:18px 8px;text-align:center;font-size:15px;text-decoration:none;border-right:1px solid #dce7e3}.vdi .device-tabs a[aria-current=page]{background:#167e78;color:white}.vdi section[id]{scroll-margin-top:85px}.vdi .hero{min-height:470px}.vdi .card h3{font-size:22px}.vdi .clinical-photos img{max-width:100%;object-fit:contain}.vdi .case-pair img{height:auto}.vdi .toc{display:flex;flex-wrap:wrap;gap:20px}.vdi details summary{display:block}.vdi .source-notes{font-size:14px}.vdi .source-notes li{list-style:disc;margin-left:20px}

.vdi .tooth-model{margin:28px 0;background:#f2f7f4;border-radius:16px;overflow:hidden}
.vdi .tooth-model>img{display:block;width:100%;height:auto;max-width:100%;margin:0}
.vdi .tooth-model figcaption{padding:24px 30px;text-align:left}
.vdi .model-labels{display:grid;grid-template-columns:1fr 1fr;gap:35px}
.vdi .model-labels strong{display:block;font-size:24px;color:#294b46}
.vdi .model-labels span{display:block;font-size:16px;margin-top:8px;color:#657d76}
.vdi .model-heading{padding:28px 35px 0}
.vdi .model-heading h3{font-size:28px;margin:0}
.vdi .partial-model>img{width:78%;margin:0 auto}
.vdi .partial-model figcaption{text-align:center}
.vdi .partial-model figcaption>strong{font-size:25px}
.vdi .tooth-model .note{font-size:13px;line-height:1.7;margin-bottom:0}