.has-tabs [id]{scroll-margin-top:calc(var(--head) + var(--tabs))}.tabs{top:var(--head);z-index:15;background:var(--h-paper);border-bottom:1px solid color-mix(in srgb, var(--ink) 22%, transparent);position:sticky}.tabs .pad{height:var(--tabs);scrollbar-width:none;align-items:stretch;gap:clamp(20px,3vw,44px);display:flex;overflow-x:auto}.tabs .pad::-webkit-scrollbar{display:none}.tabs a{white-space:nowrap;min-height:44px;font:400 var(--fs-b) / 1.3 var(--sans);letter-spacing:.02em;color:var(--h-soft);text-align:center;min-width:44px;transition:color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);flex-direction:column;flex:none;justify-content:center;display:flex;box-shadow:inset 0 -1px #0000}.tabs a .bz{font-size:var(--fs-s);color:inherit}.tabs a:hover{color:var(--ink);box-shadow:inset 0 -1px 0 color-mix(in srgb, currentColor 35%, transparent)}.tabs a[aria-current=true]{color:var(--ink);box-shadow:inset 0 -1px}@media (max-width:900px){.tabs .pad{-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--g), #000 calc(100% - 28px), transparent);-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--g), #000 calc(100% - 28px), transparent);mask-image:linear-gradient(90deg, transparent, #000 var(--g), #000 calc(100% - 28px), transparent)}}
