/* Shared page gutters across all views. */
main#content{max-width:none;width:100%;margin-inline:0;padding-inline:22px;padding-top:20px}
main#content>.feed-page,main#content>.game-page{width:100%;max-width:none;margin-inline:0}
@media(max-width:700px){main#content{padding-inline:14px}}

/* A slightly shorter introduction on the homepage. */
#discover-intro.hero{min-height:260px}
#discover-intro .hero-copy{padding-block:16px}
#discover-intro .hero-copy>p:not(.eyebrow){margin-bottom:16px}
#discover-intro .record-scene{min-height:260px}
@media(max-width:700px){#discover-intro.hero{min-height:0}#discover-intro .hero-copy{padding-block:16px}#discover-intro .record-scene{min-height:0}}



.library-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px}.library-title-row>h1,.library-title-row>h2{margin:0}.library-title-row>.library-switch{margin:0;flex-shrink:0}@media(max-width:540px){.library-title-row{gap:12px}.library-title-row>.library-switch{width:auto;max-width:100%}.library-title-row .library-switch button{padding:9px 10px}}

main#content:has(>#discover-intro[hidden])>#games-section{margin-top:0}
main#content:has(>#discover-intro[hidden])>#games-section>.section-heading .eyebrow{margin-top:0}

/* Align header controls with the content edge. */
.app-shell>.topbar{padding-right:22px}
@media(max-width:700px){.app-shell>.topbar{padding-right:14px}}