html { scroll-behavior: smooth; }
body {
  background: var(--xr-page);
  color: var(--xr-text);
  font-family: var(--xr-font-primary);
  font-size: var(--xr-font-size-base);
  line-height: 1.6;
}
.xr-container {
  width: min(100% - (var(--xr-container-padding) * 2), var(--xr-container));
  margin-inline: auto;
}
a { color: var(--xr-green); transition: color var(--xr-transition); }
a:hover, a:focus { color: var(--xr-green-hover); }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.screen-reader-text {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
[hidden] { display: none !important; }