/* Keep direct answers and the first action ahead of the long article contents. */
.content-article:has(.seo-answer) .article-hero h1 { max-width: 22ch; font-size: clamp(32px, 4.5vw, 60px); }
.content-article:has(.seo-answer) .breadcrumbs { margin-bottom: 32px; }
.content-article:has(.seo-answer) .article-dek { line-height: 1.5; }
.seo-answer {
  max-width: 760px;
  margin-top: 24px;
  padding: 22px;
  border: 1px solid var(--hairline);
  border-radius: 20px;
  background: rgba(10, 13, 23, .78);
}
.seo-answer p { margin: 12px 0 18px; color: var(--muted); }
.seo-answer .primary-action { white-space: normal; text-align: center; }
.seo-answer .seo-privacy { margin-bottom: 0; font-size: 14px; }
.seo-answer a:not(.primary-action) { color: var(--gold); text-decoration: underline; }
@media (max-width: 980px) {
  /* Do not place the full contents list before the practical instructions. */
  .content-article:has(.seo-answer) .article-sidebar { order: 2; }
}
@media (max-width: 560px) {
  .content-article:has(.seo-answer) .article-hero h1 { max-width: 19ch; font-size: clamp(32px, 8vw, 42px); }
  .content-article:has(.seo-answer) .article-dek { margin-top: 18px; font-size: 18px; }
  .seo-answer { padding: 18px; }
  .seo-answer .primary-action { display: flex; min-height: 44px; }
}
