.topic-page { letter-spacing: 0; }
.topic-page figure { margin: 0; }
.topic-page figcaption { padding: 0 8px 20px; color: #646464; font-size: 14px; }
.topic-page .article-body section { margin: 36px 0; scroll-margin-top: 100px; }
.topic-page .topic-table-wrap { overflow-x: auto; margin: 24px 0; }
.topic-page table { width: 100%; border-collapse: collapse; min-width: 540px; font-size: 15px; }
.topic-page th, .topic-page td { padding: 14px; border: 1px solid #ddd; text-align: left; vertical-align: top; }
.topic-page thead th { background: #f5f5f5; }
.topic-page tbody th { width: 22%; }
.topic-page .hero-buttons { flex-wrap: wrap; align-items: center; }
.topic-page #topic-copy-status { min-height: 28px; }
.topic-page a { overflow-wrap: anywhere; }
@media (max-width: 600px) {
  .topic-page .article-header h1 { font-size: 32px; line-height: 1.3; }
  .topic-page .article-body h2 { font-size: 24px; }
  .topic-page .hero-buttons > * { max-width: 100%; white-space: normal; }
}