/* Navigation and full-pricing page, matching the retained site palette and type. */
.site-nav { flex-wrap: wrap; justify-content: center; gap: 0 20px; }
.site-nav a { padding: 12px 0; white-space: nowrap; }
.menu-toggle { display: none; align-items: center; justify-content: center; width: 44px; height: 44px; flex-shrink: 0; padding: 0; border: 1px solid var(--line); border-radius: 50%; background: transparent; color: var(--ink); cursor: pointer; }
.menu-toggle .icon { width: 20px; height: 20px; }
.menu-toggle:hover { background: var(--sand); }
.menu-toggle[aria-expanded="true"] { background: var(--pine); color: var(--on-pine); }
.faq-resources { display: flex; flex-direction: column; gap: 14px; margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--line); }
.faq-resources .textlink { line-height: 1.5; }
.pricing-page { padding-bottom: 0; }
.pricing-page main { display: contents; }
.pricing-page .header { flex-shrink: 0; }
.pricing-page [id] { scroll-margin-top: var(--header-h); }
@media (max-width: 1080px) {
  .menu-toggle { display: inline-flex; }
  .site-nav { display: none; position: absolute; top: 100%; left: 0; right: 0; padding: 16px var(--gutter) 24px; background: var(--paper); border-bottom: 1px solid var(--line); box-shadow: 0 16px 28px -22px rgba(38,37,35,.45); }
  .site-nav.is-open { display: flex; flex-direction: column; align-items: flex-start; gap: 0; }
  .site-nav a { width: 100%; padding: 12px 0; }
  .header__bar > .btn { margin-left: auto; }
}
@media (max-width: 560px) {
  .pricing-page #calc > [aria-live] > div { flex-wrap: wrap; }
  .pricing-page #calc > [aria-live] > div > span { max-width: 100%; }
}