/* Self-hosted Material Symbols subset (41 glyphs, weight 300). Regenerate with scripts/build-icon-subset.sh.
   The @font-face rule is printed inline by Icons::enqueue() (PHP), not here, so its url() can carry a cache-busted query string.
   The glyph is gradient text: teal on light; mint on a dark band (the dark-band selectors below). */
.icon { flex: none; display: inline-block; width: 1em; overflow: hidden; font-family: "Material Symbols Outlined"; font-weight: 400; font-style: normal; font-size: 1.5rem; line-height: 1; white-space: nowrap; letter-spacing: normal; text-transform: none; font-feature-settings: "liga", "rlig"; font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 48; user-select: none; background-image: linear-gradient(135deg, var(--teal-deep), var(--teal-bright)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.band-dark .icon, .is-dark .icon { background-image: linear-gradient(135deg, var(--mint), #E8FFFD); }
.btn .icon { font-size: 1.15rem; background: none; color: inherit; -webkit-text-fill-color: currentColor; }
@media (forced-colors: active) { .icon { background: none; color: CanvasText; -webkit-text-fill-color: CanvasText; } }
.icon-lg { font-size: 3rem; }