/* hrmxn.com — its own styles, from the design-system tokens only. The frame and the moves are the AppShell's. */

/* side panel: the groups of links, as on the old homepage (Contents, then Private) */
.site-group { display: flex; flex-direction: column; gap: var(--s3); }
.site-group--more { margin-top: var(--s10); }

/* wide screens: the showcase fills the main column, between the top bar and the bottom of the screen */
@media (min-width: 861px) {
	.page--app .main { padding-bottom: var(--s12); }
	.site-show { flex: 1; min-height: 0; }
	.site-show .frame-box { flex: 1; min-height: 0; display: flex; }
	.site-show .showcase-stage { flex: 1; aspect-ratio: auto; }
}