/* 안내 페이지(/info, TICKET-505) — doc/design/board/screens/InfoPage.html의 인라인 스타일을 그대로 옮기고 값만 토큰으로 바꿨다. */
.info-pg { min-height: 100vh; min-height: 100dvh; box-sizing: border-box; padding: 0 var(--board-withdraw-pad-x) 24px; display: flex; flex-direction: column; gap: 20px; }
/* 맨 윗줄은 탑바 부품 — 정본(margin:-16px -8px -4px)대로 줄이 화면 끝까지, 아래 -4(TICKET-765, ADR-1071 B-4) */
.info-pg > .back-row { margin: 0 calc(-1 * var(--board-withdraw-pad-x)) var(--board-withdraw-row-tuck); flex-shrink: 0; }
.info-text { font-size: 13px; line-height: 1.65; color: var(--board-text-soft); word-break: keep-all; }
.info-sec { display: flex; flex-direction: column; gap: 6px; }
body.board-body a.info-src, body.board-body div.info-src, body.board-body a.info-row { color: var(--board-text); text-decoration: none; border-bottom: 1px solid var(--board-divider); }
.info-src { display: flex; align-items: center; gap: 8px; padding: 11px 0; font-size: 13px; }
.info-src__k { color: var(--board-text-faint); width: 96px; flex-shrink: 0; }
.info-src__v { flex: 1; font-weight: 700; }
.info-src__arrow { color: var(--board-text-faint); }
.info-row { display: flex; justify-content: space-between; padding: 12px 0; font-size: 14px; font-weight: 700; }
.info-row span:last-child { color: var(--board-text-faint); }
.info-foot { margin-top: auto; font-family: 'Chakra Petch', sans-serif; font-size: 12px; color: var(--board-footer-text); text-align: center; }