* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--canvas); }
body {
  min-width: 320px;
  margin: 0;
  color: var(--ink);
  background:
    radial-gradient(circle at 3% 14%, rgba(183, 201, 184, 0.26), transparent 22rem),
    radial-gradient(circle at 94% 18%, rgba(214, 229, 214, 0.58), transparent 27rem),
    var(--canvas);
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; font-size: 16px; }
button { cursor: pointer; }
h1, h2, h3, p { margin: 0; }
h1, h2, h3 { color: var(--forest); letter-spacing: -0.035em; line-height: 1.18; }
p { overflow-wrap: break-word; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
::selection { color: var(--forest); background: var(--moss-pale); }
.page-shell { width: min(calc(100% - 48px), var(--page-max)); margin-inline: auto; }
.skip-link {
  position: fixed;
  z-index: 100;
  top: 12px;
  left: 12px;
  padding: 10px 14px;
  color: white;
  background: var(--forest);
  border-radius: var(--radius-xs);
  transform: translateY(-180%);
}
.skip-link:focus { transform: translateY(0); }
.ambient {
  position: fixed;
  z-index: -1;
  width: 28rem;
  height: 28rem;
  border: 1px solid rgba(111, 139, 116, 0.12);
  border-radius: 50%;
  pointer-events: none;
}
.ambient--one { top: 23rem; left: -20rem; }
.ambient--two { top: -15rem; right: -14rem; width: 33rem; height: 33rem; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}