/* Content/accessibility corrections only; original layout stays in styles.css. */
button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
html{scroll-padding-top:5rem}
.original-link{color:var(--gold);font-family:Arial,sans-serif;font-size:.75rem;line-height:1.8;text-decoration:underline;text-underline-offset:4px}
.detail-thumbs img[role=button]{cursor:pointer}
/* Narrow screens: the floating info card used to cover the lower part of the photo. Stack photo above card instead. */
@media(max-width:760px){
.modal-inner{grid-template-rows:minmax(0,1fr) auto;gap:.75rem;padding-bottom:max(1rem,env(safe-area-inset-bottom))}
.modal-media{position:relative}
.modal-media img{position:absolute;inset:0;margin:auto;max-width:100%;max-height:100%}
.modal-info{position:static;width:auto;max-height:40svh;gap:.4rem;padding:.8rem .95rem}
.modal-info p{margin:0}
.modal-arrow{top:calc(2.1rem + 32svh)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}