/* 안내 페이지(/info, TICKET-505) — doc/design/board/screens/InfoPage.html의 인라인 스타일을 그대로 옮기고 값만 토큰으로 바꿨다. */
.info-pg { min-height: 100vh; min-height: 100dvh; box-sizing: border-box; padding: 16px 20px 24px; display: flex; flex-direction: column; gap: 20px; }
.info-back { display: flex; align-items: center; min-height: 36px; }
body.board-body .info-back a { font-size: 14px; font-weight: 700; color: var(--board-text-dim); text-decoration: none; }
.info-title { font-family: 'Black Han Sans', sans-serif; font-size: 24px; margin-top: 2px; }
.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; }
.info-sec__h { font-size: 13px; font-weight: 800; color: var(--board-text-faint); letter-spacing: 1px; }
body.board-body a.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; }