/* Analytics choice bar (only loaded when PUBLIC_GA4_ID is set). Tokens from mc.css. */
.ga4-choice{position:fixed; inset-inline:12px; bottom:12px; z-index:50; margin-inline:auto; max-width:760px;
  display:flex; align-items:center; justify-content:space-between; gap:12px 20px; padding:10px 12px 10px 16px;
  background:color-mix(in srgb,var(--panel) 94%,transparent); border:1px solid var(--grid-strong); border-radius:2px;
  color:var(--ink); font-size:13px; line-height:1.45}
.ga4-choice[hidden],.ga4-pill[hidden]{display:none}
.ga4-choice p{margin:0; color:var(--dim)}
.ga4-choice strong{color:var(--ink); font-family:var(--font-mono); font-size:12px; letter-spacing:.08em; text-transform:uppercase; margin-inline-end:8px}
.ga4-choice a{font-size:13px}
.ga4-actions{flex:none; display:flex; gap:8px}
.ga4-actions .btn{height:44px; min-width:84px; padding:0 14px; font-size:13px}
.ga4-actions .btn:active{transform:scale(.98)}
.ga4-link{background:none; border:0; border-bottom:1px solid var(--phosphor-dim); padding:0; color:var(--phosphor); font:inherit; font-size:13px; cursor:pointer}
.ga4-link:hover{border-bottom-color:var(--phosphor)}
.ga4-pill{position:fixed; inset-inline-start:12px; bottom:12px; z-index:40; min-height:44px; padding:0 12px; background:var(--panel); border:1px solid var(--grid); border-radius:2px; color:var(--dim); font-family:var(--font-mono); font-size:12px; cursor:pointer}
.ga4-pill:hover{color:var(--ink)}
@media (max-width:560px){
  .ga4-choice{flex-direction:column; align-items:stretch; inset-inline:8px; bottom:8px}
  .ga4-actions .btn{flex:1}
}
@media (prefers-reduced-motion:reduce){.ga4-actions .btn{transition:none}}
@media print{.ga4-choice,.ga4-pill{display:none}}