:root {
    --brand-heading: #37367f;
    --brand-link: #325a8f;
    --brand-accent: #5a64ff;
    --brand-cover: #edf3ff;
    --brand-tint: #eaf2ff;
    --brand-border: #dbe4f2;
    --brand-muted: #53647d;
    --brand-logo-width: 167px;

    /* Header, measured from eventregistry.org */
    --header-breakpoint: 992px;
    --header-surface: linear-gradient(90deg, #686df9, #5a6dfa 22%);
    --header-text: #fff;
    --header-focus: #fff;
    --header-logo-filter: brightness(0) invert(1);
    --header-nav-offset: auto;
    --header-actions-offset: 8px;
    --header-nav-size: 1.7rem;
    --header-nav-weight: 400;
    --header-arrow-display: none;
    --header-menu-link: #246f68;
    --header-panel-text: #6b7c93;
    --header-panel-gutter: 20px;
    --header-category-color: #777;
    --header-close-color: #777;

    /* Footer, measured from eventregistry.org */
    --footer-logo-width: 159px;
    --footer-grid-justify: space-between;
    --footer-grid-min: 700px;
}

.help-header-entry-monitor {
    --header-entry-color: #8939b6;
}

.help-header-entry-intelligence {
    --header-entry-color: #7c5db8;
}

.help-header-signin {
    gap: 12px;
    margin-inline-start: 41px;
    padding: 0;
    letter-spacing: 0.4px;
}

.help-header-signin:hover {
    opacity: 1;
}

.help-header-signin:hover .help-header-signin-text {
    opacity: 0.7;
}

.help-header-signin:hover .help-header-signin-icon {
    transform: translateX(3px);
}

.help-header-signin-text {
    transition: opacity 0.1s ease-in-out;
}

.help-header-signin-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-top: 1px;
    border-radius: 50%;
    color: #7c7fff;
    background: #fff;
    transition: transform 0.15s ease;
}

@media (max-width: 992px) {
    .help-header-actions {
        margin-top: 0;
    }

    .help-header-signin {
        flex: 1;
        justify-content: flex-start;
        gap: 9px;
        margin: 0;
        padding: 16px 20px 19px;
        color: #37367f;
        background: #f4f6ff;
        border-top: 1px solid #e9e9e9;
    }

    .help-header-signin-text {
        flex: 0 0 auto;
    }

    .help-header-signin-icon {
        color: #d4dbff;
        background: #747ada;
    }

    .help-header-panel .help-header-list {
        padding-bottom: 9px;
    }
}

@media (max-width: 420px) {
    .help-footer-cell:nth-child(odd) {
        width: 40%;
    }

    .help-footer-cell:nth-child(even) {
        width: 60%;
    }
}