.guide {
  max-width: 980px;
  padding-top: 64px;
  padding-bottom: 88px;
}
.guide h1 {
  font-size: clamp(42px, 6vw, 68px);
  line-height: 1.05;
  margin: 16px 0 20px;
}
.guide-lead {
  color: var(--muted);
  font-size: 18px;
  max-width: 680px;
}
.guide-notice {
  margin-top: 32px;
}
.guide-section {
  padding-top: 48px;
}
.guide-section h2 {
  font-size: clamp(26px, 3vw, 34px);
  margin: 10px 0 18px;
}
.guide-section p,
.guide-section li {
  color: var(--muted);
  line-height: 1.7;
}
.guide-section p + p {
  margin-top: 16px;
}
.guide-section ol {
  padding-left: 24px;
}
.guide-section li + li {
  margin-top: 10px;
}
.guide-section a {
  color: var(--action);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.guide-actions {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
  margin-top: 52px;
}
@media (max-width: 800px) {
  .guide {
    padding-top: 48px;
    padding-bottom: 60px;
  }
}