html {
  text-rendering: optimizeLegibility;
}

body {
  min-width: 320px;
}

::selection {
  color: #ffffff;
  background: #0287b7;
}

.focus-ring:focus-visible {
  outline: 3px solid rgba(6, 169, 216, 0.35);
  outline-offset: 3px;
}

.section-shell {
  width: min(100% - 2.5rem, 80rem);
  margin-inline: auto;
}

.image-grid-pattern {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.72) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.72) 1px, transparent 1px);
  background-size: 24px 24px;
}