/* Reflow enlarged text without clipping or reducing the requested font size. */
@media(max-width:760px){
 .site-header,.header-links{flex-wrap:wrap}
 .brand,.brand>span,.hero-copy,.page-intro,.panel-heading>div,.panel-heading h2,.series-copy,.card-body,.card-actions{min-width:0;max-width:100%}
 .page-intro h1,.hero-copy h1,.panel-heading h2,.series-copy h2,.episode-card h3,.title-button{overflow-wrap:anywhere;hyphens:auto}
 .page-intro h1,.hero-copy h1{text-wrap:balance;hyphenate-limit-chars:6 3 3}
 .panel-heading>div{align-items:flex-start}
 .panel-number{flex-shrink:0;width:max(23px,2.4em);height:max(23px,2.4em)}
 .series-feature{flex-wrap:wrap;align-items:flex-start}
 .series-copy{flex:1 1 9em}
 .study-actions{max-width:100%;flex-wrap:wrap}
 .study-actions .series-start,.study-lessons-toggle{max-width:100%;white-space:normal;overflow-wrap:anywhere;height:auto}
 .study-lesson-count{flex-shrink:0;min-width:max(23px,1.6em);height:max(23px,1.6em)}
 .episode-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5em),1fr))}
 .resources{flex-wrap:wrap;gap:.35em;justify-content:flex-start}
 .resource-button{flex:0 1 auto;max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;hyphens:auto}
 .pagination{flex-wrap:wrap}
 .page-position{flex:1 1 100%;min-width:0;order:-1;overflow-wrap:anywhere}
 .page-button{flex:1 1 8em;max-width:100%;white-space:normal;overflow-wrap:anywhere;min-height:43px;height:auto;padding:.5em .75em}
}

/* Preserve syllables and let enlarged resource dialogs reflow vertically. */
@media(max-width:760px){
 .page-intro h1{word-break:normal;overflow-wrap:normal;hyphens:manual;text-wrap:wrap}
 .episode-dialog .dialog-header{flex-wrap:wrap;align-items:flex-start}
 .episode-dialog .dialog-header>img{flex:0 0 auto}
 .episode-dialog .dialog-header>div{flex:1 1 9em;min-width:0;max-width:100%}
 .episode-dialog .dialog-header h2,.episode-dialog .episode-meta{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;hyphens:auto}
 .episode-dialog .primary-button{max-width:100%;min-width:0;height:auto;white-space:normal;overflow-wrap:anywhere;padding:.55em .8em}
 .episode-dialog .primary-button svg{flex-shrink:0}
 .episode-dialog .dialog-tabs{flex-wrap:wrap;overflow:visible;max-width:100%;gap:.4em}
 .episode-dialog .dialog-tab{flex:0 1 auto;max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;height:auto;padding:.5em .6em}
 .episode-dialog .dialog-tab svg{flex-shrink:0}
 .episode-dialog .dialog-body,.episode-dialog .resource-content{min-width:0;max-width:100%;overflow-wrap:anywhere}
+}