/* ============================================================================
   Material Symbols Rounded — **자체 호스팅** (2026-09-24 작업자 지시)

   왜 옮겼나 — 종전엔 `index.html` 이 Google Fonts CSS 한 장을 불러왔고, **그 한 장이
   `@font-face` 와 `.material-symbols-rounded` 클래스를 통째로 들고 있었다.** 그래서 광고·추적
   차단 확장이 `fonts.googleapis.com` 을 막으면 아이콘이 전부 영어 단어로 보였다
   (`<span>person</span>` 이 그냥 글자로 남는다). 작업자 브라우저에서 실제로 났다.

   ⚠️ 설계사 화면만의 문제가 아니다 — 문자 링크로 들어오는 **고객의 폰**에서 같은 일이 나면
      청구 화면 아이콘이 전부 영어로 보인다. 그래서 외부 의존을 없앴다.

   ⚠️ 이 파일은 Google 이 주던 CSS 를 그대로 옮긴 것이다. 클래스 속성을 바꾸지 말 것 —
      전 화면의 아이콘 크기·정렬이 여기에 달려 있다.

   ⚠️ **변수 폰트(4축: opsz·wght·FILL·GRAD)를 통째로 받아 둔다.** 아이콘 이름이 코드에
      박힌 것만 있는 게 아니라 데이터에서 오는 곳이 있어(`{a.icon}`·`{meta.ic}` 등 36곳)
      쓰는 글자만 골라 담는 subset 은 **빠진 아이콘이 조용히 빈칸이 된다.** 그래서 전체를 둔다.
      `src/index.css` 의 `font-variation-settings: 'FILL' … 'GRAD' …` 가 이 축들을 쓴다.

   갱신하려면: 아래 주소를 브라우저 UA 로 받아 나오는 woff2 를 같은 이름으로 덮어쓴다.
     https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200
   ============================================================================ */

@font-face {
  font-family: 'Material Symbols Rounded';
  font-style: normal;
  font-weight: 100 700;
  /* block — 아이콘은 늦게 뜨는 게 낫다. swap 이면 폰트가 오기 전까지 「person」 같은
     영어 단어가 그대로 보였다 사라진다(고치려는 증상 그 자체다). */
  font-display: block;
  src: url('/fonts/material-symbols/MaterialSymbolsRounded.woff2') format('woff2');
}

.material-symbols-rounded {
  font-family: 'Material Symbols Rounded';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}