/* Page frame: main area, notices, room for the bottom tab bar on small screens. */
@layer layout {
    .site-main { min-height: 50vh; padding-bottom: calc(var(--tabbar-h) + var(--space-5) + env(safe-area-inset-bottom)); }
    .site-notice { padding: var(--space-3) 0; background: color-mix(in srgb, var(--color-accent) 14%, var(--color-surface)); color: var(--color-primary-strong); font-size: var(--text-sm); border-bottom: 1px solid var(--color-border); }
    body.sheet-open { overflow: hidden; }

    @media (min-width: 1024px) {
        .site-main { padding-bottom: 0; }
    }
}