:root { --marketing-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, sans-serif; }
body { font-family: var(--marketing-font); font-synthesis: none; font-weight: 400; }
button, input, textarea, select { font-family: inherit; }
h1, h2, h3, h4 { font-family: var(--marketing-font); font-weight: 560; letter-spacing: 0; text-wrap: balance; }
body .eyebrow { font-size: 13px; font-weight: 550; letter-spacing: 0; text-transform: none; color: #526d5c; }
body .brand strong { font-size: 22px; font-weight: 620; }
.site-nav nav { font-weight: 400; }
.site-nav .nav-action, .primary-action, .secondary-action { font-weight: 600; }
.help-hero h1, .seo-hero h1, .article-hero h1 { font-size: 58px; line-height: 1.1; color: #242b27; }
.help-tutorial-heading h2, .idea-gallery-heading h2 { font-size: 42px; line-height: 1.15; color: #242b27; }
.help-mode-tabs strong, .help-tutorial-copy strong { font-weight: 560; }
.help-mode-tabs span, .help-tutorial-meta { font-weight: 500; }
.help-popular span, .help-popular button, .help-expand-button, .help-category-list button,
.help-demo-link, .idea-moment-bar button, .help-tutorial-body li::before { font-weight: 600; }
.help-tutorial-copy small, .help-example span, .help-tip strong, .idea-moment-bar > span {
  font-weight: 550; letter-spacing: 0; text-transform: none; font-size: 11px;
}
.help-example p, .idea-moment-copy blockquote { font-weight: 500; }
@media (max-width: 700px) {
  body .brand strong { font-size: 20px; }
  .help-hero h1, .seo-hero h1, .article-hero h1 { font-size: 40px; }
  .help-tutorial-heading h2, .idea-gallery-heading h2 { font-size: 32px; }
}