/* Only these three retinal-detachment pages; selected leaflet white preserved. */
html[data-rd-compact] body #main h1,
html[data-rd-compact] body #main h2,
html[data-rd-compact] body #main h3{font-family:Manrope,sans-serif!important}
html[data-rd-compact] body #main .cp-head{min-height:0!important;padding-top:30px!important}
html[data-rd-compact] .cp-layout{margin-top:24px;margin-bottom:38px;gap:28px}
html[data-rd-compact] body #main #cp-body>section.cp-sec,
html[data-rd-compact] body #main #cp-body>section.cp-sec+section.cp-sec{padding:22px!important;margin-top:16px!important}
html[data-rd-compact] body #main #cp-body>section.cp-sec:first-child{margin-top:0!important}
html[data-rd-compact] body #main #cp-body p:last-child{margin-bottom:0}
html[data-rd-compact] body #main #cp-body .matt-note,
html[data-rd-compact] body #main #cp-body .tech-block{padding:16px 18px!important;margin-top:16px}
html[data-rd-compact] .tear-gel-layout{grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr);gap:20px;margin-top:0}
html[data-rd-compact] .tear-gel-layout .tear-figure{max-width:340px;justify-self:end}
html[data-rd-compact] .tear-gel-layout+.rd-leaflet-comparison{margin-top:18px}
html[data-rd-compact] .rd-leaflet-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
html[data-rd-compact] .rd-pair-caption{margin-top:12px}
html[data-rd-compact] body #main #cp-body .tear-figure figcaption,
html[data-rd-compact] body #main #cp-body .rg-figure figcaption{margin-top:8px;padding:0!important}
html[data-rd-compact] body #main #cp-body .tear-figure figcaption p{margin-top:4px!important;margin-bottom:0!important}
html[data-rd-compact] .tear-plus,html[data-rd-compact] .rg-plus{right:6px;top:6px;width:26px;height:26px;font:600 20px/1 Manrope,sans-serif}
/* Keep the selected leaflet's upper label unobstructed. */
html[data-rd-compact] .rd-detached .tear-plus{top:30px}
html[data-rd-compact] .tear-treatment-images{gap:18px;margin-top:14px;max-width:850px}
/* Crop only verified blank bottom margins; full originals remain in viewers. */
html[data-rd-compact] [data-tear=laser] .tear-image-open{aspect-ratio:1/.90}
html[data-rd-compact] [data-tear=cryo] .tear-image-open{aspect-ratio:1/.97}
html[data-rd-compact] [data-tear=laser] .tear-image-open img,
html[data-rd-compact] [data-tear=cryo] .tear-image-open img{position:absolute;inset:0;width:100%;height:auto;max-width:none}
html[data-rd-compact] body #main #cp-body .compare-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px}
html[data-rd-compact] body #main #cp-body .compare{display:grid;grid-template-columns:minmax(240px,.70fr) minmax(0,1fr);gap:20px;background:transparent;overflow:visible;align-items:start;border:0!important;box-shadow:none!important}
html[data-rd-compact] body #main #cp-body .compare-text{padding:14px 18px!important}
html[data-rd-compact] body #main #cp-body .compare-text .quiet-note{margin-top:8px!important}
html[data-rd-compact] .compare-stage{border-radius:18px;isolation:isolate}
html[data-rd-compact] body #main #cp-body .compare figcaption{padding:0!important;min-height:0!important}
html[data-rd-compact] body #main #cp-body .compare figcaption h3{margin:0 0 6px!important}
html[data-rd-compact] body #main #cp-body .compare figcaption p{margin:0!important}
html[data-rd-compact] .compare-tag{top:auto;bottom:6px;padding:5px 7px;letter-spacing:0;font:600 12px/1.2 Manrope,sans-serif;text-transform:none}
html[data-rd-compact] .compare-tag.left{left:6px}
html[data-rd-compact] .compare-tag.right{right:6px}
html[data-rd-compact] .compare-stage input[type=range]{display:block!important;z-index:2}
html[data-rd-compact] .rd-compare-enlarge{position:absolute;right:6px;top:6px;z-index:4;border:1px solid #183d69;border-radius:50%;width:26px;height:26px;padding:0;background:#f6f5ef;color:#183d69;font:600 20px/1 Manrope,sans-serif;display:grid;place-items:center;cursor:zoom-in}
html[data-rd-compact] body #main #cp-body .topic-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
html[data-rd-compact] body #main #cp-body .topic-rows article{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:16px 0 0;align-items:start}
html[data-rd-compact] body #main #cp-body .topic-rows article:first-child{grid-column:1/-1;padding-top:0;border-top:0}
html[data-rd-compact] body #main #cp-body .topic-rows article>span{width:34px;height:34px}
html[data-rd-compact] body #main #cp-body .topic-rows article>div{max-width:none}
html[data-rd-compact] body #main #cp-body .topic-rows p{margin-top:8px!important}
html[data-rd-compact] .rd-recovery-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr);gap:22px;align-items:start}
html[data-rd-compact] .rd-recovery-layout .rg-figure{margin:0!important;max-width:430px}
html[data-rd-compact] .rd-recovery-layout ul{margin-bottom:0}
html[data-rd-compact] body #main #cp-body .ask-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px;padding-left:22px}
html[data-rd-compact] body #main #cp-body .faq-group{margin-top:18px;padding-top:0}
html[data-rd-compact] body #main #cp-body .faq-group:first-of-type{margin-top:0}
html[data-rd-compact] body #main #cp-body #related-videos .related-videos.video-boxes{gap:18px!important}
.rd-compare-dialog{max-width:min(94vw,1100px);max-height:94vh;overflow:auto;border:1px solid #183d6930;border-radius:18px;padding:16px;background:#f6f5ef;color:#183d69}
.rd-compare-dialog::backdrop{background:#0a192bd9}
.rd-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}
.rd-dialog-bar button{min-height:44px;border-radius:24px;background:#183d69;color:white;padding:8px 18px;font:600 18px Manrope,sans-serif}
.rd-compare-dialog .compare-stage{width:min(1000px,84vw);max-height:68vh;aspect-ratio:5/3;border-radius:18px;--pos:55%}
.rd-compare-dialog .scene{position:absolute;inset:0}
.rd-compare-dialog .scene svg{width:100%;height:100%;display:block}
.rd-compare-dialog .scene.affected{clip-path:inset(0 0 0 var(--pos))}
.rd-compare-dialog .compare-tag{position:absolute;bottom:8px;top:auto;font:600 14px/1.2 Manrope,sans-serif;background:#f6f5efdc;border-radius:12px;padding:6px}
.rd-compare-dialog .compare-tag.left{left:8px}.rd-compare-dialog .compare-tag.right{right:8px}
.rd-compare-dialog p{font:400 18px/1.55 Manrope,sans-serif;margin:12px 0 0}
.rd-compare-dialog *{animation:none!important}
@media(max-width:1150px){
html[data-rd-compact] .tear-gel-layout,html[data-rd-compact] .rd-recovery-layout{grid-template-columns:minmax(0,1.2fr) minmax(240px,1fr)}
}
@media(max-width:760px){
html[data-rd-compact] body #main #cp-body>section.cp-sec,
html[data-rd-compact] body #main #cp-body>section.cp-sec+section.cp-sec{padding:18px 14px!important;margin-top:10px!important}
html[data-rd-compact] body #main #cp-body .compare,
html[data-rd-compact] .tear-gel-layout,html[data-rd-compact] .rd-recovery-layout,
html[data-rd-compact] body #main #cp-body .topic-rows,
html[data-rd-compact] body #main #cp-body .ask-list{grid-template-columns:minmax(0,1fr);gap:10px}
html[data-rd-compact] .rd-leaflet-pair,html[data-rd-compact] .tear-treatment-images{grid-template-columns:minmax(0,1fr);gap:16px}
html[data-rd-compact] .tear-gel-layout .tear-figure,
html[data-rd-compact] .rd-recovery-layout .rg-figure{max-width:430px;width:100%;justify-self:center}
html[data-rd-compact] .tear-treatment-images{max-width:430px}
html[data-rd-compact] body #main #cp-body .compare-grid{gap:18px}
html[data-rd-compact] body #main #cp-body .matt-note,
html[data-rd-compact] body #main #cp-body .tech-block{padding:12px!important}
}
@media(prefers-reduced-motion:reduce){html[data-rd-compact] .compare *{animation:none!important}}