/* 프론트(방문자) 화면 스타일 — 층 순서. 파일은 _head.inc 가 이 순서로 싣는다(빌드 없음)
   reset → tokens → base → layout(셸) → components → pages(화면) → utilities. 뒤 층이 앞 층을 이긴다 — 선택자 세기로 겨루지 않는다 */
@layer reset, tokens, base, layout, components, pages, utilities;

/* 초기화 — 브라우저 기본값 정리 */
@layer reset {
    /* ── 기본 ─────────────────────────────────────────────── */
    *, *::before, *::after { box-sizing: border-box; }
    img { max-width: 100%; border: 0; }
    ul, ol, dl, dd, p, h1, h2, h3, form, pre { margin: 0; padding: 0; }
    ul { list-style: none; }
    button, input, select, textarea { font: inherit; color: inherit; }
    table { border-collapse: collapse; border-spacing: 0; }
    [hidden] { display: none !important; } /* hidden 속성은 어떤 display 규칙보다 앞선다 — 처음 숨김은 속성으로, 모듈 show() 가 걷는다 */
}