/* 카카오 로그인으로 가는 링크는 어느 화면에서든 같은 노란 버튼이다. 주소(/api/auth/kakao)로 골라서 화면별 스타일을 덮는다. */
html body a[href^="/api/auth/kakao"]:not(#kakao-login) {
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  min-height: 44px; max-width: 100%; padding: 12px 22px; border: 0; border-radius: 10px;
  background: #fee500; color: #191919; font: 700 15px/1.3 var(--sans, system-ui, sans-serif);
  text-align: center; text-decoration: none; cursor: pointer;
}
html body a[href^="/api/auth/kakao"]:not(#kakao-login):hover { background: #f5d900; color: #191919; }
html body a[href^="/api/auth/kakao"]:not(#kakao-login):focus-visible { outline: 2px solid #191919; outline-offset: 3px; }
html body a.site-menu-kakao-login[href^="/api/auth/kakao"]:not(#kakao-login) { display: block; width: 100%; padding: 13px 14px; }
html body a.site-menu-kakao-login[hidden][href^="/api/auth/kakao"]:not(#kakao-login) { display: none; }