.tabs > input { position:absolute; opacity:0; pointer-events:none; }
.tabbar { display:flex; gap:var(--s1); border-bottom:1px solid var(--line);
          padding:var(--s2) var(--s2) 0; }
.tabbar label { padding:var(--s2) var(--s4); cursor:pointer; font:600 var(--fs-micro)/1 var(--mono); letter-spacing:.1em; text-transform:uppercase;
                color:var(--muted); border-bottom:2px solid transparent; margin-bottom:-1px; }
.tabbar label:hover { color:var(--text); }
@media (pointer:coarse) { .tabbar label { min-height:44px; display:flex; align-items:center; } }
.tabs > input:focus-visible ~ .tabbar label { outline:1px solid var(--acc); outline-offset:2px; }

.tabs > section { display:none; padding:0; }


.tabs > input:nth-of-type(1):checked ~ .tabbar > label:nth-of-type(1),
.tabs > input:nth-of-type(2):checked ~ .tabbar > label:nth-of-type(2),
.tabs > input:nth-of-type(3):checked ~ .tabbar > label:nth-of-type(3),
.tabs > input:nth-of-type(4):checked ~ .tabbar > label:nth-of-type(4),
.tabs > input:nth-of-type(5):checked ~ .tabbar > label:nth-of-type(5),
.tabs > input:nth-of-type(6):checked ~ .tabbar > label:nth-of-type(6) {
  color:var(--text); border-bottom-color:var(--acc); }
.tabs > input:nth-of-type(1):checked ~ section:nth-of-type(1),
.tabs > input:nth-of-type(2):checked ~ section:nth-of-type(2),
.tabs > input:nth-of-type(3):checked ~ section:nth-of-type(3),
.tabs > input:nth-of-type(4):checked ~ section:nth-of-type(4),
.tabs > input:nth-of-type(5):checked ~ section:nth-of-type(5),
.tabs > input:nth-of-type(6):checked ~ section:nth-of-type(6) { display:block; }


.tabs > input.rec:checked ~ .tabbar > label.rec { text-shadow:0 0 10px rgba(var(--acc-rgb),.5); }
.tabs > input.rec:checked ~ .tabbar { border-bottom-color:rgba(var(--acc-rgb),.45); }