* { box-sizing: border-box; }
html, body, #axiom-root { margin: 0; min-height: 100%; }
body { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
/* Primitive presentation defaults must yield to authored style hooks, whose
   :where selectors deliberately preserve the compiler's cascade ranks. */
:where(.axiom-page, .axiom-view, .axiom-safe-area) { display: flex; flex-direction: column; }
.axiom-safe-area { min-height: 100vh; padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); }
:where(.axiom-input, .axiom-textarea, .axiom-input-field, .axiom-form-field, .axiom-button, .axiom-form-submit) { appearance: none; background: transparent; border: 0; border-radius: 0; color: inherit; font: inherit; margin: 0; padding: 0; text-align: left; }
:where(.axiom-image) { display: block; }
/* Svg(content:) scales its markup to the element box, as the native Lynx svg element does. */
:where(.axiom-svg) > svg { display: block; width: 100%; height: 100%; }
.axiom-foreign-island { contain: layout paint style; isolation: isolate; overflow: hidden; }
.axiom-foreign-island-frame { border: 0; display: block; max-width: 100%; width: 100%; }
.axiom-foreign-island-fallback { display: block; }
/* A semantic modal paints its declared backdrop part. The browser's default
   dialog scrim must not add a second, unowned design-system tint. */
dialog[data-acore-modal]::backdrop { background: transparent; }