/**
 * reset.css — Base element resets — html/body/links/media defaults, box-sizing, typography baseline.
 *
 * Part of the KWL360 split stylesheet. Load order lives in
 * functions.php; responsive.css loads next-to-last so its rules
 * reliably win the cascade against every file before it.
 * @package KWL360
 */

/* -----------------------------------------------------------------------
   1. Reset & base
   -------------------------------------------------------------------- */
*, *::before, *::after{ box-sizing: border-box; }
html{ scroll-behavior: smooth; overflow-x: hidden; }
body{
	margin: 0;
	font-family: var(--kwl-font);
	color: var(--kwl-ink);
	background: var(--kwl-bg);
	font-size: 16px;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
	transition: background .3s var(--kwl-ease), color .3s var(--kwl-ease);
	overflow-x: hidden;
}
img{ max-width: 100%; height: auto; display: block; }
a{ color: inherit; text-decoration: none; }
ul, ol{ margin: 0; padding: 0; list-style: none; }
button{ font-family: inherit; cursor: pointer; background: none; border: none; color: inherit; }
input, textarea{ font-family: inherit; }
h1,h2,h3,h4,h5,h6{ margin: 0 0 .5em; font-weight: 800; line-height: 1.2; letter-spacing: -0.01em; }
p{ margin: 0 0 1em; color: var(--kwl-ink-soft); }
body{ top: 0 !important; }