/* Compact photo comparisons on desktop and mobile. */
body .ncc-pdr-examples{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1040px;margin-inline:auto;gap:20px}
body .ncc-pdr-example h3{padding:16px 16px 0;font-size:18px;line-height:1.4}
body .ncc-pdr-pair{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 16px 16px;gap:12px}
body .ncc-pdr-pair img{width:100%;height:200px;max-height:200px;aspect-ratio:auto;object-fit:contain}
body .ncc-pdr-pair figcaption{padding:8px 10px;font-size:12px;line-height:1.4;gap:2px 6px}
body .ncc-pdr-pair figcaption strong{font-size:14px}
body .ncc-pdr-new-grid{grid-template-columns:repeat(2,minmax(0,220px));max-width:454px;gap:14px}
body .ncc-pdr-new-grid img{height:170px;max-height:170px;aspect-ratio:auto;object-fit:contain}
body .ncc-pdr-new-grid figcaption{padding:10px;font-size:13px;line-height:1.4}
@media(max-width:760px){
body .ncc-pdr-examples{grid-template-columns:minmax(0,1fr);max-width:520px;gap:16px}
body .ncc-pdr-pair{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:10px}
body .ncc-pdr-pair img{height:170px;max-height:170px}
}
@media(max-width:480px){
body .ncc-pdr-new-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:360px;gap:10px}
body .ncc-pdr-new-grid img{height:150px;max-height:150px}
body .ncc-pdr-pair img{height:150px;max-height:150px}
body .ncc-pdr-pair figcaption{padding:7px 8px}
}