/* packages/design/base.css — 기본 초기화와 글자 단계. tokens.css 다음에 읽는다. */
/* 스크롤 조작은 유지하고 모든 스크롤 영역의 막대만 감춘다. */
* { box-sizing: border-box; scrollbar-width: none; }
*::-webkit-scrollbar { display: none; }
/* .card 같은 클래스의 display가 hidden 속성(UA 기본 display:none)을 이기므로 hidden은 항상 숨김으로 고정한다. */
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: "Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  font-size: 16px;
  line-height: 20px;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

/* h3 기본 여백 초기화(2026-11-09 사용자). 여백이 필요한 h3는 각자 클래스에서 정한다. */
h3 { margin: 0; }
h2 { margin: 0; font-size: 16px; line-height: 20px; font-weight: 700; }
.meta { font-size: 12px; line-height: 15px; color: var(--ink-soft); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }