/* clickfix.css — shared lobby click layer */
.ca-card{cursor:pointer}
.ca-card.ca-pos{isolation:isolate}
.ca-card.ca-pos > .ca-hit{position:absolute;inset:0;z-index:5;display:block;border-radius:inherit;background:transparent}
.ca-card.ca-pos .ca-stretch::after{content:"";position:absolute;inset:0;z-index:5}
.ca-hit:focus-visible{outline:3px solid #ffd54a;outline-offset:2px}
[data-ca-tab]{scroll-margin-top:90px}

/* header-fit (2026-11-15, popzoetop L36 lesson): at phone widths a long wordmark / wide header CTA must shrink, never push the
   menu button out of the viewport. Parts are marked by clickfix.py (data-hf); rules only bite when the header overflows. */
@media (max-width:480px){
  [data-hf=head]{min-width:0;max-width:100vw}
  [data-hf=brand]{min-width:0;flex-shrink:1;overflow:hidden}
  [data-hf=brand] > :not(img):not(svg):not(picture){min-width:0;overflow:hidden;flex-shrink:1}
  [data-hf=brand] :is(strong,b,em,span,small){text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%}
  [data-hf=keep],[data-hf=menu]{flex-shrink:0}
  [data-hf=cta]{min-width:0;flex-shrink:1;max-width:34vw}
}