/* Restore the homepage sidebar while keeping the R7 workshop inside the main column. */
body.mcf-azure:is(.azure-builds-catalog,.azure-builds-detail) > .page {
    grid-template-columns:minmax(0,1fr) 26%; gap:18px;
}
body.mcf-azure:is(.azure-builds-catalog,.azure-builds-detail) > .page > #main-content { min-width:0; }
body.mcf-azure:is(.azure-builds-catalog,.azure-builds-detail) > .page > .sidebar { display:block; min-width:0; }

@media(width > 900px) {
    /* The shared sidebar markup and styling are exactly the ones used by the homepage. */
    body.mcf-azure.azure-builds-catalog .b7-catalog { width:100%; max-width:none; }
    body.mcf-azure.azure-builds-catalog .b7-hero { grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); min-height:310px; }
    body.mcf-azure.azure-builds-catalog .b7-hero .b5-hero-copy { padding:25px 0 25px 25px; }
    body.mcf-azure.azure-builds-catalog .b7-hero .news-article__title { font-size:36px!important; }
    body.mcf-azure.azure-builds-catalog .b7-hero .bld-intro { font-size:13px; }
    body.mcf-azure.azure-builds-catalog .b7-hero .b5-hero-art { padding-right:3px; min-height:275px; }
    body.mcf-azure.azure-builds-catalog .b7-hero .b5-hero-art img { max-height:285px; }
    body.mcf-azure.azure-builds-catalog .b7-art-frame { inset:39px 19px 44px 5px; }
    body.mcf-azure.azure-builds-catalog .b7-art-caption { font-size:10px; padding:6px 7px; bottom:25px; }
    body.mcf-azure.azure-builds-catalog .b7-catalog--focused .b5-hero-copy { padding:23px 25px; }
    body.mcf-azure.azure-builds-catalog .b7-catalog--focused .b7-hero .news-article__title { font-size:32px!important; }
    body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
    body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-card { grid-template-columns:42% minmax(0,1fr); min-height:85px; }
    body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-picture { height:83px; }
    body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-caption strong { font-size:17px; }
    body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-caption>span { font-size:11px; }
    body.mcf-azure.azure-builds-catalog .b7-showcase-grid { gap:10px; }
    body.mcf-azure.azure-builds-catalog .b7-showcase-copy { padding:10px; }
    body.mcf-azure.azure-builds-catalog .b7-showcase-copy>strong { font-size:17px; }
    body.mcf-azure.azure-builds-catalog .b7-showcase-facts { flex-wrap:wrap; }
    body.mcf-azure.azure-builds-catalog .b7-catalog .b5-collection-grid {
        grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:calc((100% - 24px)/3.15); gap:12px;
        overflow-x:auto; padding:2px 2px 10px; margin:-2px; scroll-snap-type:x proximity;
        scrollbar-width:thin; scrollbar-color:#b6cde6 transparent;
    }
    body.mcf-azure.azure-builds-catalog .b7-catalog .b5-collection-card { height:171px; scroll-snap-align:start; }
    body.mcf-azure.azure-builds-catalog .b7-catalog .b5-results { padding:21px; }
    body.mcf-azure.azure-builds-catalog .b7-catalog .b5-results .bld-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
    body.mcf-azure.azure-builds-catalog .b7-catalog .b5-results .bld-grid[data-b6-view=list] { grid-template-columns:minmax(0,1fr); }
    body.mcf-azure.azure-builds-catalog .b7-catalog [data-b6-view=list] .bld-card.azure-build-card { grid-template-columns:240px minmax(0,1fr); }

    /* A full-width viewer and one download surface below it avoid two competing sidebars. */
    body.mcf-azure.azure-builds-detail .bv-workspace { grid-template-columns:minmax(0,1fr); gap:20px; padding:18px; }
    body.mcf-azure.azure-builds-detail .bv-stage { height:460px; min-height:380px; max-height:60vh; }
    body.mcf-azure.azure-builds-detail .bv-download-panel {
        display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:start; gap:10px 25px;
        margin:0; padding:21px 0 0; border-left:0; border-top:1px solid #dbe7f2;
    }
    body.mcf-azure.azure-builds-detail .bv-download-heading { grid-column:1; grid-row:1; margin:0; }
    body.mcf-azure.azure-builds-detail .bv-dl { grid-column:1; grid-row:2; margin:0; }
    body.mcf-azure.azure-builds-detail .bv-before { grid-column:2; grid-row:1 / span 2; margin:0; padding:0; border:0; }
    body.mcf-azure.azure-builds-detail .bv-before dl { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 17px; }
    body.mcf-azure.azure-builds-detail .bv-before h2 { margin-bottom:14px; }
    body.mcf-azure.azure-builds-detail .bv-before dt { font-size:11px; }
    body.mcf-azure.azure-builds-detail .bv-before dd { font-size:12px; }
    body.mcf-azure.azure-builds-detail .bv-preview-link { margin-top:12px; padding-top:10px; }
    body.mcf-azure.azure-builds-detail .bv-info-grid { gap:15px; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); }
    body.mcf-azure.azure-builds-detail .bv-side .bv-info-card { padding:18px; }
    body.mcf-azure.azure-builds-detail #bv-related .bld-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media(900px < width <= 1160px) {
    body.mcf-azure:is(.azure-builds-catalog,.azure-builds-detail) > .page { grid-template-columns:minmax(0,1fr) 280px; gap:15px; }
}

