* {box-sizing:border-box; padding:0; margin:0;}
html {scroll-behavior:smooth; scroll-padding-top:240px;}
body {font-family:var(--ff-default); background:var(--clr-primary-700); 
  font-optical-sizing:auto; font-style:normal; font-weight:var(--fw-regular); 
  line-height:var(--lh-regular); font-size:var(--fs-base); color: var(--clr-neutral-700);}

main {background:var(--clr-primary-200);}

a {transition:color 0.3s ease-out; text-decoration:none; color: var(--clr-primary-400);}
a:hover {text-decoration:none; color: var(--clr-primary-900);}
a[href^="tel"] {white-space:nowrap;}

main a {font-weight:var(--fw-bold);}
main ul li::marker {color: var(--clr-primary-400);}

h1,h2,h3,h4,h5,h6 {line-height:var(--lh-regular); margin:0 0 1.5rem 0;}
p {margin:0 0 1.5rem 0;}
ul,ol {margin:0 0 1.5rem 0; margin-inline-start:1rem; text-align:start;}
strong {font-weight:var(--fw-bold);}
button {cursor: pointer;}

img,
picture,
svg {max-width:100%; height:auto; display:block;}
iframe {border:0; width:100%;}


@media (prefers-reduced-motion:reduce) {
  /* Remove animations & transitions */
  html {scroll-behavior:auto;}
  *,
  *::before,
  *::after {
    animation-duration:0.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:0.01ms !important;
    scroll-behavior:auto !important;
  }
}