html { scroll-padding-top: 86px; }
h1, .article-hero h1 { font-size: 54px; line-height: 1.12; letter-spacing: 0; }
.hero { background: #101b25; }
.hero-inner { min-height: 590px; padding-block: 65px; gap: 36px; }
.hero-copy { font-size: 21px; line-height: 1.55; }
.preview-top .status { white-space: normal; }
.section-heading h2, .workflow-intro h2 { font-size: 36px; line-height: 1.2; }
.article-hero-inner { padding-block: 42px; }
.article-hero h1 { max-width: 950px; }
.article-deck { font-size: 21px; }
.article-body h2 { font-size: 30px; line-height: 1.2; }
.article-body, .article-sidebar { min-width: 0; overflow-wrap: anywhere; }
.article-meta { flex-wrap: wrap; }
.topic-card { border-radius: 6px; }
.steps a { text-decoration: underline; }
@media(max-width:820px) {
  .hero-inner { display: block; }
  .product-preview { display: none; }
  .hero-inner > div:first-child { position: relative; z-index: 1; max-width: 620px; }
  .article-layout { grid-template-columns: 1fr; }
}
@media(max-width:600px) {
  h1, .article-hero h1 { font-size: 34px; line-height: 1.16; }
  .hero-inner { min-height: 474px; padding-block: 32px; }
  .hero-copy, .article-deck { font-size: 17px; line-height: 1.55; }
  .hero-facts { display: none; }
  .hero .eyebrow { font-size: 11px; }
  .actions { gap: 10px; }
  .button { min-height: 46px; }
  .section-heading h2, .workflow-intro h2, .article-body h2 { font-size: 28px; }
  .article-hero-inner { padding-block: 30px; }
  .article-meta { gap: 8px; font-size: 12px; }
}