html,body{max-width:100%;overflow-x:hidden}
.media-search-shell,.media-results,.media-card,.media-card>div,.media-search-box>div{min-width:0;max-width:100%}
.media-search-box input{min-width:0}
.media-card h2{overflow-wrap:anywhere}
.media-viewer{inset:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;overflow:clip}
.media-viewer figure,.media-viewer figure img{max-width:100%;min-width:0}
.share-status{max-width:calc(100vw - 24px);text-align:center}
@media(max-width:520px){
  .media-search-head{gap:12px;flex-wrap:wrap}
  .media-search-intro h1{font-size:clamp(2.45rem,10.5vw,4rem)}
  .media-viewer[open]{grid-template-columns:46px minmax(0,1fr) 46px}
  .media-viewer figure{padding-top:66px}
  .media-viewer__nav{width:38px;height:52px}
  .media-viewer__share{max-width:100%;white-space:normal}
  .media-viewer figcaption{min-width:0}
  .media-viewer figcaption strong{overflow-wrap:anywhere}
}