.demo-tabs { display:flex; flex-wrap:wrap; gap:4px; border-bottom:1px solid #d9ddd9; margin:0 0 18px; }
.demo-tabs a { padding:11px 16px; color:#707b70; font-size:12px; border:1px solid transparent; border-bottom:0; border-radius:4px 4px 0 0; }
.demo-tabs a[aria-current="page"] { background:#fff; border-color:#d9ddd9; color:#34523f; font-weight:600; box-shadow:0 1px 0 #fff; }
.demo-tabs a:hover { background:#edf3ef; color:#34523f; }
.demo-tabs a:focus-visible { outline:2px solid #547896; outline-offset:2px; }
@media (max-width:520px) { .demo-tabs a { flex:1; padding:10px 8px; text-align:center; } }