/* Only decorative icon dimensions/colors. Existing text and control styles stay intact. */
:root body .site-icon{display:inline-flex;position:relative;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;margin:0 7px 0 0;padding:0;border:0;border-radius:0;background:transparent;color:var(--icon-color);line-height:1;font-size:0;vertical-align:-3px;pointer-events:none;box-sizing:content-box}
:root body .site-icon>svg{display:block;position:static;flex:none;width:18px;height:18px;opacity:1;overflow:visible;color:inherit}
:root body .site-icon.site-icon-heading{width:24px;height:24px;flex-basis:24px;vertical-align:-4px;margin-right:7px}
:root body .site-icon.site-icon-heading>svg{width:24px;height:24px}
:root body .site-icon.site-icon-circle{padding:3px;border-radius:50%;background:#fff;color:var(--icon-color)}
:root body .site-icon.site-icon-circle.site-icon-heading{padding:2px}
:root body .task .site-icon.site-icon-heading{vertical-align:-5px}
:root body .icon-action>.site-icon{margin-right:7px}
:root body .icon-action.icon-tight{padding-left:2px!important;padding-right:2px!important}
:root body .section-tabs .icon-action{padding-left:2px!important;padding-right:2px!important}
:root body .nav a.icon-action{display:flex;align-items:center;gap:4px}
:root body .nav a.icon-action>.site-icon{margin-right:0;padding:2px}
:root body .menu.icon-action{flex-direction:column;align-items:center;justify-content:center;gap:1px}
:root body .menu.icon-action>.site-icon{margin:0;padding:1px}
:root body .document-page-links .btn.icon-action{padding-left:0!important;padding-right:0!important}
:root body .document-page-links .btn.icon-action>.site-icon{padding:0;margin-right:0}
:root body .icon-info-line{display:inline;position:relative}
:root body .icon-info-line>.site-icon{vertical-align:-3px}
/* Use the existing phone gutters for long section headings, keeping their original line count. */
@media(max-width:400px){:root body .icon-room-heading{margin-left:-16px;margin-right:-16px;width:calc(100% + 32px)}}
/* Distinct accents for the neighboring homepage meeting controls and card. */
:root body .home-meetings h2>.site-icon{--icon-color:#1e88e5!important}
:root body .home-meetings [data-add-calendar]>.site-icon{--icon-color:#8e24aa!important}
:root body .home-meetings .columns>div>a.btn>.site-icon{--icon-color:#43a047!important}
:root body .home-meetings aside h2>.site-icon{--icon-color:#2462d0!important}
:root body .home-meetings aside>a.btn>.site-icon{--icon-color:#d81b60!important}
:root body .home-meetings h2.icon-room-heading{margin-left:0;margin-right:0;width:auto}
@media(max-width:400px){:root body .home-meetings h2.icon-room-heading{font-size:26px}}

/* Address links retain their existing text, spacing, colors and map pins. */
:root body a.address-directions{color:inherit;text-decoration-line:underline;text-decoration-thickness:1px;text-decoration-color:currentColor;text-underline-offset:.18em;text-decoration-skip-ink:auto}
:root body a.address-directions:hover,:root body a.address-directions:focus-visible{ text-decoration-thickness:2px }

/* Requested blue icons, scoped to these two directory contexts. */
#nav a[href*="directory"]>.site-icon,.directory-category[data-directory-category="Banking"] h3>.site-icon{--icon-color:#2462d0!important;--icon-light:#2462d0!important}
:root body .btn>.site-icon[data-icon="globe"],:root body .directory-external>.site-icon{color:#fff!important;--icon-color:#fff!important;--icon-light:#fff!important;background:transparent;padding:0}