#nav{position:sticky;top:0;z-index:900;background:#14141A;color:white;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;height:auto;gap:20px;font:15px/1.4 Arial,sans-serif;border-bottom:1px solid #34444C}#nav .nav-logo{color:white;text-decoration:none;font-weight:bold;white-space:nowrap}#nav .nav-logo span{color:#79D1D5}#nav .nav-links{display:flex;align-items:center;gap:22px;list-style:none;margin:0;padding:0}#nav .nav-links a{color:#D1DEE5;text-decoration:none;font-size:14px}#nav .nav-cta{display:inline-block;background:#226F83;color:white!important;border-radius:6px;padding:10px 14px;white-space:nowrap}.resource-next{max-width:820px;margin:40px auto;padding:28px;border:1px solid #627A87;border-radius:12px;font:16px/1.65 Arial,sans-serif}.resource-next h2{font-size:24px;margin:0 0 12px}.resource-next ul{padding-left:22px;margin:16px 0}.resource-next a{color:inherit;text-decoration:underline;text-underline-offset:3px}.resource-next .resource-action{display:inline-block;margin-top:16px;background:#226F83;color:white;padding:12px 18px;border-radius:8px;text-decoration:none}.resource-breadcrumbs{max-width:820px;margin:24px auto;padding:0 24px;font:14px/1.6 Arial,sans-serif}.resource-breadcrumbs a{color:inherit;text-decoration:underline}#nav a:focus-visible,.resource-next a:focus-visible{outline:3px solid #F29940;outline-offset:4px}@media(max-width:700px){#nav{padding:12px 16px;gap:10px}#nav .nav-links li:not(:last-child){display:none}.resource-next{margin:24px 16px;padding:22px}}
.funnel-table-scroll{max-width:100%;overflow-x:auto;margin:24px 0}.funnel-table-scroll:focus-visible{outline:3px solid #F29940;outline-offset:4px}footer nav{position:static;height:auto}
#nav .nav-cta{background:#226F83!important;color:#fff!important}

/* Let flex/grid content shrink around tables and calculators on small screens. */
.step-content,.field,.field-wrap{min-width:0}
@media(max-width:600px){.field input,.field select{min-width:0;max-width:100%}.step-content{overflow-wrap:anywhere}}

/* Keep the blog discoverable alongside the primary action on small screens. */
@media(max-width:1100px){
  #nav{flex-wrap:wrap;gap:8px;padding:12px 20px}
  #nav .nav-logo{flex-basis:100%}
  #nav .nav-links{display:flex;width:100%;gap:12px;justify-content:space-between;margin:0;padding:0}
  #nav .nav-links li{display:none}
  #nav .nav-links li.nav-blog,#nav .nav-links li:has(.nav-cta){display:block}
  #nav .nav-links a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
  #nav .nav-links .nav-blog a{font-size:14px;text-transform:none;letter-spacing:0}
}
