/* 동의 배너. 모든 페이지가 공유하므로 페이지별 변수에 의존하지 않고 값을 직접 쓴다. */
.consent-banner {
  position: fixed; left: 50%; bottom: 18px; z-index: 300;
  display: flex; align-items: flex-start; gap: 18px;
  width: min(680px, calc(100vw - 28px)); transform: translateX(-50%);
  padding: 18px 20px; border: 1px solid #cadbd4; border-radius: 18px;
  color: #10201d; background: #fffefb; box-shadow: 0 22px 60px rgba(11, 55, 52, .18);
  font-family: Arial, "Malgun Gothic", "Apple SD Gothic Neo", sans-serif; line-height: 1.55;
}
.consent-copy { flex: 1; min-width: 0; }
.consent-copy b { display: block; margin-bottom: 5px; font-size: 14px; }
.consent-copy p { margin: 0; color: #5c706c; font-size: 12px; }
.consent-links { margin-top: 7px !important; }
.consent-links a { color: #116b57; font-weight: 700; }
.consent-actions { display: flex; flex-shrink: 0; gap: 8px; align-items: center; }
.consent-actions button {
  min-height: 40px; padding: 0 16px; border: 1px solid #cadbd4; border-radius: 11px;
  color: #10201d; background: #fffefb; font: inherit; font-size: 12px; font-weight: 800; cursor: pointer;
}
.consent-actions button:hover { background: #dff4ec; }
.consent-actions .primary { border-color: #0b3734; color: white; background: #0b3734; }
.consent-actions .primary:hover { background: #15514d; }
.consent-banner :where(button, a):focus-visible { outline: 3px solid #72dfc2; outline-offset: 3px; }

@media (max-width: 620px) {
  .consent-banner { flex-direction: column; gap: 12px; bottom: 10px; padding: 16px; }
  .consent-actions { width: 100%; }
  .consent-actions button { flex: 1; }
}
@media (prefers-reduced-motion: reduce) { .consent-banner { transition: none; } }