*, *::before, *::after { box-sizing: border-box; }
html { scroll-padding-top: 5rem; }
body {
  margin: 0;
  background: var(--color-bg-base) !important;
  background-image: none !important;
  color: var(--color-text-main);
  font: 400 1.0625rem/1.65 var(--font-sans) !important;
  overflow-wrap: anywhere;
}
body a { color: var(--color-accent); text-decoration-thickness: .08em; text-underline-offset: .18em; }
body a:hover { color: var(--color-accent-hover); }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, [tabindex]:focus-visible {
  outline: 3px solid #f0a93b !important; outline-offset: 3px;
}
img { max-width: 100%; height: auto; }
