/* Keep square artwork and icon tiles from being squeezed by nearby text. */
.brand img,.app-brand img,.launch-card>img {
  flex-shrink:0;
  aspect-ratio:1;
  object-fit:contain;
}
.philosophy-art {width:100%;min-width:0;justify-self:center}
.philosophy-art img {width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.mini-icon,.baby-avatar {flex-shrink:0;aspect-ratio:1;line-height:1}
.phone {flex:0 0 288px;max-width:none}
.phone-log>div,.journal-entry>div,.baby-profile>div {min-width:0}
.phone-log time,.entry-time {flex-shrink:0;white-space:nowrap}
.phone-stats>div {min-width:0;padding-inline:10px}
.phone-stats strong {white-space:nowrap}
html[lang=ru] .phone-stats strong,html[lang=el] .phone-stats strong {font-size:20px}
.app-brand img {width:37px;height:37px}
.feature-symbol {font-style:normal;line-height:1}
.demo-tabs {flex-wrap:wrap}
.brand small {max-width:220px}
html[lang=el] .brand small {font-size:7px;letter-spacing:.55px}
@media(max-width:760px) {
  .phone {flex-basis:280px}
  html[lang=el] .brand small {font-size:6px;letter-spacing:.35px}
  html[lang=ru] .brand small {font-size:6px;letter-spacing:.35px}
  .journal-heading {flex-wrap:wrap}
  .journal-entry {gap:10px}
  .journal-entry strong {overflow-wrap:anywhere}
}
