.hackathon-page .hack-hero__status {
  letter-spacing: .06em;
  line-height: 1.7;
}

.hackathon-page #register-title {
  max-width: none;
  font-size: clamp(2rem, 4.8vw, 4.5rem);
  letter-spacing: -.045em;
  line-height: 1.2;
}

.hackathon-page #register-title > span {
  display: block;
  white-space: nowrap;
}

.hackathon-page .hack-starter-lead {
  max-width: 650px;
  margin: 30px 0 0;
  color: var(--hack-muted);
  font-size: 1rem;
  line-height: 1.9;
}

.starter-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px 24px;
  margin: 30px 0 0;
}

.starter-actions > span {
  color: var(--hack-muted);
  font-size: .8rem;
  line-height: 1.75;
}

.starter-details {
  margin-top: 44px;
  border: 1px solid var(--hack-line);
  border-radius: 14px;
  background: var(--hack-panel);
}

.starter-details > summary {
  min-height: 64px;
  padding: 22px 28px;
  color: var(--hack-gold);
  font-size: .95rem;
  font-weight: 650;
  line-height: 1.6;
  cursor: pointer;
}

.starter-details > summary:focus-visible {
  outline: 3px solid var(--hack-gold);
  outline-offset: 4px;
  border-radius: 10px;
}

.starter-document {
  max-width: 860px;
  padding: 8px 36px 38px;
  color: var(--hack-cream);
  font-size: .98rem;
  line-height: 1.9;
  overflow-wrap: anywhere;
}

.starter-document h3,
.starter-document h4,
.starter-document h5 {
  line-height: 1.5;
  letter-spacing: -.015em;
}

.starter-document h3 { margin: 0 0 20px; font-size: 1.5rem; }
.starter-document h4 { margin: 38px 0 14px; padding-top: 26px; border-top: 1px solid var(--hack-line); font-size: 1.22rem; }
.starter-document h5 { margin: 28px 0 12px; color: var(--hack-gold); font-size: 1.05rem; }
.starter-document p { margin: 12px 0; color: var(--hack-muted); }
.starter-document ul { margin: 14px 0 22px; padding-left: 1.3em; }
.starter-document li { padding-left: .15em; margin: 9px 0; }
.starter-document li::marker { color: var(--hack-gold); }

@media (max-width: 620px) {
  .hackathon-page #register-title { font-size: clamp(1.75rem, 7.4vw, 2.75rem); }
  .starter-details > summary { padding: 18px; font-size: .88rem; }
  .starter-document { padding: 8px 20px 26px; font-size: .9rem; }
  .starter-document h3 { font-size: 1.3rem; }
  .starter-document h4 { font-size: 1.12rem; }
  .starter-actions .hack-button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .starter-actions .hack-button:hover { transform: none; }
}