/* Reflow corrections verified with 200% text at 320 and 1024 CSS pixels. */
h2,h3{overflow-wrap:anywhere}
.masthead>*{min-width:0}
.wordmark{max-width:100%}
.wordmark small{white-space:normal}
.button{max-width:100%;min-width:0;overflow-wrap:anywhere;gap:.6rem;padding-inline:.85rem}
.source-row>*{min-width:0}
.footer-top{grid-template-columns:1.5fr minmax(0,1fr) minmax(0,1fr)}
.footer nav{min-width:0}
.footer nav a{overflow-wrap:anywhere}
@media(max-width:760px){
 .source-row{grid-template-columns:minmax(0,1fr);gap:.5rem}
 .source-type{grid-column:1}
 .mobile-nav nav{min-width:0;width:min(12rem,calc(100vw - 32px))}
 .footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}
 .form-layout>*,.form-panel{min-width:0}
}
@media(max-width:360px){
 .wrap{width:calc(100% - 32px)}
 .hero .button{width:100%;padding-inline:.6rem}
 h1,.article-top h1{font-size:2rem}
 .form-panel{padding:1rem .65rem}
}