.answers-shell { max-width: 48rem; }
.answer-article { padding: 2.5rem 0 1rem; }
.answer-article h1 { margin: 0 0 1.2rem; font-size: clamp(1.7rem, 4vw, 2.4rem); line-height: 1.15; }
.answer-article h2 { margin: 2.4rem 0 1rem; font-size: clamp(1.25rem, 3vw, 1.6rem); }
.answer-article p { margin: 0 0 1rem; font-size: 1rem; line-height: 1.65; color: var(--ink); }
.answer-article section[lang="zh-CN"] p { line-height: 1.85; }
.answer-article .faq details { padding: 0.9rem 0; border-bottom: 1px solid var(--line); }
.answer-article .faq summary { font-weight: 750; cursor: pointer; }
.answer-article .faq details p { margin: 0.7rem 0 0; color: var(--muted); font-size: 0.92rem; }
.answer-cta { margin: 2.4rem 0 1.5rem; }
.answer-links { display: flex; flex-wrap: wrap; gap: 0.75rem 1.5rem; padding-top: 1.5rem; border-top: 1px solid var(--line); }
.answer-links a { color: var(--blue); font-size: 0.88rem; font-weight: 700; text-decoration: none; }
.answer-links a:hover { text-decoration: underline; }

@media (max-width: 46rem) {
  .answers-shell > .topbar { grid-template-areas: "brand" "nav"; grid-template-columns: 1fr; padding-block: .35rem .55rem; }
  .answers-shell > .topbar .brand { grid-area: brand; }
  .answers-shell > .topbar .site-nav { grid-area: nav; display: flex; justify-self: stretch; justify-content: center; margin: 0; padding-top: .15rem; border-top: 1px solid var(--line); }
  .answer-article .faq summary, .answer-links a { display: flex; min-height: 2.75rem; align-items: center; }
}