/* Carver Pro shell: one header for Field and Office */
.modes{display:inline-flex;flex:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:3px;gap:2px}
.modes button{min-height:40px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:var(--hdr-muted);font:600 .92rem/1 "Outfit",system-ui,sans-serif;letter-spacing:.02em;cursor:pointer}
.modes button[aria-pressed="true"]{background:var(--gold);color:#0E1A2E}
.modes button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.top .top-title b{font-family:"Outfit",system-ui,sans-serif;letter-spacing:.04em}
.demo-banner{background:#E8A93A;color:#0E1A2E;text-align:center;font:700 .78rem/1.3 "Source Sans 3",system-ui,sans-serif;padding:4px 12px}
.role-note{margin:-4px 0 12px;font-size:.85rem;color:var(--muted)}
@media (max-width:420px){.modes button{padding:0 9px;font-size:.85rem}.top .logo{display:none}}
@media (max-width:480px){.in-blast .modes{display:none!important}}