/* ==========================================================
   components/footer.css — 푸터
   마크업은 tools/lib/layout.js 의 footer() 에서 만든다.
   ========================================================== */

.ftr {
  padding: 36px 0 calc(56px + env(safe-area-inset-bottom));
  background: var(--surface-2); border-top: 1px solid var(--line);
  font-size: 13px; color: var(--ink-3);
}
.ftr .logo { font-size: 18px; }
.ftr-desc { margin-top: 10px; font-size: 14px; color: var(--ink-2); }
.ftr-links { display: flex; flex-wrap: wrap; gap: 4px 18px; margin: 20px 0; font-size: 14px; font-weight: 600; color: var(--ink-2); }
.ftr-links a { display: inline-flex; align-items: center; min-height: 34px; }
.ftr-links a:hover { color: var(--ink); }
.ftr-links a.em { font-weight: 800; color: var(--ink); }
.ftr-note { max-width: 60em; line-height: 1.75; }
.ftr-note b { color: var(--ink-2); }
.ftr-copy { margin-top: 18px; font-size: 12px; }