/* Inline SVG icons — replaces Material Symbols Rounded font (~5MB WOFF2) */

.icon {
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    fill: currentColor;
    line-height: 1;
}

.icon--16, .icon.ms-16 { width: 16px; height: 16px; }
.icon--18, .icon.ms-18 { width: 18px; height: 18px; }
.icon--24, .icon.ms-24 { width: 24px; height: 24px; }
.icon--32, .icon.ms-32 { width: 32px; height: 32px; }
.icon--40, .icon.ms-40 { width: 40px; height: 40px; }
.icon--48, .icon.ms-48 { width: 48px; height: 48px; }

/* Colorful nav icon palette (from former material-symbols-rounded.css) */
.icon-color-home { color: #0F4C81; }
.icon-color-products { color: #00A8E8; }
.icon-color-solutions { color: #8B5CF6; }
.icon-color-articles { color: #F59E0B; }
.icon-color-about { color: #16A34A; }
.icon-color-contact { color: #EF4444; }