/* High Sierra / Safari 11–13: cabeçalho e home sem flex-gap nem min()/inset */
@supports not (inset: 0) {
  .container {
    margin: auto;
    max-width: 1160px;
    width: 96%;
  }

  .site-header .container.nav-wrap {
    max-width: 1320px;
    width: 98%;
  }

  .hero h1,
  .section-heading h2,
  .page-hero h1,
  .cta h2,
  .course-content h1 {
    font-size: 32px;
    letter-spacing: -0.02em;
    line-height: 1.2;
    word-spacing: 0.04em;
  }

  .site-header {
    -webkit-backdrop-filter: blur(14px);
  }

  .site-header .nav-wrap > .brand-logo { margin-right: 10px; }
  .site-header .main-nav > a { margin: 0 1px; }
  .site-header .nav-actions > * { margin-left: 6px; }

  .hero-actions > *,
  .market-ticker > *,
  .chart-bottom > *,
  .dashboard-actions > *,
  .lesson-actions > * {
    margin: 0 12px 12px 0;
  }

  .tool { margin-bottom: 12px; }
  .tool > b { margin-right: 16px; }

  .chart svg,
  .smc-chart svg {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
  }

  .cta-box { display: block; }
  .cta-box .button { margin-top: 18px; }

  @media (max-width: 960px) {
    .site-header .main-nav.is-open > a {
      display: block;
      margin: 4px 0;
    }
  }
}