/* Page tabs (.gm-ptabs, app.js initTabs + tabs-lazy.js): keyboard focus and
   touch target. Loaded after gm-ds.css. The ring sits inside the tab
   (negative offset): the strip scrolls sideways (overflow-x) and would clip
   a ring drawn outside it, also under the fade masks. */
.gm-ptabs a { display: inline-flex; align-items: center; min-height: 44px; padding-block: .5rem; flex: 0 0 auto; }
.gm-ptabs a:focus-visible { outline: 2px solid var(--gm-brand); outline-offset: -2px; border-radius: var(--gm-radius-sm, 4px); color: var(--gm-ink); }
/* active + focus: the ring stays clear of the active underline */
.gm-ptabs a.active:focus-visible { outline-offset: -4px; box-shadow: inset 0 -2px 0 var(--gm-brand); }
@media (forced-colors: active) { .gm-ptabs a:focus-visible { outline-color: Highlight; } }