.cgx-account{display:inline-flex;align-items:center;justify-content:center;padding:13px 15px;background:transparent;border:1px solid rgba(255,255,255,0.25);border-radius:10px;color:#fff!important;font-size:14px;font-weight:800;line-height:1.35;text-decoration:none;white-space:nowrap}
.cgx-account:hover{background:rgba(255,255,255,0.08)}
.cgx-account__i{display:none}
@media(max-width:600px){.cgx-account{padding:10px 12px;border-radius:12px;font-size:13px}}
/* 좁은 폰(≤430px)은 헤더 한 줄에 다섯 개가 안 들어간다 — 실측 394px 필요.
   글자를 숨기고 아이콘만 남겨 38px 로 줄인다(로그인 여부는 색·채움으로 구분). */
@media(max-width:430px){
.cgx-account{padding:9px;width:38px;height:38px}
.cgx-account__t{display:none}
.cgx-account__i{display:block}
.cgx-account--in{color:#d0fe18!important;border-color:rgba(208,254,24,0.5)}
}
/* 389px 이하(아이폰 X·11 Pro·12/13 mini 계열 375pt 등)는 그래도 한 줄이 안 된다.
   「함께하기」까지 말풍선 아이콘으로 줄인다 — 헤더 파일은 코덱스 것이라 CSS 로만 손댄다.
   글자는 font-size:0 으로 감추고, 스크린리더는 원래 aria-label 을 그대로 읽는다.
   🔴 !important 가 필요하다 — choigpt-site-utilities 가 480px 이하에서
   font-size·padding 을 !important 로 고정하고 min-width:64px 까지 걸어둔다(260920 실측). */
@media(max-width:389px){
.cgx-header .cgx-actions .cgx-cta{font-size:0!important;padding:9px!important;width:38px!important;min-width:38px!important;height:38px!important;border-radius:12px!important}
.cgx-header .cgx-actions .cgx-cta::before{content:"";display:block;width:18px;height:18px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M12 3C6.5 3 2 6.6 2 11c0 2.5 1.5 4.8 3.8 6.2L5 21l4.1-2.2c.9.2 1.9.3 2.9.3 5.5 0 10-3.6 10-8S17.5 3 12 3z'/%3E%3C/svg%3E") center/contain no-repeat}
}