.hook-health-page {
  max-width: 1160px;
}
.hook-read {
  margin: 0;
  gap: 12px;
}
.hook-read h2,
.hook-lane h2 {
  margin-top: 0;
}
.hook-read p {
  max-width: 80ch;
}
.hook-lanes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.hook-lane {
  min-width: 0;
  padding: 24px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface);
}
.hook-lane h2 {
  margin-bottom: 10px;
}
.hook-lane p,
.hook-lane li,
.hook-lane dd {
  overflow-wrap: anywhere;
}
.hook-configuration {
  font-weight: var(--kc-font-weight-title);
}
.hook-lane dl {
  margin: 20px 0;
}
.hook-lane dt {
  color: var(--ink);
  font-weight: var(--kc-font-weight-title);
  margin-top: 14px;
}
.hook-lane dd {
  margin: 4px 0 0;
}
.hook-lane h3 {
  margin-top: 24px;
}
.hook-lane ul {
  padding-left: 20px;
}
.hook-lane li + li {
  margin-top: 8px;
}
#read-hooks {
  min-height: 44px;
}
@media (max-width: 720px) {
  .hook-lanes {
    grid-template-columns: minmax(0, 1fr);
  }
  .hook-lane {
    padding: 20px;
  }
}

.hook-read p {
  margin: 0;
}