/* Only the website-layout branch uses this lightweight replacement for legacy Bootstrap. */
/* Editor HTML may contain document-wide body and heading rules. Keep the site
   chrome on its normal typography while letting the Details content use its own. */
body.mmr-custom-report-website-layout {
    font-family: Arial, sans-serif;
    line-height: 1.5;
    color: #333;
}

body.mmr-custom-report-website-layout #report-long-description {
    font-family: Inter, "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: #475569;
}

body.mmr-custom-report-website-layout #report-hero .mmr-report-hero-title {
    color: #fff;
    font-family: Arial, sans-serif;
}

body.mmr-custom-report-website-layout #report-hero .mmr-report-hero-meta strong {
    color: #fff;
}

body.mmr-custom-report-website-layout #report-page .mmr-report-section-title {
    color: #c94a13;
    font-family: Arial, sans-serif;
    font-size: 16px !important;
    margin: 10px 0 !important;
}

body.mmr-custom-report-website-layout #report-page .mmr-toc-content {
    font-family: Arial, sans-serif;
    font-size: 15px;
    line-height: 1.6;
    color: #333;
}

/* A legacy site-wide h2 !important rule otherwise collapses the supplied
   Sugar Alcohol report's native .banner headings to 15px. */
body.mmr-custom-report-website-layout #report-long-description .banner h2 {
    font-size: clamp(22px, 3.2vw, 28px) !important;
    margin: 0 !important;
}

body.mmr-custom-report-website-layout #report-hero > .container > .row {
    margin: 0 !important;
}

body.mmr-custom-report-website-layout #report-hero > .container > .row > * {
    min-width: 0;
    width: 100%;
    padding: 0 !important;
}

body.mmr-custom-report-website-layout #report-sticky-header .mmr-report-contact a {
    overflow-wrap: anywhere;
}

body.mmr-custom-report-website-layout #right-sidebar .mmr-premium-customization-card {
    overflow: hidden;
}

body.mmr-custom-report-website-layout #footer .mmr-site-footer__contact-list a {
    min-width: 0;
    overflow-wrap: anywhere;
}

body.mmr-custom-report-website-layout #report-page > .container > .row {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(245px, 1fr);
    align-items: start;
    gap: 24px;
    margin: 0;
}

body.mmr-custom-report-website-layout #report-page > .container > .row > * {
    min-width: 0;
    width: auto;
    float: none;
}

body.mmr-custom-report-website-layout #report-page .mmr-report-article > .tab-content > .tab-pane {
    display: none;
}

body.mmr-custom-report-website-layout #report-page .mmr-report-article > .tab-content > .tab-pane.active {
    display: block;
}

body.mmr-custom-report-website-layout #report-page .mmr-report-tabs {
    list-style: none;
}

body.mmr-custom-report-website-layout #report-page .mmr-report-tabs a {
    display: block;
    text-decoration: none;
}

body.mmr-custom-report-website-layout #report-long-description {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}

body.mmr-custom-report-website-layout #report-long-description img,
body.mmr-custom-report-website-layout #report-long-description video,
body.mmr-custom-report-website-layout #report-long-description svg {
    max-width: 100%;
}

body.mmr-custom-report-website-layout #report-long-description table {
    max-width: 100%;
}

body.mmr-custom-report-website-layout #report-long-description :is(.chart-scroll, .chart-container, .cc) {
    overflow-x: auto;
}

body.mmr-custom-report-website-layout .mmr-shell-generated-toc {
    margin: 0;
    padding: 0 0 0 20px;
    list-style: decimal;
}

body.mmr-custom-report-website-layout .mmr-shell-generated-toc li {
    margin: 0 0 10px;
}

body.mmr-custom-report-website-layout .mmr-shell-generated-toc li.is-child {
    margin-left: 22px;
    list-style: lower-alpha;
}

body.mmr-custom-report-website-layout .mmr-shell-generated-toc a:focus-visible,
body.mmr-custom-report-website-layout #report-page .mmr-report-tabs a:focus-visible {
    outline: 2px solid #17657d;
    outline-offset: 3px;
}

@media (max-width: 991px) {
    body.mmr-custom-report-website-layout.mmr-has-report-mobile-sticky #mmr-custom-toc .mmr-custom-toc__island {
        bottom: calc(var(--mmr-report-mobile-sticky-height, 90px) + 16px);
    }

    body.mmr-custom-report-website-layout.mmr-has-report-mobile-sticky #mmr-custom-toc.is-open .mmr-custom-toc__island {
        height: min(400px, calc(100dvh - var(--mmr-report-mobile-sticky-height, 90px) - 132px));
    }

    body.mmr-custom-report-website-layout.mmr-has-report-mobile-sticky #report-scroll-top.mmr-report-scroll-top {
        opacity: 0;
        pointer-events: none;
    }

    body.mmr-custom-report-website-layout #report-page > .container > .row {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }

    body.mmr-custom-report-website-layout #report-page .mmr-tab-inquiry {
        display: none;
    }
}

@media (max-width: 720px) {
    body.mmr-custom-report-website-layout #report-long-description {
        font-size: 15.5px;
    }
}