를 따로 센다 — 상품 없는 줄이 첫
면 테두리가 빠진다 */
.chooser-r + .chooser-r { border-top: 1px solid var(--line); }
/* .art a 의 밑줄이 (0,1,1) 로 이긴다. 본문 링크 규칙이라 지우면 안 되고 이 자리만 되돌린다 */
.chooser a.chooser-r { text-decoration: none; }
a.chooser-r:hover, a.chooser-r:focus-visible { background: var(--sk-2); }
.chooser-r .c-nm { font-size: 14.5px; word-break: keep-all; min-width: 0; }
.chooser-r .c-tp { font-family: var(--font-num); font-variant-numeric: tabular-nums; font-size: 13px;
color: var(--muted); white-space: nowrap; min-width: 58px; text-align: right; }
.chooser-r .c-go { font-family: var(--font-num); font-size: 17px; font-weight: 700;
color: var(--coral); text-align: right; }
/* 값이 얼마 사이에서 움직였나(lib/band.js · render.js 의 bandBarHtml). 눈금 하나가 관측된 값
하나이고 굵기는 그 값이 나온 횟수다 — 두 끝점으로 그리면 두 값만 오가는 24% 에만 맞는다.
폭 3% 미만이면 막대 대신 한 줄로만 적는다: 없는 차이를 있는 것처럼 만들지 않는다.
이름에 band- 를 붙인 이유는 .lo 가 이미 이 스타일시트에 있기 때문이다. */
.band { margin: 12px 0 0; }
.band-t { font: 700 13px/1.5 var(--font-head); margin: 0 0 8px; word-break: keep-all; }
.band-bar { position: relative; height: 30px; }
.band-track { position: absolute; left: 9px; right: 9px; top: 13px; height: 3px;
background: var(--line); border-radius: 2px; }
.band-tick { position: absolute; width: 3px; border-radius: 2px; background: var(--muted);
transform: translateX(-1.5px); }
.band-now { position: absolute; top: 4px; width: 16px; height: 16px; border-radius: 50%;
background: var(--ink); border: 2px solid var(--paper-2); box-shadow: 0 0 0 2px var(--ink);
transform: translateX(-8px); }
.band-lab { display: flex; justify-content: space-between; font-family: var(--font-num);
font-variant-numeric: tabular-nums; font-size: 13px; margin-top: 1px; }
.band-lab .band-lo { color: var(--green); font-weight: 700; }
.band-lab .band-hi { color: var(--muted); }
.band-msg { font-size: 13.5px; margin: 9px 0 0; word-break: keep-all; }
.band-msg b { color: var(--green); }
.band-flat { font-size: 13.5px; color: var(--muted); margin: 12px 0 0; word-break: keep-all; }
.band-flat b { color: var(--ink); }
/* 폰에서 누르는 높이 44 — 2026-10-18 375px 실측: 뒤로 가기 21 · 바닥글 링크 21 · 레일 이전/다음 34 ·
칩 37 · '전체/내린 것만' 35 · 기록 지우기 32 · 로고 41 · 검색칸 43. 글자 크기와 자리는 그대로
두고 보이지 않는 ::after 로 누르는 범위만 넓힌다(크기를 키우면 줄이 밀린다). 데스크톱(마우스 · 넓은 창)은 그대로. */
@media (pointer: coarse), (max-width: 640px) {
/* .rnav 는 이미 position: absolute 라 넣지 않는다(relative 로 덮으면 레일 위 제자리를 잃는다) */
.back, .foot-links a, .chips button, .sec button.ftog, .acct-links button, header.top h1 a, .btn { position: relative; }
.back::after, .foot-links a::after, .rnav::after, .chips button::after, .sec button.ftog::after,
.acct-links button::after, header.top h1 a::after, .btn::after { content: ''; position: absolute; left: 0; right: 0; }
.back::after, .foot-links a::after { top: -12px; bottom: -12px; }
.rnav::after { inset: -7px; }
.chips button::after { top: 0; bottom: -8px; }
.sec button.ftog::after { top: -6px; bottom: -6px; }
.acct-links button::after { top: -6px; bottom: -6px; }
header.top h1 a::after { top: -6px; bottom: -6px; }
.btn::after { top: -2px; bottom: -2px; }
/* 칩 줄은 가로 스크롤 상자라 위로 넘친 ::after 가 잘린다 — 이미 있는 아래 여백(8px) 안으로만 넓힌다 */
/* 검색칸은 ::after 를 못 단다 — 1px 키우고 아래 여백을 1px 당겨 밑의 자리를 그대로 둔다 */
.search input { min-height: 44px; }
.search { margin-bottom: -1px; }
}
.in-app .build { display: none; }