.ahq-page {
  --ahq-surface: #1f1244;
  --ahq-surface-2: #2c1d63;
  --ahq-text-on-dark: #ffffff;
}

.ahq-page__hero {
  padding: clamp(1.2rem, 3vw, 2.4rem) 0;
  background: linear-gradient(135deg, var(--ahq-surface), var(--ahq-surface-2));
  color: var(--ahq-text-on-dark);
}

.ahq-page__hero h1,
.ahq-page__hero p {
  margin: 0;
  overflow-wrap: anywhere;
}

.ahq-page__hero p {
  margin-top: 0.5rem;
  max-width: 72ch;
  opacity: 0.94;
}

.ahq-page__content {
  padding: clamp(1rem, 2.4vw, 1.8rem) 0;
}

.ahq-page__content .anime-container > * {
  max-width: 80ch;
}

.ahq-page__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 0.75rem;
}

.ahq-page__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  border-radius: 0.7rem;
  padding: 0.62rem 0.95rem;
  text-decoration: none;
  font-weight: 700;
  background: #ffffff;
  color: #261150;
}

.ahq-page__split {
  display: grid;
  gap: 1rem;
}

@media (min-width: 992px) {
  .ahq-page__split {
    grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
    align-items: start;
  }
}