/* S4A-4: screenshots of verified external reviews, never authored text cards. */
#app .s4a4ReviewPhotos{border-top:1px solid rgba(140,140,140,.18)}
#app .s4a4ReviewPhotos .gsEditorialHead{margin-bottom:.5rem}
#app .s4a4ReviewPhotos .muted{margin:.3rem 0 1rem}
#app .s4a4ReviewTrack{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;padding:4px 4px .75rem;scrollbar-width:thin}
#app .s4a4ReviewTile{flex:0 0 clamp(200px,28%,285px);min-width:0;margin:0;border:1px solid rgba(140,140,140,.22);padding:.55rem;border-radius:14px;background:var(--card,#202229);scroll-snap-align:start}
#app .s4a4ReviewPhoto{border:0;padding:0;border-radius:8px;overflow:hidden;display:block;width:100%;background:rgba(120,120,120,.08);cursor:zoom-in}
#app .s4a4ReviewPhoto img{width:100%;height:215px;object-fit:contain;display:block}
#app .s4a4ReviewPhoto:focus-visible{outline:3px solid currentColor;outline-offset:3px}
#app .s4a4ReviewTile figcaption{font-size:.9rem;padding:.7rem .2rem .3rem;overflow-wrap:anywhere}
#app .s4a4SourceLink{color:inherit;text-decoration:underline;text-underline-offset:.18rem}
.s4a4ReviewDialog{width:min(94vw,920px);max-width:94vw;max-height:94dvh;padding:1rem;border-radius:14px;border:1px solid rgba(170,170,170,.35);background:var(--surface,#1b1d21);color:var(--text,#fff)}
.s4a4ReviewDialog::backdrop{background:rgba(0,0,0,.85)}
.s4a4ReviewDialog .s4a4ReviewFull{max-height:78dvh;max-width:100%;width:auto;height:auto;object-fit:contain;display:block;margin:.65rem auto}
.s4a4ReviewDialog button{display:block;margin-left:auto;min-height:44px}
.s4a4ReviewDialog .s4a4ReviewCaption{text-align:center;margin:.5rem 0}
#app .s4a4AdminPage .container{padding-block:2rem}
#app .s4a4ReviewEditor{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1.4rem}
#app .s4a4ReviewEditor label{display:flex;flex-direction:column;gap:.3rem}
#app .s4a4ReviewEditor input:not([type=checkbox]),#app .s4a4ReviewEditor select{max-width:100%;min-height:44px;min-width:0}
#app .s4a4ReviewConsent{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:.5rem}
#app .s4a4ReviewConsent input{flex:none;margin-top:.25rem}
#app .s4a4ReviewEditor button{min-height:44px;align-self:flex-start}
#app .s4a4AdminReviewCard{display:grid;grid-template-columns:160px minmax(0,1fr);gap:1rem;margin:.8rem 0}
#app .s4a4AdminReviewCard img{width:160px;height:180px;object-fit:contain;background:rgba(100,100,100,.08);border-radius:8px}
#app .s4a4ReviewFields{display:flex;flex-direction:column;gap:.5rem;min-width:0}
#app .s4a4ReviewFields input:not([type=checkbox]){width:100%;min-width:0}
#app .s4a4AdminReviewActions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.55rem}
#app .s4a4AdminReviewActions button{min-height:44px}
@media(max-width:560px){
 #app .s4a4ReviewTile{flex-basis:205px}
 #app .s4a4ReviewPhoto img{height:190px}
 #app .s4a4AdminReviewCard{grid-template-columns:100px minmax(0,1fr)}
 #app .s4a4AdminReviewCard img{width:100px;height:145px}
 #app .s4a4ReviewEditor button{width:100%}
}
@media(prefers-reduced-motion:reduce){#app .s4a4ReviewTrack{scroll-behavior:auto}}