/* ═══════════════════════════════════════════════════════
   Wild Roots — PAGES.CSS — Shared Base Styles
   Fixed 2026-04-13 21:43 — No longer conflicts with page inline styles
   ═══════════════════════════════════════════════════════ */

/* BASE RESET */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }
body { font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; line-height: 1.7; overflow-x: hidden; }

/* TYPOGRAPHY — only defaults, pages override via inline styles */
h1, h2, h3, h4, h5, h6 { line-height: 1.3; }
p { margin-bottom: 1rem; }
p:last-child { margin-bottom: 0; }

/* TABLES — safe, no page conflicts */
table { width: 100%; border-collapse: collapse; margin: 2rem 0; }
th, td { padding: 1rem; text-align: left; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
th { background: rgba(82, 183, 136, 0.1); font-weight: 600; color: var(--color-mint); }
tr:hover { background: rgba(255, 255, 255, 0.02); }

/* RESPONSIVE TABLE */
@media (max-width: 768px) { table { font-size: 0.9rem; } th, td { padding: 0.75rem; } }