*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; text-size-adjust: 100%; }
body { margin: 0; min-width: 320px; background: var(--color-bg); color: var(--color-text); font-family: var(--font-sans); font-size: 16px; line-height: 1.8; }
h1, h2, h3, h4, h5, h6, p, figure, blockquote, ul, ol { margin: 0; }
h1, h2, h3, h4, h5, h6 { color: var(--color-text); font-weight: 700; line-height: 1.35; }
ul, ol { padding: 0; list-style: none; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { color: inherit; font: inherit; }
button { cursor: pointer; }
img { display: block; max-width: 100%; height: auto; }
table { border-collapse: collapse; border-spacing: 0; }
textarea { resize: vertical; }
:focus-visible { outline: none; box-shadow: var(--focus-ring); }