/* 3줄 알림의 글자 모양 — ①방금 한 말 ②왜 ③이렇게.

   **세 자리가 같은 글자 모양을 쓴다** — 웹 시제품의 알림 상자ㆍ
   항상 위 작은 창ㆍ모바일 전체 화면, 그리고 **사진 점검 결과**
   (`precheck_ui.js` 의 `.pcq` 안쪽)다. 2026-10-30 에 설치형 사진
   점검 화면이 네 번째 자리가 되면서, 베끼면 갈라진다는 것이
   분명해져 파일로 뺐다(`precheck.css` 와 같은 까닭).

   여기 두지 않는 것 — `#alertbox`ㆍ`#mobile …`ㆍ`.dim` 처럼
   **그 화면의 자리와 크기**를 정하는 규칙. 자리는 화면마다 다르다. */
.a-head { display: flex; align-items: center; gap: 8px; font-size: 15px;
          font-weight: bold; }
.a-head .sp { margin-left: auto; }
.a-lab { font-size: 11px; opacity: .75; margin: 7px 0 1px; }
.a-said { font-size: 17px; }
.a-said b { font-weight: 900; text-decoration: underline; text-underline-offset: 3px; }
.a-why { font-size: 14px; }
.a-law { font-size: 12px; opacity: .85; margin-top: 1px; }
.a-rep { font-size: 21px; font-weight: bold; }
.a-cap { font-size: 11px; opacity: .8; margin-top: 7px; }
.a-x { font: inherit; font-size: 11px; padding: 2px 8px; border-radius: 6px;
       border: 1px solid currentColor; background: transparent; color: inherit;
       cursor: pointer; opacity: .8; }