/* 모든 페이지 공통: 푸터 가운데 정렬, 하단 이동 버튼 통일. 페이지별 스타일보다 뒤에 읽혀서 맞춘다. */
.foot { text-align: center; padding-block: 28px 40px; color: var(--muted, #8D96A5); font-size: 12px; line-height: 1.7; }
.foot p { margin: 0 0 8px; }
.foot nav { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px 10px; }
.foot a { color: var(--muted, #8D96A5); text-decoration: none; }
.foot a:hover { color: var(--accent, #2F6BFF); text-decoration: underline; }
.next { text-align: center; margin-top: 24px; }
.pill-link, .btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  height: 40px; padding: 0 18px; border-radius: 999px;
  border: 1px solid var(--accent, #2F6BFF); background: transparent; color: var(--accent, #2F6BFF);
  font: inherit; font-size: 14px; font-weight: 700; text-decoration: none; white-space: nowrap;
}
.pill-link:hover, .btn:hover { background: var(--accent, #2F6BFF); color: var(--accent-ink, #fff); text-decoration: none; }