/*
 * Page-scoped styles for /why-servicestack
 * Auto-loaded by Pages/Shared/DocsPage.cshtml from /wwwroot/pages/{slug}.css
 *
 * Delete this file to restore the standard docs layout (TOC rail + 54rem content).
 */

/* --- Landing page layout ------------------------------------------------ */

/* Hide the right "On This Page" TOC rail - the main docs sidebar is kept.
   This page is a linear overview, and the rail crowds the interactive components. */
.docmap {
    display: none !important;
}

/* Use the reclaimed width to give the interactive components room */
#doc > .prose {
    max-width: 64rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* ...but keep running text at a readable measure, centred in the wider column */
#doc .content > :where(p, ul, ol, h2, h3, h4, blockquote, pre, .custom-block, .copy, .sh) {
    max-width: 54rem;
    margin-left: auto;
    margin-right: auto;
}

/* The auto-rendered <h1> is hidden by the site's .hide-title convention -
   drop its margin too so the hero sits at the top of the page */
#doc > .prose > section:first-child {
    margin-bottom: 0;
}

/* --- Code block containment --------------------------------------------- */

/*
 * highlight.css sets a global `pre { min-width: fit-content }`, which lets a wide
 * code sample push past its column instead of scrolling inside it.
 * Scope it back for this page.
 */
#doc pre {
    min-width: 0;
    max-width: 100%;
}