.photo-comparison { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 20px; margin-block: 28px; }
.photo-example { min-width: 0; margin: 0; }
.photo-example > a { display: block; overflow: hidden; border-radius: 12px; }
.photo-example img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; }
.photo-example figcaption { margin-top: 12px; font-size: 14px; line-height: 1.6; color: var(--ink-soft); text-wrap: pretty; }
.photo-example figcaption strong { display: block; margin-bottom: 4px; color: var(--ink); }
.photo-source-download { display: block; width: fit-content; margin-top: 8px; min-height: 44px; align-content: center; }
.photo-single { width: min(100%, 420px); margin: 28px auto; }
.photo-example a:focus-visible { outline: 3px solid var(--orange-dark); outline-offset: 4px; }
@media(max-width:560px) {
 .photo-comparison { grid-template-columns: minmax(0,1fr); gap: 24px; margin-block: 24px; }
 .photo-single { margin-block: 24px; }
}