:root{ --fg:#202124; --muted:#5f6368; --line:#dfe1e5; --blue:#1a73e8; }

/* ---- footer ---- */
.site-footer{
  display:flex; justify-content:space-between; align-items:center; gap:10px;
  flex-wrap:wrap; padding:14px 22px; font-size:13px; color:var(--muted);
  border-top:1px solid var(--line); background:#fff;
}
.site-footer a{ color:var(--muted); text-decoration:none; }
.site-footer a:hover{ text-decoration:underline; }
.footer-links{ display:flex; align-items:center; gap:8px; }
.footer-links .sep{ opacity:.6; }

/* ---- compact language picker ---- */
.lang{ position:relative; }
.lang-btn{
  display:inline-flex; align-items:center; gap:6px; background:#fff;
  border:1px solid var(--line); color:var(--fg); font:inherit; font-size:13px;
  padding:6px 10px; border-radius:8px; cursor:pointer; line-height:1;
}
.lang-btn:hover{ border-color:#c9ced6; }
.lang-btn .chev{ font-size:10px; color:var(--muted); }
.lang-menu{
  position:absolute; right:0; bottom:calc(100% + 8px); min-width:196px;
  background:#fff; border:1px solid var(--line); border-radius:12px;
  box-shadow:0 8px 24px rgba(32,33,36,.18); padding:6px; z-index:60;
}
.lang-menu[hidden]{ display:none; }
.lang-item{
  display:flex; justify-content:space-between; align-items:center; gap:12px;
  width:100%; text-align:left; background:none; border:0; font:inherit;
  color:var(--fg); padding:8px 10px; border-radius:8px; cursor:pointer;
}
.lang-item:hover{ background:#f1f3f4; }
.lang-item[aria-current="true"]{ font-weight:600; }
.lang-item:disabled{ color:var(--muted); cursor:default; }
.lang-item:disabled:hover{ background:none; }
.lang-item .soon{ font-size:11px; color:var(--muted); }
.lang-note{
  padding:8px 10px 4px; margin-top:4px; border-top:1px solid var(--line);
  font-size:11px; color:var(--muted);
}