@media(900px < width <= 1100px) {
    body.mcf-azure.azure-builds-catalog .b7-hero { display:block; min-height:0; }
    body.mcf-azure.azure-builds-catalog .b7-hero .b5-hero-copy { padding:23px; }
    body.mcf-azure.azure-builds-catalog .b7-hero .news-article__title { font-size:32px!important; }
    body.mcf-azure.azure-builds-catalog .b7-hero .b5-hero-art { display:none; }
    body.mcf-azure.azure-builds-catalog .b7-catalog .b5-section-head h2 { font-size:26px; }
    body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-caption strong { font-size:16px; }
    body.mcf-azure.azure-builds-catalog .b7-catalog .b5-category-find { width:185px; }
    body.mcf-azure.azure-builds-catalog .b7-showcase-grid {
        grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:calc((100% - 10px)/2.15); gap:10px;
        overflow-x:auto; padding:2px 2px 9px; margin:-2px; scroll-snap-type:x proximity;
        scrollbar-width:thin; scrollbar-color:#b6cde6 transparent;
    }
    body.mcf-azure.azure-builds-catalog .b7-showcase-card { scroll-snap-align:start; }
    body.mcf-azure.azure-builds-catalog .b7-catalog .b5-collection-grid { grid-auto-columns:calc((100% - 12px)/2.3); }
    body.mcf-azure.azure-builds-catalog .b7-catalog .b5-results { padding:18px; }
    body.mcf-azure.azure-builds-catalog .b7-catalog .b5-results .bld-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
    body.mcf-azure.azure-builds-catalog .b7-catalog .b5-results .bld-grid[data-b6-view=list] { grid-template-columns:minmax(0,1fr); }
    body.mcf-azure.azure-builds-catalog .b7-catalog [data-b6-view=list] .bld-card.azure-build-card { grid-template-columns:185px minmax(0,1fr); }
    body.mcf-azure.azure-builds-catalog .b7-catalog .b5-preview-note { display:none; }
    body.mcf-azure.azure-builds-detail .news-article__title { font-size:30px!important; }
    body.mcf-azure.azure-builds-detail .bv-workspace { padding:16px; }
    body.mcf-azure.azure-builds-detail .bv-stage { height:420px; min-height:370px; }
    body.mcf-azure.azure-builds-detail .bv-jumpbar a.bv-jumpbar__download { display:none; }
    body.mcf-azure.azure-builds-detail .bv-viewer-heading>span { display:none; }
    body.mcf-azure.azure-builds-detail .bv-download-panel { grid-template-columns:minmax(0,1fr); gap:13px; }
    body.mcf-azure.azure-builds-detail .bv-download-heading,
    body.mcf-azure.azure-builds-detail .bv-dl,
    body.mcf-azure.azure-builds-detail .bv-before { grid-column:auto; grid-row:auto; }
    body.mcf-azure.azure-builds-detail .bv-before { padding-top:16px; border-top:1px solid #e2ecf5; }
    body.mcf-azure.azure-builds-detail .bv-info-grid { grid-template-columns:minmax(0,1fr); }
    body.mcf-azure.azure-builds-detail #bv-related .bld-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Match the homepage's mobile sidebar behavior at the exact same breakpoint. */
@media(width <= 900px) {
    body.mcf-azure:is(.azure-builds-catalog,.azure-builds-detail) > .page { grid-template-columns:minmax(0,1fr); gap:0; }
    body.mcf-azure:is(.azure-builds-catalog,.azure-builds-detail) > .page > .sidebar { display:none; }
}