/**
 * ReaderX Profile -- Header redesign (Phase 1).
 *
 * The existing avatar/banner overlap mechanism (.avatar-wrapper's
 * transform/margin) is reused as-is, untouched. This file trims the
 * large fixed gap below the header that was the main source of excess
 * vertical space, and supplies the .profile-username base/desktop rule
 * that parent css/profile.css turned out to be missing -- that class
 * only ever had <=768px/<=480px mobile rules, no base rule at all, so
 * desktop was rendering it with unstyled default <h2> sizing.
 */

.profile-header {
    margin-bottom: 16px;
}

.profile-title-row {
    margin-bottom: 4px;
}

.profile-username {
    /* Base/desktop rule -- confirmed missing everywhere outside the
       existing <=768px/<=480px media queries in parent css/profile.css.
       color is intentionally omitted here: body { color: #fff } already
       inherits correctly with nothing overriding it above this point,
       so redeclaring it would be redundant. */
    font-size: 28px;
    font-weight: 700;
    margin: 0;
}