/* 품질 하한선. 원본 랜딩 src/styles/base.css 의 이식본입니다. */

*, *::before, *::after { box-sizing: border-box }

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; text-size-adjust: 100% }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto } }

html, body { overflow-x: clip; max-width: 100% }

body {
  margin: 0;
  background: var(--surface-page);
  color: var(--text-heading);
  font-family: var(--font-body);
  font-size: var(--text-body-m);
  line-height: var(--lh-body);
  letter-spacing: var(--ls-body-m);
  font-weight: var(--weight-regular);
  word-break: keep-all;
  overflow-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 768px) {
  body { font-size: var(--text-body); letter-spacing: var(--ls-body) }
}

:focus-visible {
  outline: var(--border-width-strong) solid var(--focus-ring);
  outline-offset: 3px;
  border-radius: var(--radius-focus);
}
:focus:not(:focus-visible) { outline: none }

::selection { background: var(--seal); color: var(--paper) }

a { color: var(--seal); text-decoration-thickness: 1px; text-underline-offset: 4px }
a:hover { color: var(--seal-hover) }

img, svg, video { display: block; max-width: 100%; height: auto }

/* 판정 숫자용 고정폭. 숫자가 바뀌며 흔들리면 안 되는 곳에 붙입니다. */
.tnum { font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1 }