/* Wrap at meaning boundaries instead of leaving a few characters behind. */
.copy-phrase{display:inline-block;white-space:nowrap;max-width:100%;vertical-align:baseline}
p:has(>.copy-phrase),h2:has(>.copy-phrase),h3:has(>.copy-phrase){word-break:normal;overflow-wrap:normal!important;line-break:strict;text-wrap:pretty}
p:has(>.copy-phrase){line-height:2!important}
@media(max-width:720px){
 .copy-phrase{letter-spacing:inherit}
 section p:has(>.copy-phrase){font-size:13px!important;line-height:2.05!important}
 section#top>div:last-child>p:first-child:has(>.copy-phrase){font-size:14px!important}
 section h2:has(>.copy-phrase){font-size:25px!important;line-height:1.7!important;letter-spacing:-.6px}
 section h3:has(>.copy-phrase){font-size:18px!important;line-height:1.75!important}
 .example-note:has(>.copy-phrase){font-size:10px!important;line-height:1.9!important}
 .copy-break{display:block}
}
@media(max-width:360px){section#top>div:last-child>p:first-child:has(>.copy-phrase){font-size:13px!important}section h2:has(>.copy-phrase){font-size:23px!important}}
@media(max-width:720px){section#top>div:first-child>p:last-child:has(>.copy-phrase){font-size:18px!important;line-height:1.85!important}}
@media(max-width:360px){section#top h1{font-size:28px!important;line-height:1.5!important}section#top>div:first-child>p:last-child:has(>.copy-phrase){font-size:16px!important}}
span:has(>.copy-phrase){min-width:0;max-width:100%;white-space:normal;display:block}