/* Equal gutters keep text on the physical centre in both LTR and RTL. */
.spotlight-option>div{min-width:0}.spotlight-option h2{overflow-wrap:break-word;text-transform:none}.gallery-intro>div{min-width:0}
@media(max-width:760px){
 .gallery-focus .gallery-intro{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}
 .gallery-focus .gallery-intro>div{width:100%;text-align:center}
 .gallery-focus .gallery-intro h1{display:block;width:100%;max-width:100%;text-align:center!important;font-size:clamp(27px,7.5vw,42px);line-height:1.2;overflow-wrap:normal}
 .gallery-focus .gallery-intro h1>span{display:inline}
 .gallery-focus .gallery-intro h1>span+span::before{content:' '}
 .gallery-focus .gallery-intro>p{width:100%;max-width:100%;text-align:center!important}
 .gallery-focus .spotlight-option{display:grid!important;grid-template-columns:20px minmax(0,1fr) 20px!important;column-gap:8px!important;align-items:center;padding-inline:0!important}
 .gallery-focus .spotlight-option>div{width:100%;text-align:center;justify-self:center}
 .gallery-focus .spotlight-option :is(h2,p){width:100%;max-width:100%;text-align:center!important;margin-inline:auto;letter-spacing:normal}
 .gallery-focus .spotlight-option h2{font-size:clamp(19px,5.4vw,26px);line-height:1.25;text-wrap:balance}
 .gallery-focus .spotlight-option p{line-height:1.85;text-wrap:pretty}
 .gallery-focus .option-number{justify-self:start}.gallery-focus .option-arrow{justify-self:end;margin:0}
 .gallery-focus .spotlight-menu>.gallery-kicker,.gallery-focus .spotlight-hint{text-align:center!important;width:100%}
}
[dir=rtl] .spotlight-option h2{letter-spacing:0}