/* Keep the full semantic title and wrap only between words. Size follows its column. */
#app .t77-copy,#app .t77-heading{min-width:0}
#app .t77-heading{container-type:inline-size}
#app .t77-heading h1{font-size:min(46px,9cqw);line-height:1.2;overflow-wrap:normal;word-break:normal;hyphens:none}
@media(max-width:650px){#app .t77-heading h1{font-size:min(27px,9cqw)}}

/* Keep the technology metrics readable on intermediate tablet widths. */
@media(min-width:651px) and (max-width:900px){#app .t60-metric h3{font-size:18px;overflow-wrap:normal;hyphens:auto}#app .t60-metric{min-width:0}}