/* The bio: the profile's About tab and, as content_css, the O mně editor (body.profile-bio).
   Literal fallbacks: the editor's iframe has no :root tokens. contain + overflow keep the owner's
   HTML inside the tab (BioSanitizer relies on it). */
.profile-bio { font-size: 15px; line-height: 1.7; color: var(--hq-text-2, #3d444c); overflow-wrap: break-word; contain: paint; overflow: hidden; }
/* In the editor the bio is the iframe's <body>: WebKit (Safari, Orion) propagates its overflow: hidden
   to the viewport despite contain, so the editor could not be scrolled. The iframe clips it anyway. */
body.profile-bio { contain: none; overflow: visible; }
.profile-bio p { margin: 0 0 16px; }
.profile-bio a { color: var(--hq-accent, #1f5fae); }
.profile-bio img { max-width: 100%; height: auto; }
.profile-bio iframe { max-width: 100%; }