/**
 * Mind Fitness base - global reset and body type.
 *
 * Split out of css/site-shell.css (KAN-155, 27 Sep 2026). The shell (header,
 * nav, buttons, footer) is shared by every page with the site header; this
 * reset is not. Pages that carry their own base rules load site-shell.css
 * alone, so their body text keeps its own line-height and margins.
 *
 * Load it immediately before site-shell.css, which keeps the cascade exactly
 * what it was when both lived in one file.
 *
 * The homepage's .btn-primary / .btn-outline live here too, not in the shell:
 * the migrated pages have button systems of their own under the same class
 * names (mindspace/payment-comic's full-width .btn.btn-primary, the amber
 * listener-premium button), and the shell's inline-flex version left-aligned
 * their labels and added its shadow and hover lift.
 */

*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'IBM Plex Sans Thai','Sarabun',sans-serif;color:#0B1E47;line-height:1.6}

.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:linear-gradient(135deg,#00A8A8,#0B1E47);color:white;text-decoration:none;border-radius:14px;font-weight:700;font-size:17px;transition:all 0.3s;box-shadow:0 4px 20px rgba(0,168,168,0.3)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,168,168,0.4)}
.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:white;color:#0B1E47;text-decoration:none;border-radius:14px;font-weight:700;font-size:17px;border:2px solid #e2e8f0;transition:all 0.3s}
.btn-outline:hover{border-color:#00A8A8;color:#00A8A8}