/* Tablist styled like your reference */
.wcag-tabs__tablist{  margin:0px;
    
    border-bottom: 1px solid #f2f2f2 !important;
    list-style: none;
    margin: 0px;
    padding: 0px;
	gap:5px;
    display: grid;
grid-auto-flow: column; 
padding-bottom:5px;

}
.wcag-tabs__tab{   
    display: block;
	background:none;
    border: 1px solid #f2f2f2;
    padding: 8px;
	width:100%;
	 font-family: 'Poppins', sans-serif;
    height: 100%;
	font-size:100% !important;
    text-align: center;
    font-weight: 600;
    border-radius: 8px;}
.wcag-tabs__tab:hover, .wcag-tabs__tab:focus { color:#e30714}
.wcag-tabs__tab.is-active{    
	background: #e30714;
    border-color: #e30714;
    color: #fff;
	    font-family: 'Poppins', sans-serif;
}
.contrast .wcag-tabs__tablist {
    border-color: #1f1f1f !important;
}
.wcag-tabs__tab .wcag-tabs__tab-title{outline:none;display:inline-block;min-width:40px;}
.wcag-tab-panel{margin-top:10px;}
.contrast .wcag-tabs__tab { border-color:#ff0 !important; color:#FF0 !important;}
.contrast .wcag-tabs__tab.is-active, .contrast .wcag-tabs__tab:hover, .contrast .wcag-tabs__tab:focus{  border-color:#fff !important; background:#fff !important; color:#000 !important;}
body.contrast.u-hide-focus .wp-block-wcag-tab-panel:focus { outline:3px dotted #ff0 !important;}
@media (max-width: 768px) { 
.wcag-tabs__tablist { grid-auto-flow: unset !important;
        grid-auto-columns: auto !important;
        grid-template-columns: repeat(2, 1fr) !important;
    } }
@media(max-width: 600px) {
.wcag-tabs__tablist { grid-auto-flow: unset; grid-auto-columns: auto !important; grid-template-columns: auto !important; }
}