/* 대본 작업실 — 사이트 공통 푸터 (정적 HTML 페이지용) */
/* 매칭되는 React 컴포넌트: src/components/Footer.jsx */

.dj-footer {
  padding: 40px 16px 32px;
  text-align: center;
  font-size: 12px;
  color: #888;
  background: transparent;
  font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', system-ui, -apple-system, sans-serif;
}
.dj-footer__tagline {
  margin: 0 0 16px;
  font-size: 11px;
  color: #888;
}
.dj-footer__row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
}
.dj-footer__row:first-of-type { margin-top: 0; }
.dj-footer__link {
  color: #888;
  text-decoration: none;
  padding: 4px 10px;
  transition: color 0.15s ease;
  white-space: nowrap;
}
.dj-footer__link:hover { color: #1B2A4E; }
.dj-footer__sep {
  color: #BBB;
  user-select: none;
  pointer-events: none;
}
@media (max-width: 480px) {
  .dj-footer { padding: 32px 12px 24px; }
  .dj-footer__link { padding: 4px 8px; font-size: 12px; }
}