/* Regular controls and content remain readable on mobile and desktop. */
.card-desc,.bubble,.aside-content>p,.character-note p{font-size:16px}
.subtitle,.notice,.filter,.open-story,.edit-character,.genre-label,label,.form-hint,.suggestion-label,.suggestions button,.secondary,.primary{font-size:14px}
input,select,textarea,#message-input{font-size:16px}
.footnote,.composer-note,.form-bottom small,.system-note,.message small,.card-title small,.tags span,.count,.collection span,.chat-head span,.character-note>span,.preview-label,.version span,.suggestion-label span,footer,footer small{font-size:12px}
.brand small,.eyebrow{font-size:12px}
#message-form .primary{font-size:14px}
#message-input{padding-right:135px}
.card-desc{min-height:64px}
.card-title h2,.aside-content h2{overflow-wrap:anywhere}
.card-title small{letter-spacing:1.4px}
@media(max-width:680px){.card-desc{min-height:0}.notice{font-size:13px}.filters{flex-wrap:wrap}.filter{font-size:14px}.collection{font-size:14px}.composer-note{font-size:12px}}