/* The editor keeps its own controls; the site header uses Hemu's shared navigation. */
html body.sm-page.sm-page.sm-page { padding-top: var(--site-header-height, 72px) !important; }
.sm-page .sm-header { height: 56px; }
.sm-page .sm-heading { padding-left: 16px; }
.sm-page .sm-workshop-back { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; white-space: nowrap; color: var(--sm-muted); }
.sm-page .sm-workspace { height: calc(100dvh - var(--site-header-height, 72px) - 56px - var(--sm-project-height) - 16px); }
.sm-page .site-header .header-actions button { color: var(--heading); }
@media (max-width:960px) {
  /* Preserve the shared navigation grid when editor buttons use flex layout. */
  .sm-page .site-header .nav-expand { display: grid; }
}
@media (min-width:961px) {
  .sm-page .site-header .nav-expand { display: none !important; }
}
@media (max-width:1050px) {
  .sm-page .sm-workspace { height: calc(100dvh - var(--site-header-height, 72px) - 56px - var(--sm-project-height) - 52px - 16px); }
  .sm-page .sm-inspector { top: calc(var(--site-header-height, 72px) + 56px); }
  .sm-page .sm-drawer-backdrop { top: calc(var(--site-header-height, 72px) + 56px); height: calc(100dvh - var(--site-header-height, 72px) - 56px); }
}
@media (max-width:720px) {
  .sm-page .sm-heading { padding-left: 12px; }
  .sm-page .sm-library { top: calc(var(--site-header-height, 72px) + 56px); }
  .sm-page .sm-workspace { min-height: 360px; }
}