/* AUTH CHIP — companion sheet to auth-chip.js (2026-08-09).
   Own file so the swarm-hot style.css stays untouched; it loads AFTER
   style.css, so equal-specificity rules here win by source order.

   The header bar now carries three controls (PROJECTS · SIGN IN · MENU).
   Desktop has the measure for full words. On the wrapped phone bar
   PROJECTS yields to its dormant short label (ROLL) so SIGN IN / ACCOUNT
   prints in full — the compact-label rail the markup already carries
   (base rule: .btn > .btn-label-s { display:none }; the <=860 premium-bar
   block also hides it at equal specificity, which source order beats). */
@media (max-width: 700px) {
  .header-right .btn-projects .btn-label { display: none; }
  .header-right .btn-projects .btn-label-s {
    display: flex;
    align-items: center;
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 4px 0 14px;
    overflow: visible;
    clip: auto;
    white-space: nowrap;
  }
}