/* Shared performance and navigation refinements. */
:root {
  --serif: Georgia, 'Times New Roman', serif;
  --sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}

.nav__in { position: relative; }
.brand { flex-shrink: 0; }
.brand span { white-space: nowrap; }
.nav__links a { white-space: nowrap; }

@media (min-width: 1081px) {
  .nav__links { gap: clamp(10px, 1.25vw, 18px) !important; }
  .nav__cta { padding-inline: 16px !important; }
}

@media (max-width: 1080px) {
  .nav__toggle { display: flex !important; }
  .nav__links {
    display: none !important;
    position: absolute !important;
    inset: 66px 0 auto 0 !important;
    z-index: 60;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 8px 0 14px !important;
    background: #0A1B2B !important;
    border-bottom: 1px solid rgba(201, 167, 102, .22);
  }
  .nav.is-open .nav__links { display: flex !important; }
  .nav__links a {
    padding: 13px clamp(20px, 5vw, 32px) !important;
    font-size: 16px !important;
  }
  .nav__cta {
    margin: 10px clamp(20px, 5vw, 32px) 4px !important;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .brand span { font-size: 17px !important; }
}


/* 3D roundel in the article/resource navigation */
svg.nav__mark {
  width: 36px !important; height: 36px !important;
  background: none !important; border: 0 !important; border-radius: 0 !important;
  display: block; flex: none;
  filter: drop-shadow(0 2px 3px rgba(2, 8, 16, .6)) drop-shadow(0 0 12px rgba(201, 164, 102, .16));
}
.mbm-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.brand svg.roundel, .nav__in > a > svg.roundel {
  display: block; flex: none;
  filter: drop-shadow(0 2px 3px rgba(2, 8, 16, .6)) drop-shadow(0 0 12px rgba(201, 164, 102, .16));
}
.nav__in > a > svg.roundel { width: 36px; height: 36px; }
.advisor-launch .advisor-launch__mark { width: 24px !important; height: 24px !important; }

/* Brass-plate primary buttons, matching the main site */
a.btn:not(.btn--ghost):not(.btn-ghost):not(.btn-light), .btn-primary {
  background: linear-gradient(180deg, #e9cf92 0%, #cfab6c 40%, #b48e4d 62%, #c9a466 100%) !important;
  color: #0c1826 !important;
  border: 1px solid #86662d !important;
  text-shadow: 0 1px 0 rgba(255, 246, 222, .45);
  box-shadow: inset 0 1px 0 rgba(255, 246, 222, .65), inset 0 -1px 0 rgba(58, 38, 8, .38), 0 1px 2px rgba(6, 16, 25, .28), 0 10px 20px -10px rgba(6, 16, 25, .55);
  text-decoration: none !important;
}
a.btn:not(.btn--ghost):not(.btn-ghost):not(.btn-light):hover, .btn-primary:hover {
  background: linear-gradient(180deg, #f2dca4 0%, #d9b676 40%, #bd9755 62%, #d2ad6d 100%) !important;
  color: #0c1826 !important;
}