/* profile module: only what base.css does not already cover */
.m-profile .profile__tagline { margin-top: var(--s2); }
.m-profile .profile__media { display: flex; flex-direction: column; align-items: center; gap: var(--s2); }
@media (min-width: 900px) { .m-profile .profile__media { align-items: stretch; } }

/* The short facts under the portrait: teaches, from, age, languages, levels. */
.m-profile .profile__info { width: 100%; max-width: 260px; margin: 0; padding: 4px var(--s2); border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper); font-size: 0.95rem; }
@media (min-width: 900px) { .m-profile .profile__info { max-width: none; } }
.m-profile .profile__info-row { display: flex; justify-content: space-between; align-items: baseline; gap: var(--s2); padding: 8px 0; border-bottom: 1px solid var(--line); }
.m-profile .profile__info-row:last-child { border-bottom: 0; }
.m-profile .profile__info dt { flex: none; color: var(--muted); }
.m-profile .profile__info dd { margin: 0; text-align: right; color: var(--ink); font-weight: 600; }

.m-profile .audio-btn[aria-pressed="true"] { background: var(--navy-100); }