/* In-app help styling — the "?" side panel and the full Help pages. */

.rtm-help-btn {
    white-space: nowrap;
}

/* Side-over help panel */
#rtmHelpPanel {
    width: 480px;
    max-width: 100vw;
}

#rtmHelpPanel .offcanvas-body {
    padding-top: 0.5rem;
}

#rtmHelpPanelContent .rtm-help-loading {
    color: #6c757d;
    padding: 1rem 0;
}

/* Article typography (shared by panel and full page) */
.rtm-help-article h1 {
    font-size: 1.5rem;
    margin-bottom: .75rem;
}

.rtm-help-article h2 {
    font-size: 1.2rem;
    margin-top: 1.5rem;
    margin-bottom: .5rem;
}

.rtm-help-article h3 {
    font-size: 1.05rem;
    margin-top: 1.25rem;
    margin-bottom: .4rem;
}

.rtm-help-article table {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0;
    font-size: .9rem;
}

.rtm-help-article th,
.rtm-help-article td {
    border: 1px solid #dee2e6;
    padding: .4rem .6rem;
    text-align: left;
    vertical-align: top;
}

.rtm-help-article th {
    background-color: #f8f9fa;
}

.rtm-help-article blockquote {
    border-left: 4px solid #0dcaf0;
    background: #f1fbfe;
    margin: 1rem 0;
    padding: .6rem .9rem;
    color: #055160;
}

.rtm-help-article blockquote p {
    margin-bottom: 0;
}

.rtm-help-article code {
    background: #f3f3f3;
    padding: .1rem .3rem;
    border-radius: .2rem;
}

.rtm-help-article pre {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: .3rem;
    padding: .75rem;
    overflow-x: auto;
}

.rtm-help-article pre code {
    background: none;
    padding: 0;
}

.rtm-help-page {
    max-width: 900px;
}