/* ==========================================================
   GEO Universal Kit v2.1 — AI·검색 접근 허용 배지 (공통 컴포넌트)
   배포 위치: blog/assets/ai-badge.css  (모든 페이지가 공유)
   · 배지 색(초록)은 병원과 무관하게 고정 — "허용 상태" 신호라서
   · 팝오버 링크만 병원 브랜드색(--brand)을 따름
   ========================================================== */
.topbar nav{display:flex;align-items:center;flex-wrap:nowrap}
.topbar nav>a+a{margin-left:20px}
.ai-badge{position:relative;display:inline-block;vertical-align:middle;margin-left:18px}
.ai-badge>button{font:inherit;display:inline-flex;align-items:center;gap:7px;border:1px solid #bfe0c8;background:#e5f4e8;color:#1a7a3a;font-size:12px;font-weight:800;line-height:1.4;padding:5px 11px 5px 9px;border-radius:14px;cursor:pointer;white-space:nowrap}
.ai-badge>button:hover{border-color:#1a7a3a}
.ai-badge>button:focus-visible{outline:2px solid #1a7a3a;outline-offset:2px}
.ai-badge .dot{width:7px;height:7px;border-radius:50%;background:#1a7a3a;box-shadow:0 0 0 3px rgba(26,122,58,.18);flex:none}
.ai-pop{position:absolute;right:0;top:calc(100% + 8px);width:300px;max-width:calc(100vw - 24px);background:#fff;border:1px solid #c8ccd1;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.12);padding:14px 16px;z-index:50;display:none;text-align:left}
.ai-badge.open .ai-pop{display:block}
.ai-pop h4{font-size:13.5px;font-weight:800;color:#202122;margin:0 0 4px;line-height:1.5}
.ai-pop p{font-size:12.5px;color:#54595d;margin:0 0 10px;line-height:1.6}
.ai-pop ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin:0 0 10px;padding:0}
.ai-pop li{font-size:12px;color:#202122;display:flex;align-items:center;gap:6px;margin:0}
.ai-pop li::before{content:"";width:6px;height:6px;border-radius:50%;background:#1a7a3a;flex:none}
.ai-pop .links{font-size:12px;border-top:1px dashed #c8ccd1;padding-top:8px;display:flex;gap:14px}
.ai-pop .links a{margin:0!important;color:var(--brand,#004A8F)!important;font-weight:700;font-size:12px!important}
@media(max-width:640px){.ai-badge{margin-left:10px}.ai-badge .lbl-long{display:none}.topbar nav>a+a{margin-left:14px}}
@media(max-width:480px){.topbar nav>a:not(:first-child){display:none}}