/* Root header: two-line subtitle (see header.js), same look as social profiles (social.css). */
.profile .since:has(.since-line) { max-height: 40px; white-space: normal; overflow: hidden; }
.profile.shrunk .since { max-height: 0; }
.since-line, .since-at { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.since-handle { display: flex; align-items: center; gap: .35em; min-width: 0; }
.since-at { min-width: 0; } .since-handle > .flag { flex: none; }
.flag { display: inline-block; width: 1.35em; height: .9em; border-radius: 2px; object-fit: cover; box-shadow: 0 0 0 .5px rgba(255,255,255,.18); }
@media (min-width: 720px) { .since-line { font-size: 12px; } }   /* desktop: smaller "Scrobbling since" line */