/* Shared language dropdown "lang-dd" (Tax + Networks). Spec: /workspace/taim-ai/lang-dropdown-spec.md
   Closed state = the former .lang-switch "on" pill (same size, border, colours); menu = same small buttons stacked. */
.lang-dd{position:relative;display:inline-block;margin-left:.6rem;font-size:.8rem;font-weight:600}
.lang-dd>summary{list-style:none;cursor:pointer;user-select:none;-webkit-user-select:none;display:inline-flex;align-items:center;gap:.3rem;
  padding:.2rem .45rem;border-radius:8px;border:1px solid rgba(155,111,212,.4);background:rgba(155,111,212,.08);color:var(--accent-soft);
  -webkit-tap-highlight-color:transparent}
.lang-dd>summary::-webkit-details-marker{display:none}
.lang-dd>summary::marker{content:""}
.lang-dd>summary:hover{border-color:rgba(155,111,212,.7)}
.lang-dd>summary:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}
.lang-dd-caret{font-size:.75em;line-height:1;transition:transform .15s ease}
.lang-dd[open] .lang-dd-caret{transform:rotate(180deg)}
.lang-dd-menu{position:absolute;right:0;top:calc(100% + .35rem);z-index:60;min-width:100%;margin:0;padding:.3rem;list-style:none;
  display:flex;flex-direction:column;gap:.15rem;background:rgba(11,15,23,.97);border:1px solid rgba(255,255,255,.12);
  border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.5)}
.lang-dd-menu a{display:block;text-align:center;color:var(--muted);text-decoration:none;padding:.2rem .45rem;border-radius:8px;border:1px solid transparent}
.lang-dd-menu a:hover,.lang-dd-menu a:focus-visible{color:var(--ink);background:rgba(255,255,255,.05);outline:none}
.lang-dd-menu a.on{color:var(--accent-soft);border-color:rgba(155,111,212,.4);background:rgba(155,111,212,.08)}

/* Mobile header in ONE row: logo · dropdown · Demo button (nav links keep their own row below, as on Networks).
   Applies only to pages that load lang.css. */
@media (max-width:480px){
  .site-header .nav{column-gap:.4rem}
  .site-header .lang-dd{margin-left:auto}
  .site-header .nav>.btn{padding:.55rem .65rem;font-size:.8rem;white-space:nowrap}
  /* logo sizes: shared rule at the end of site.css (same on every page) */
}
@media (max-width:380px){.site-header .brand-sub{display:none}}  /* 360px phones: logo + name only */