/* Lead with the translation; identify the app as a way to read it. */
.tot-feature h1,.tot-feature h2 {font-size:clamp(2.8rem,4.8vw,4.7rem);margin:12px 0 14px;line-height:1.08}
.tot-feature .tot-full-name {font:1.3rem/1.4 Georgia,serif;color:#e6d8b9;margin:0 0 22px;max-width:620px}
.tot-feature .intro {font-size:1.05rem;max-width:620px}
.tot-feature .availability {font-size:.82rem;line-height:1.5;margin:20px 0 0}
.tot-feature .tot-translation-link {margin:18px 0 0}
.tot-feature .app-badge {flex:0 0 auto;width:145px;max-width:40%}
.tot-feature .app-badge img {width:100px;height:auto;aspect-ratio:1;object-fit:contain;flex-shrink:0}
.tot-feature .app-badge strong {font-size:1.5rem;line-height:1.25;letter-spacing:0}
.tot-feature .app-badge span {font-size:.7rem;line-height:1.5;letter-spacing:.4px;margin-top:8px}
.tot-feature .tot-art .app-screen {width:160px;height:auto;max-width:48%;max-height:none;aspect-ratio:644/1400;object-fit:contain;flex-shrink:0}
@media(max-width:600px){
 .tot-feature h1,.tot-feature h2 {font-size:2.7rem}
 .tot-feature .tot-full-name {font-size:1.15rem;margin-bottom:18px}
 .tot-feature .intro {font-size:1rem}
 .tot-feature .tot-art {height:auto;min-height:300px;gap:24px}
 .tot-feature .app-badge {width:125px}
 .tot-feature .app-badge img {width:76px;height:auto;border-radius:17px}
 .tot-feature .app-badge strong {font-size:1.25rem}
 .tot-feature .tot-art .app-screen {width:148px;height:auto;max-height:none}
}