/* Animails 3.0 canonical icon system.
 * Library: Phosphor Icons, Regular weight only.
 * UI glyphs use currentColor. Custom SVG/image assets are reserved for logos,
 * illustrations and data visualisations, never interface icons.
 */

:where(.ph){
  display:inline-block;
  flex:0 0 auto;
  line-height:1;
  vertical-align:-.125em;
}

/* Shared shell */
.animails-site-header .chip-contact .ph{color:var(--animails-shell-purple);font-size:14px}
.animails-site-footer .social .ph{font-size:18px}

/* Service-page visual icons */
.a3-ma-node__icon .ph{color:#150826;font-size:16px}
.a3-ma-decision .ph{color:#fff;font-size:20px;transform:rotate(-45deg)}
.a3-ma-visual__note-icon .ph{color:#150826;font-size:18px}
.a3-ma-scenario-card__icon .ph{color:#150826;font-size:20px}
.a3-scope-feature__icon .ph{color:#c6f135;font-size:22px}
.a3-service-visual__chart.ph{color:#150826;font-size:20px}

/* Reusable service architecture on the homepage. */
.animails-service-row__arrow .ph{font-size:24px}
.animails-service-icon .ph{font-size:18px}
.animails-tag-icon .ph{font-size:11px}
.animails-service-tags>a>.ph{font-size:11px}

/* Temporary Netlify homepage mirror – selectors are ready for the native
 * Phosphor markup as that mirror is retired. */
.bento-mark .ph{color:var(--purple);font-size:20px}
.bento-tile.big .bento-mark .ph{color:var(--navy);font-size:23px}
.contact-method .ph{font-size:20px}
.arw .ph{font-size:.9em;vertical-align:-.08em}

/* Blog/archive metadata. Remove the legacy unicode clock and let the global
 * normalizer insert the canonical Phosphor glyph instead. */
.a3-blog-card-date::before{content:none!important}
.a3-blog-card-date>.ph,
.a3-article-meta__item>.ph,
.a3-card-meta__item>.ph,
.a3-related-card__meta>span>.ph{font-size:14px;vertical-align:-.1em}
.a3-blog-card-date>.ph{margin-right:8px}