/* 누적 방문자 오도미터 스타일 (원래 visitor-counter.js 안에 <style> 로 박혀 있던 규칙)

   2026-08-09 실측으로 여기로 옮겼다.
   보안 헤더(Content-Security-Policy)의 style-src 가 'self' + nonce 만 허용하므로,
   JS 가 document.createElement('style') 로 만들어 붙이던 이 규칙은 브라우저가 통째로 막았다
   (헤드리스 크롬 콘솔: "Applying inline style violates ... style-src ... The action has been blocked").
   막히면 .od-digit 의 overflow:hidden 이 사라져 0~9 숫자가 세로로 전부 펼쳐진 채 보인다.

   ★고치는 방향을 «CSP 를 여는 쪽»이 아니라 «인라인을 없애는 쪽»으로 잡았다.
     style-src 에 'unsafe-inline' 을 넣으면 방어가 통째로 헐거워지기 때문이다. */

/* ★2026-08-13 — 모바일에서 숫자가 겹쳐 뭉개졌다(마스터 지적).
   원인은 «칸 높이» 와 «미는 거리» 가 서로 다른 기준이었던 것이다.
   지금은 JS 가 칸의 실제 높이를 재서 픽셀로 민다. 그래서 여기서는
   ①칸과 숫자의 높이를 완전히 같게 두고 ②소수점이 끼어들지 않게 한다. */
.od-digit {
    display: inline-block;
    /* 창문이자 스크롤 상자다. 스크롤 막대는 보이지 않게 둔다. */
    overflow: hidden;
    scrollbar-width: none;
    /* ⛔scroll-behavior: smooth 를 넣지 않는다 — 2026-08-13 실측.
       overflow:hidden 상자에 이것을 걸면 스크롤이 «아예» 안 먹는다
       (손으로 scrollTop=57 을 넣어도 0 그대로였다). 숫자가 전부 0 으로 멈춘다. */
    height: 1.2em;
    line-height: 1.2em;
    vertical-align: bottom;
    /* ⛔여기에 contain:paint 를 넣지 않는다 — 2026-08-13 실측으로 확인했다.
       넣으면 안쪽 .od-strip 의 transform 이 먹지 않아 숫자가 전부 «0» 으로 멈춘다.
       클리핑은 위의 overflow:hidden 하나로 충분하다. */
}

/* ★transform 을 쓰지 않는다 — 창문(.od-digit)을 스크롤해 숫자를 고른다.
   보안 정책(CSP)이 «JS 가 쓰는 style 속성» 을 막아 transform 이 적용되지 않았다
   (2026-08-13 실측 — inline 에는 값이 있는데 계산값은 matrix(1,0,0,1,0,0)).
   scrollTop 은 스타일이 아니라 DOM 값이라 정책과 무관하다. */
.od-strip {
    display: block;
}

    /* ★칸(.od-digit)과 «똑같은» 높이여야 한다. 하나라도 다르면 그 차이만큼
       위·아래 숫자가 같이 보인다 — 그것이 2026-08-13 뭉개짐의 원인이었다. */
    .od-strip b {
        display: block;
        height: 1.2em;
        line-height: 1.2em;
        font-weight: inherit;
        /* 숫자 폭이 제각각이면 자리가 흔들린다 — 표 숫자로 고정한다. */
        font-variant-numeric: tabular-nums;
    }

.od-sep {
    display: inline-block;
}

#visitor-odometer {
    transition: text-shadow .5s;
}

    #visitor-odometer.od-tick {
        text-shadow: 0 0 12px rgba(37, 99, 235, .55);
    }

/* 스크롤 막대 감추기(웨빗 계열). 보이면 숫자 옆에 회색 줄이 생긴다. */
.od-digit::-webkit-scrollbar {
    display: none;
}