/* Live text wordmark: the navigation surface stays visible between the letters. */
body .brand-block .brand-wordmark,
body.light #app-navbar .brand-block .brand-wordmark {
    display: inline-flex !important;
    flex-direction: column;
    align-items: flex-start;
    flex: 0 0 auto;
    gap: 2px;
    width: auto !important;
    height: auto !important;
    margin: 0;
    padding: 0;
    color: #111111 !important;
    background: none !important;
    font-family: "Arial Black", "Arial", "Helvetica Neue", sans-serif !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    font-style: normal;
    line-height: .82 !important;
    letter-spacing: -1.5px !important;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}
body .brand-wordmark > .brand-wordmark-line {
    display: flex;
    align-items: baseline;
    font: inherit;
    color: inherit;
    letter-spacing: inherit;
    line-height: inherit;
}
body .brand-wordmark-dot {
    display: inline-block;
    width: .27em;
    height: .27em;
    margin-left: .12em;
    background: #ff171e;
    flex: 0 0 auto;
}
@media (max-width: 600px) {
    body .brand-block .brand-wordmark,
    body.light #app-navbar .brand-block .brand-wordmark {
        font-size: 22px !important;
        letter-spacing: -1.3px !important;
    }
}
body.light .mobile-page-title > .brand-block {
    display: inline-flex !important;
    align-items: center;
    pointer-events: auto;
}
body.light #app-navbar .mobile-nav-drawer > .mobile-sidebar-brand {
    display: inline-flex !important;
    align-self: flex-start;
    margin: 4px 12px 16px !important;
}