/* 도우미 — 한 가지 일만 하는 클래스. 맨 뒤 층이라 늘 이긴다 */
@layer utilities {
    /* 화면에는 숨기고 읽기 도구 · 검색엔진에는 남기는 글자 */
    .sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
    .nd { display: none; }
    /* 알약 단추 글자 광학 가운데 (2026-10-16 실측) — 한글 획이 상자 가운데보다 위에 놓인다(높이 38 → 1.3 · 44 → 0.7–1.2 · 52 → 0 안팎).
       위 여백 2 로 1 내린다. 맨 뒤 층이라 화면별 여백 줄임(padding: 0 12px 등)에도 그대로 남는다 */
    .pill { padding-top: 2px; }
    .pill--lg { padding-top: 0; }
    .seg a { padding-top: 2px; }   /* 탭 묶음(그룹 · 정렬 · 상품 종류) — 같은 원인, 같은 보정 */
}