/* Preserve full source titles while keeping narrow screens inside the viewport. */
body>header>span{min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:right}
.list-heading h1{min-width:0;white-space:normal;overflow-wrap:anywhere}
.tags>button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media(max-width:767px){
 body.mobile-slider main{overflow-x:clip}
 body>header{gap:12px}body>header .brand{flex-shrink:0}body>header>span{flex:1;font-size:12px;line-height:1.4}
 .heading.list-heading{flex-wrap:wrap;gap:10px}
 body #browseScreen .heading.list-heading h1{display:block!important;flex:1 1 100%;min-width:0!important;max-width:100%!important;white-space:normal!important;font-size:22px;line-height:1.4}
 .list-heading .heading-practice-link{max-width:100%}
 .card-caption{overflow-wrap:anywhere}
 .card .forms.long-form-words{grid-template-columns:repeat(2,minmax(0,1fr))}
 .card .forms strong{white-space:nowrap;word-break:normal!important;overflow-wrap:normal!important;font-size:14px!important}
 .card .forms.long-form-words strong{font-size:var(--form-word-font,16px)!important}
}
@media(max-width:360px){.card .forms{grid-template-columns:repeat(2,minmax(0,1fr))}.card .forms strong{font-size:var(--form-word-font,16px)!important}}