/* emulog 상단바 — 홈 버튼 · 로그인 칩 (포털 페이지용). 동작은 emu-bar.js, 폴백 마크업은 각 페이지 HTML 에 있다.
 * 팔레트·워드마크는 brand.css·apps.css 와 같은 값. */
:root{--eb-night:#0a0d1c;--eb-panel:#10152b;--eb-panel2:#161c38;--eb-line:#2f3a66;--eb-txt:#eef1ff;--eb-dim:#9aa6c8;
  --eb-cyan:#62edff;--eb-term:#1635c8;--eb-ok:#8bd14f;--eb-px:"NeoDunggeunmo","Neo둥근모",ui-monospace,monospace}

/* 로그인 자리(모든 페이지 공통) */
.emu-acct{position:relative;display:inline-flex;align-items:center;flex:none;margin-left:14px;vertical-align:middle;line-height:1}
.emu-login,.emu-chip,.emu-home{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;box-sizing:border-box;
  font:600 14px/1 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;
  color:var(--eb-txt);text-decoration:none;white-space:nowrap;border:2px solid var(--eb-line);background:transparent;border-radius:0;cursor:pointer}
.emu-login{background:var(--eb-term);border-color:var(--eb-term);color:var(--eb-txt)!important;margin-left:0!important}
.emu-login:hover,.emu-chip:hover,.emu-home:hover{border-color:var(--eb-cyan);text-decoration:none}
.emu-login:focus-visible,.emu-chip:focus-visible,.emu-home:focus-visible,.emu-mi:focus-visible{outline:2px solid var(--eb-cyan);outline-offset:2px}
.emu-chipwrap{position:relative;display:inline-flex}
.emu-chip{max-width:min(16rem,52vw)}
.emu-dot{flex:none;width:8px;height:8px;background:var(--eb-ok)}
.emu-name{min-width:0;overflow:hidden;text-overflow:ellipsis}
.emu-caret{flex:none;font-size:11px;color:var(--eb-dim)}
.emu-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:60;min-width:11rem;padding:6px;background:var(--eb-panel);border:2px solid var(--eb-line);
  box-shadow:3px 3px 0 #000;text-align:left}
.emu-menu[hidden],.emu-msg[hidden]{display:none}
.emu-mi{display:flex;align-items:center;width:100%;min-height:36px;padding:0 10px;box-sizing:border-box;font:600 14px/1 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;
  color:var(--eb-txt);background:none;border:0;text-decoration:none;text-align:left;cursor:pointer}
.emu-mi:hover{background:var(--eb-panel2)}
.emu-mi[disabled]{opacity:.5;cursor:wait}
.emu-msg{margin:4px 6px 2px;font-size:12px;line-height:1.5;color:#ffd0d8;white-space:normal;max-width:14rem}

/* 후원 버튼(로그인 칩 오른쪽). 주소는 앱 머리띠의 커피 후원 링크와 같다 */
.emu-donate{display:inline-flex;align-items:center;gap:4px;flex:none;min-height:32px;padding:0 12px;margin-left:8px;box-sizing:border-box;vertical-align:middle;
  font:600 14px/1 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;
  color:#ffd98a;text-decoration:none;white-space:nowrap;border:2px solid #5a4a2a;background:transparent;border-radius:0;cursor:pointer}
.emu-donate:hover{border-color:#ffd98a;color:#fff0c8;text-decoration:none}
.emu-donate:focus-visible{outline:2px solid var(--eb-cyan);outline-offset:2px}
.emu-has-menu::after{content:"▾";font-size:11px;margin-left:2px;color:var(--eb-dim)}
.emu-mi[hidden]{display:none}
.emu-menu .emu-mi{white-space:nowrap}

/* 정적 페이지 헤더(header.site)의 홈 링크: nav 안 글자 링크와 같은 줄에 두되 버튼 모양으로 */
header.site nav .emu-home{min-height:30px;margin-left:0;margin-right:6px;padding:0 10px;font-size:13.5px;color:var(--eb-txt);vertical-align:middle}
header.site nav .emu-acct{margin-left:10px}
header.site nav .emu-donate{margin-left:8px;min-height:30px;padding:0 10px;font-size:13.5px}
/* 개인정보처리방침처럼 header 가 없는 페이지: 위에 한 줄 */
.emu-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
.emu-strip .back{margin:0}
.emu-strip .emu-acct{margin-left:auto}
.emu-strip .emu-donate{margin-left:0}

/* 포털 홈 탭 줄: 탭은 남는 폭에서 밀리고 칩은 오른쪽 끝 */
.appbar .emu-acct{margin-left:0}
.appbar .emu-donate{margin-left:0}
@media (max-width:640px){.appbar .emu-acct{margin-left:auto;flex:0 1 auto;min-width:0}.appbar .emu-chipwrap{min-width:0;max-width:100%}
  .appbar .emu-chip{max-width:min(7rem,30vw);padding:0 9px}.appbar .emu-donate{padding:0 9px}.appbar-in{column-gap:10px!important}}
.appbar-in .apptabs{min-width:0}

/* 좁은 화면(정적 페이지 머리): 워드마크 아래에 메뉴가 한 줄로 흐르고, 로그인 칩은 그 줄 오른쪽 끝 */
@media (max-width:640px){
  header.site .wrap{flex-wrap:wrap;gap:8px 12px}
  header.site nav{flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
  header.site nav a{margin:0}
  header.site nav .emu-home{margin:0}
  header.site nav .emu-acct{margin:0 0 0 auto}
  header.site nav .emu-donate{margin:0;padding:0 10px}
  .emu-chip{max-width:min(11rem,44vw)}
}
@media (max-width:560px){.emu-menu{min-width:10rem}}
@media (prefers-reduced-motion:reduce){.emu-login,.emu-chip,.emu-home,.emu-donate{transition:none}}