/* Standalone Media page shell. Album grid, lightbox, and actions
   come from the same styles used on the profile Media tab. */

#site-content:has(.mc-media-page) {
    background-color: var(--bg-page);
    color: var(--slate-800);
}

.mc-media-page {
    width: 100%;
    max-width: 1080px;
    margin: 16px auto 48px;
    padding: 0 16px 32px;
    box-sizing: border-box;
    font-family: var(--font-sans);
    color: var(--slate-800);
}

.mc-media-page-head {
    max-width: 960px;
    margin: 0 auto 8px;
}

.mc-media-page-head .mc-h1 {
    margin: 8px 0 6px;
}

.mc-media-page-lead {
    margin: 0 0 18px;
    color: var(--slate-500);
    font-size: 14px;
    line-height: 1.5;
}