/*
 * Global layout rules that are not components.
 *
 * Design tokens live in aerialmedia-theme.css and reusable UI primitives live
 * in components.css. Keeping this file intentionally small prevents a third
 * global cascade from redefining buttons, cards, forms, or typography.
 */

html {
    /* Fixed 80px navigation plus 8px breathing room for fragment targets. */
    scroll-padding-top: 5.5rem;
}

body {
    min-width: 20rem;
}

main {
    min-width: 0;
}

img,
svg,
video,
canvas {
    max-width: 100%;
}