/* Scoped additions for the Signage topic pages. */
.sg-growth .sg-hero { padding-top: 132px; }
.sg-growth .sg-hero .signage-hero-image { object-position: center 40%; }
.sg-growth .sg-hero h1 { max-width: 820px; font-size: 36px; }
.sg-growth .sg-hero .signage-hero-band { padding-block: 24px; }
.sg-growth .signage-hero-band { background: rgba(26,39,62,.95); }
.sg-growth .sg-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding-block: 16px; font-size: 13px; }
.sg-growth .sg-breadcrumb a { text-underline-offset: 3px; }
.sg-growth .sg-options h3:not(:first-child) { margin-top: 24px; }
.sg-growth .sg-reading { width: min(850px, calc(100% - 40px)); margin-inline: auto; }
.sg-growth .sg-article-section { padding-block: 28px; border-bottom: 1px solid #dce2e9; }
.sg-growth .sg-article-section p { line-height: 1.7; }
.sg-growth .sg-article-section a:not(.button) { text-decoration: underline; text-underline-offset: 3px; }
.sg-growth .sg-article-meta { margin: 0; font-size: 14px; color: #dfe9f4; }
.sg-growth .sg-comparison { display: grid; gap: 22px; }
.sg-growth .sg-comparison > section { padding-left: 20px; border-left: 3px solid #278175; }
.sg-growth .sg-comparison > section:nth-child(2) { border-color: #d27932; }
.sg-growth .sg-comparison > section:nth-child(3) { border-color: #104cba; }
.sg-growth .sg-comparison p:last-child { margin-bottom: 0; }
.sg-growth .sg-checklist { padding-left: 24px; margin-block: 16px 22px; }
.sg-growth .sg-checklist li { padding-left: 4px; margin-bottom: 14px; line-height: 1.6; }
.sg-growth .sg-article-contact { margin-bottom: 30px; }
@media (max-width: 760px) {
  .sg-growth .topbar { display: none; }
  .sg-growth .sg-hero { padding-top: 100px; }
  .sg-growth .sg-hero h1 { font-size: 28px; }
  .sg-growth .sg-hero .signage-hero-band { padding-block: 20px; }
  .sg-growth .sg-reading { width: calc(100% - 28px); }
  .sg-growth .sg-article-section { padding-block: 22px; }
  .sg-growth .sg-article-section h2 { font-size: 24px; }
  .sg-growth .sg-breadcrumb { padding-block: 12px; }
}
@media (max-width: 360px) {
  .sg-growth .sg-hero { padding-top: 72px; }
  .sg-growth .sg-hero h1 { font-size: 26px; }
  .sg-growth .sg-hero .signage-hero-band { padding-block: 17px; }
}
