/* Twemoji flag emoji — flags-only subset (Regional Indicator pairs U+1F1E6–U+1F1FF).
   Fixes Chrome on Windows which lacks flag glyphs in Segoe UI Emoji.
   Only activates for the Regional Indicator unicode block; all other text is unaffected.
   Font: Twemoji 16.0.1 SVG-COLR1, subset by fontTools. ~500 KB WOFF2.

   IMPORTANT: Only declared under explicit emoji font-family names ('Twemoji Flags'
   and 'Segoe UI Emoji'). Previously this was also declared under 'Segoe UI',
   'Courier New', 'sans-serif', and 'monospace' so it would be consulted regardless
   of font stack. However, Safari reads the emoji font's vertical metrics (huge
   ascender/descender) when computing line-height:normal for ANY element whose
   font-family includes an overridden name — even though unicode-range restricts
   rendering to flag codepoints only. This caused line boxes to inflate to ~250px
   for 13px text. Safari does not support ascent-override/descent-override/
   line-gap-override, so the only fix is to avoid overriding common font names.

   Pages that need flag emoji should add 'Twemoji Flags' to their font-family stack
   on the specific elements that display flags, or rely on the 'Segoe UI Emoji'
   override (which only affects elements explicitly using that font name).

   font-display: optional — prevents layout shift. The font is only used if already
   cached; on first load the system emoji font is used for flags, which is fine. */
@font-face {
    font-family: 'Twemoji Flags';
    font-style: normal;
    font-weight: 400;
    font-display: optional;
    src: url('webfonts/twemoji-flags.woff2') format('woff2');
    unicode-range: U+1F1E6-1F1FF;
}
@font-face {
    font-family: 'Segoe UI Emoji';
    font-style: normal;
    font-weight: 400;
    font-display: optional;
    src: url('webfonts/twemoji-flags.woff2') format('woff2');
    unicode-range: U+1F1E6-1F1FF;
}