/* ==========================================================================
   Overview (/index.html)
   ========================================================================== */

.overview {
  max-width: 880px;
  margin: 0 auto;
  padding: 48px 24px;
  font: 16px/1.5 var(--w-sans);
}

.overview__title {
  margin-bottom: 8px;
  font: 300 48px/1.1 var(--w-sans);
  letter-spacing: -.03em;
}

.overview__intro {
  color: var(--w-text-2);
}

.overview__intro code {
  font: 14px var(--w-mono);
  color: var(--w-text);
}

.overview__group {
  margin: 40px 0 12px;
  font: 500 12px var(--w-mono);
  letter-spacing: .08em;
  color: var(--w-text-3);
}

.overview__list {
  border-top: 1px solid var(--w-line-2);
}

.overview__list li {
  border-bottom: 1px solid var(--w-line);
}

.overview__list a {
  display: flex;
  gap: 16px;
  padding: 12px 0;
  color: var(--w-text);
}

.overview__list a:hover {
  color: var(--w-action-hover);
}

.overview__list span {
  flex: none;
  width: 48px;
  font: 12px var(--w-mono);
  color: var(--w-text-3);
}