/* =====================================================
   site.css — structural base (never changes between themes)
   Theme-specific styles live in main.css (or swap it out).
   ===================================================== */

/* --- Box model reset --------------------------------- */
*, *::before, *::after { box-sizing: border-box; }

/* --- Base -------------------------------------------- */
html { font-size: 16px; }

body { margin: 0; }

/* --- Layout ------------------------------------------ */
#container {
  min-height: calc(100vh - 120px);
  align-items: stretch;
}

main {
  padding: 2rem 2.5rem;
  flex: 1;
}