/* <div class="w-tabs"><div role="tablist" aria-label="…"><button role="tab">One</button><button role="tab">Two</button></div>
     <div role="tabpanel">…</div><div role="tabpanel">…</div></div>   tabs.js wires ids, keys and hiding. */
.w-tabs [role="tablist"] { display: inline-flex; gap: 2px; padding: 3px; border-radius: var(--w-radius); background: var(--w-muted-bg); }
.w-tabs [role="tab"] { border: 0; border-radius: calc(var(--w-radius) - 2px); padding: 6px var(--w-space-3); cursor: pointer;
  background: transparent; color: var(--w-muted); font: 500 var(--w-text)/1.3 var(--w-font); transition: background var(--w-speed), color var(--w-speed); }
.w-tabs [role="tab"]:hover { color: var(--w-fg); }
.w-tabs [role="tab"][aria-selected="true"] { background: var(--w-bg); color: var(--w-fg); box-shadow: 0 1px 2px rgba(0,0,0,.08); }
.w-tabs [role="tab"]:focus-visible { outline: 2px solid var(--w-ring); outline-offset: 1px; }
.w-tabs [role="tabpanel"] { padding-top: var(--w-space-4); }
.w-tabs [role="tabpanel"]:focus-visible { outline: 2px solid var(--w-ring); outline-offset: 2px; border-radius: 4px; }