.home-page .intro { padding: clamp(2.5rem, 5vw, 4rem) 1.5rem; }
.home-page h1 { text-wrap: balance; }
.home-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem 1.5rem; margin-top: 1.5rem; }
.home-actions > .button { font-size: .75rem; }
.home-actions > a:not(.button) { padding-block: .6rem; }
.quick-start h2 { margin-top: 0; }
.quick-start ol { max-width: 68ch; padding-left: 1.5rem; margin: 1.5rem 0; }
.quick-start li { padding-left: .5rem; margin-top: 1.25rem; }
.quick-start li::marker { color: #ffe17b; font-weight: 700; }
.quick-start h3 { margin: 0 0 .35rem; color: #bdeaff; font: 700 1.2rem/1.3 'Chakra Petch', Inter, sans-serif; }
.quick-start li p { margin: 0; }
.home-help { max-width: 68ch; margin: 1.75rem 0 0; color: #a9c8da; }
.home-page :focus-visible { outline: 3px solid #ffe17b; outline-offset: 4px; }
@media (max-width: 42rem) {
  .home-page .intro { padding: 2rem .5rem; }
}