#main:has(.skills-nav-wrap){--skills-border:color-mix(in srgb, var(--c-text) 22%, transparent);--skills-radius-sm:.375rem;--skills-radius:.55rem;--skills-radius-lg:.75rem}header:has(.skills-nav-wrap){width:min(100%,75rem);max-width:none;padding:.85rem 0 .25rem;position:relative}header:has(.skills-nav-wrap)>h1{letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2rem,3.5vw,2.8rem);line-height:1}header:has(.skills-nav-wrap)>p{max-width:38rem;color:var(--c-text-muted);opacity:1;font-size:.92rem;line-height:1.6;margin:.85rem auto 0!important}.skills-nav-wrap{z-index:5;justify-content:center;width:100%;margin-top:1.15rem;display:flex;position:relative}.skills-nav{border:1px solid var(--skills-border);border-radius:var(--skills-radius-lg);background:var(--c-bg);scrollbar-width:none;justify-content:flex-start;align-items:center;gap:0;max-width:100%;padding:.25rem;display:flex;overflow-x:auto}.skills-nav::-webkit-scrollbar{display:none}.skills-nav-tab{border-radius:var(--skills-radius);min-width:4.85rem;color:var(--c-text-soft);border:0;justify-content:center;align-items:center;gap:.38rem;padding:.56rem .88rem;font-size:.8rem;font-weight:600;line-height:1;transition:color .16s,background .16s;opacity:1!important;display:inline-flex!important}.skills-nav-tab:hover{background:var(--c-surface-soft);color:var(--c-text)}.skills-nav-tab.is-active{background:var(--c-text);color:var(--c-bg)}.skills-nav-tab:active{background:var(--c-surface-active)}.skills-nav-tab.is-active:active{background:var(--c-text)}.skills-nav-icon{font-size:.95rem}@media (width<=640px){header:has(.skills-nav-wrap){padding-top:.35rem}.skills-nav-wrap{justify-content:flex-start;width:calc(100vw - 1rem);margin-left:calc(50% - 50vw + .5rem)}.skills-nav{border-radius:var(--skills-radius-lg);width:100%}.skills-nav-tab{min-width:4.65rem;padding:.56rem .72rem}.skills-nav-icon{display:none}}