html {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  margin: 0;
  background: var(--arden-color-background);
  color: var(--arden-color-text);
  font-family: var(--arden-font-body);
  font-size: var(--arden-font-size-body);
  line-height: 1.65;
  text-rendering: optimizeLegibility;
}

body {
  --arden-layout-gutter: clamp(16px, 4vw, 32px);
  --arden-layout-narrow: 820px;
}

body.arden-layout-narrow {
  --arden-layout-container: var(--arden-layout-narrow);
  --arden-layout-content: var(--arden-layout-narrow);
  --wp--style--global--content-size: var(--arden-layout-narrow);
  --wp--style--global--wide-size: var(--arden-layout-narrow);
}

body.arden-layout-unboxed {
  --arden-layout-container: 100%;
  --arden-layout-content: 100%;
  --wp--style--global--content-size: 100%;
  --wp--style--global--wide-size: 100%;
}

img,
svg,
video {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: var(--arden-color-primary);
  text-decoration: none;
  text-underline-offset: 0.18em;
}

a:hover,
a:focus-visible {
  color: color-mix(in srgb, var(--arden-color-primary) 78%, var(--arden-color-text));
  text-decoration: none;
}

:where(h1, h2, h3, h4, h5, h6) {
  color: var(--arden-color-text);
  font-family: var(--arden-font-heading);
  line-height: 1.16;
  margin-block: 0 var(--arden-space-md);
  overflow-wrap: anywhere;
}

:where(p, ul, ol, dl, figure) {
  margin-block: 0 var(--arden-space-md);
}

:where(input, textarea, select, button) {
  font: inherit;
}

.arden-main {
  padding-block: var(--arden-space-section-y);
}

body.arden-layout-no-main-padding .arden-main,
body.arden-vertical-padding-none .arden-main {
  padding-block: 0;
}

body.arden-site-header-hide .arden-site-header,
body.arden-site-footer-hide .arden-site-footer {
  display: none;
}

.arden-main > * + * {
  margin-block-start: var(--arden-space-lg);
}