document.querySelectorAll('[role="tab"]').forEach(tab=> {
tab.addEventListener('click', ()=> {
document.querySelectorAll('[role="tabpanel"]').forEach(panel=> panel.hidden=true);
document.querySelectorAll('[role="tab"]').forEach(t=> t.setAttribute('aria-selected','false'));
const target=document.getElementById(tab.getAttribute('aria-controls'));
target.hidden=false;
tab.setAttribute('aria-selected','true');
});
});