.skills-model-site {
  color: var(--skills-color-ink);
  font-family: var(--skills-font-body);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.skills-model-site *,
.skills-model-site *::before,
.skills-model-site *::after {
  box-sizing: border-box;
}

.skills-model-site img,
.skills-model-site svg,
.skills-model-site video {
  height: auto;
  max-width: 100%;
}

.skills-model-site :where(a, button, input, textarea, select):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--skills-color-primary) 70%, white);
  outline-offset: 3px;
}

.skills-model-container {
  margin-inline: auto;
  max-width: calc(var(--skills-container) + (var(--skills-gutter) * 2));
  padding-inline: var(--skills-gutter);
  width: 100%;
}

.skills-model-section {
  padding-block: var(--skills-section-space);
}

.skills-model-site .screen-reader-text:focus {
  background: var(--skills-color-white);
  color: var(--skills-color-ink);
  display: block;
  inset-block-start: 8px;
  inset-inline-start: 8px;
  padding: 12px 16px;
  position: fixed;
  z-index: 100000;
}