/* Translated copy wraps inside the existing bitmap frames. */
html:is([lang=en],[lang=vi]) #story-guide :is(h2,p,small,.story-guide-kicker),
html:is([lang=en],[lang=vi]) #story-dialog :is(h2,.story-letter-subtitle,.story-letter-signature) {
 min-width:0;
 overflow-wrap:anywhere;
}
html:is([lang=en],[lang=vi]) #story-guide footer {min-width:0;gap:7px}
html:is([lang=en],[lang=vi]) #story-guide-primary {min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.3}
html:is([lang=en],[lang=vi]) #story-guide .story-skip {min-width:0;max-width:40%;white-space:normal;line-height:1.3;text-align:right}
html:is([lang=en],[lang=vi]) #story-guide[data-panel=true] .story-skip {max-width:100%;text-align:center}
html:is([lang=en],[lang=vi]) #story-dialog .story-letter-layout article {min-width:0}
html:is([lang=en],[lang=vi]) #story-dialog>header>span {min-width:0;line-height:1.3}
html:is([lang=en],[lang=vi]) #story-dialog>footer {flex-wrap:wrap}
html:is([lang=en],[lang=vi]) #story-dialog .story-primary {max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.3;margin-left:auto}
html:is([lang=en],[lang=vi]) .title-action>span {min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.25}
html[lang=vi] .title-brand h1 span {font-size:37px}
html[lang=vi] .title-brand h1 strong {font-size:68px;line-height:1.2}
@media(max-aspect-ratio:9/10) {
 html[lang=vi] .title-brand h1 span {font-size:29px}
 html[lang=vi] .title-brand h1 strong {font-size:52px}
}
@media(max-height:560px) and (min-aspect-ratio:9/10) {
 html:is([lang=en],[lang=vi]) .title-brand h1 span {font-size:25px;white-space:normal}
 html:is([lang=en],[lang=vi]) .title-brand h1 strong {font-size:47px}
 html:is([lang=en],[lang=vi]) .title-action {padding:8px 13px;font-size:18px;gap:9px}
 html:is([lang=en],[lang=vi]) .title-action-secondary {font-size:16px}
}