/* Shared body typography and Bootstrap Icons display rules.
   All regular content uses the same font as the homepage hero description;
   true headings retain the existing hero-slogan serif font. */
:root { --font-body: Arial, Helvetica, sans-serif; --font-heading: Georgia, 'Times New Roman', serif; }
body, button, input, select, textarea, optgroup { font-family: var(--font-body); }
.hero-description, p, li, label, .navbar .nav-link, .navbar .button-small,
.account-feature-list span, .contact-submit-row .button, .claim-phone, .claim-or {
  font-family: var(--font-body);
}
h1, h2, h3, h4, h5, h6, .hero-slogan, .footer-heading { font-family: var(--font-heading); }
/* Do not allow a global font-family override to replace the icon font. */
.bi { display: inline-block; vertical-align: -.095em; line-height: 1; font-size: 1em; flex-shrink: 0; }
.menu-icon.bi { font-size: 1.65rem; vertical-align: middle; }
.button > .bi, .btn > .bi, .account-back > .bi, .account-signout > .bi { margin-inline-start: .2em; }
.account-back > .bi { margin-inline: 0 .25em; }
.account-portal-nav a > .bi { width: 22px; color: var(--copper); text-align: center; font-size: 1.1rem; }
.account-overview-icon .bi, .account-access-icon .bi, .account-empty .bi { font-size: inherit; }
.account-verification-icon .bi, .verify-mark .bi { font-size: inherit; }
.footer-social-link > .bi { font-size: .8rem; opacity: .8; }
.sale-ribbon i.bi { font-size: .8rem; }
@media (max-width: 767px) { .hero .hero-description { font-family: var(--font-body); } }