/* CrewSix visual pass — service group tabs (ARIA tablist)
   No-JS fallback: all panels stay visible; tabs act as in-page anchors.
*/
.svc-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0;list-style:none}
.svc-tabs [role="tab"],
.svc-tabs a.svc-tab{
  appearance:none;border:2px solid var(--cs-blue,#0052cc);background:#fff;
  color:var(--cs-blue,#0052cc);font:650 15px/1.2 var(--ff-sans,"Instrument Sans",system-ui,sans-serif);
  padding:10px 16px;min-height:44px;border-radius:var(--r-pill,999px);cursor:pointer;
  text-decoration:none;display:inline-flex;align-items:center;
  transition:background var(--dur,150ms) var(--ease,cubic-bezier(.2,.7,.2,1)),
             color var(--dur,150ms) var(--ease,cubic-bezier(.2,.7,.2,1));
}
.svc-tabs [role="tab"][aria-selected="true"],
.svc-tabs a.svc-tab[aria-current="true"]{
  background:var(--cs-blue,#0052cc);color:#fff;
}
.svc-tabs [role="tab"]:hover,
.svc-tabs a.svc-tab:hover{background:var(--cs-blue-tint,#e0ebff);color:var(--cs-blue-hover,#003d99)}
.svc-tabs [role="tab"][aria-selected="true"]:hover{background:var(--cs-blue-hover,#003d99);color:#fff}
.svc-tabs [role="tab"]:focus-visible,
.svc-tabs a.svc-tab:focus-visible{
  outline:2px solid transparent;
  box-shadow:var(--focus-ring,0 0 0 2px #fff,0 0 0 5px #0052cc);
}
/* JS-enhanced: hide inactive panels. Without .js-tabs on <html>, all panels show. */
html.js-tabs [role="tabpanel"][hidden]{display:none}
html:not(.js-tabs) [role="tabpanel"]{display:block!important}
html:not(.js-tabs) .svc-group-label{display:block;margin:32px 0 12px;font:650 18px/1.3 inherit;color:var(--cs-ink,#0f172a)}
html.js-tabs .svc-group-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (prefers-reduced-motion:reduce){
  .svc-tabs [role="tab"],.svc-tabs a.svc-tab{transition:none}
}