/* Shared rounded line icons for the site. */
.pm-icon{display:inline-block;width:18px;height:18px;flex-shrink:0;vertical-align:-3px;color:currentColor}
.nav-icon .pm-icon,.section-title .pm-icon,.sidebar-card-title .pm-icon,.sb-rk-title .pm-icon{color:var(--text2)}
.nav-item:hover .pm-icon,.nav-item.active .pm-icon{color:var(--brand)}
.mega-item-icon .pm-icon{width:22px;height:22px}
.hp-feat-meta .pm-icon,.sb-rk-stat .pm-icon,.footer-link .pm-icon{width:15px;height:15px;vertical-align:-2px}
.footer-cta-badge .pm-icon{width:28px;height:28px}
#themeIcon,#drawer-theme-icon{display:inline-flex;align-items:center;justify-content:center}
.header-actions button>svg,.header-actions a>svg,#mobile-search-group button>svg,.search-icon,.nav-left>.nav-item>svg{stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.drawer-link>.pm-icon,.footer-link>.pm-icon{margin-right:6px}
/* One alignment rule for UI icons; platform brand marks keep their own artwork. */
.nav-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}
.nav-icon .pm-icon{width:18px;height:18px;vertical-align:0}
.footer-links .footer-link{display:flex;align-items:center;gap:8px}
.footer-links .footer-link>.pm-icon{width:18px;height:18px;min-width:18px;margin:0;vertical-align:0}
h1>.pm-icon,h2>.pm-icon,.page-header-icon>.pm-icon,.cat-hero-icon>.pm-icon{width:1em;height:1em;vertical-align:-.12em}
.cat-nav-icon,.hs-icon,.faq-search-icon{display:inline-flex;align-items:center;justify-content:center}
.page-header-icon>.pm-icon,.hero-icon>.pm-icon{width:28px;height:28px}
.cat-nav-icon>.pm-icon,.cc-icon>.pm-icon,.type-icon>.pm-icon{width:22px;height:22px}

.faq-search-icon,.hs-icon{color:var(--text3)}
/* Decorative icons retain contrast on light, dark and permanently dark panels. */
:root{--icon-accent:#047857}
[data-theme="dark"]{--icon-accent:#6ee7b7}
.nav-icon .pm-icon,.section-title .pm-icon,.sidebar-card-title .pm-icon,.sb-rk-title .pm-icon,.footer-links .pm-icon,.cat-nav-icon .pm-icon,.type-icon .pm-icon,.mega-item-icon .pm-icon{color:var(--icon-accent)}
.page-header-icon .pm-icon{color:#fff}
.contact-section .cc-icon .pm-icon{color:#6ee7b7;width:28px;height:28px}
.contact-section .cc-time{color:#6ee7b7}
.contact-section .cc-desc{color:rgba(255,255,255,.72)}

/* One monochrome platform set, including dynamically loaded project cards. */
.pm-platform-icon.pm-icon{width:18px!important;height:18px!important;min-width:18px;object-fit:contain;vertical-align:-3px;color:var(--icon-accent);stroke-width:1.8}
.hp-feat-os .pm-platform-icon.pm-icon{width:16px!important;height:16px!important;min-width:16px}
.hp-os-pill.active .pm-platform-icon,.filter-pill.active .pm-platform-icon,.os-btn.active .pm-platform-icon{color:inherit}

/* Consistent accent for decorative icons across contact, support and utility cards. */
.channel-icon .pm-icon,.info-icon .pm-icon,.form-title .pm-icon,.card-title .pm-icon,.icon-btn .pm-icon,.trust-icon .pm-icon,.feature-icon .pm-icon,.stat-icon .pm-icon,.ai-icon .pm-icon,.tool-icon .pm-icon{color:var(--icon-accent)}
.channel-icon .pm-icon{width:24px;height:24px}
[data-theme="dark"] .icon-btn .pm-icon{color:#6ee7b7}
:where([class$="-icon"],[class*="-icon "],.icon)>.pm-icon{color:var(--icon-accent)}