.brand-logo {
    display: block;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    object-fit: contain;
}

.brand > span:last-child {
    min-width: 0;
}

.brand strong {
    letter-spacing: 0;
}

.public-header .brand strong {
    font-size: .94rem;
}

.public-header .brand small {
    font-size: .68rem;
}

body.home-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.home-page main {
    flex: 1;
}

.home-page .hero-grid {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
}

.home-page .home-chat-start {
    flex: 1;
}

.admin-brand {
    align-items: flex-start;
}

.admin-brand strong {
    max-width: 150px;
    font-size: .76rem;
    line-height: 1.25;
}

.admin-brand small {
    max-width: 150px;
    font-size: .61rem;
    line-height: 1.3;
}

.auth-brand .brand-logo,
.admin-brand .brand-logo {
    padding: 3px;
    border-radius: 10px;
    background: #fff;
}

@media (max-width: 620px) {
    .public-header {
        align-items: flex-start;
        gap: 14px;
    }

    .public-header .brand-logo {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }

    .public-header .brand strong {
        max-width: 190px;
        font-size: .78rem;
        line-height: 1.2;
    }

    .public-header .brand small {
        font-size: .62rem;
    }

    .public-header .quiet-link {
        padding: 7px 9px;
        font-size: .72rem;
        white-space: nowrap;
    }
}