#main:has(.skills-nav-wrap){--skills-border:var(--c-border-strong);--skills-radius-sm:var(--radius-sm);--skills-radius:var(--radius-sm);--skills-radius-lg:var(--radius-md)}header:has(.skills-nav-wrap){text-align:left;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 0 0!important}.skills-nav-wrap{z-index:5;justify-content:flex-start;width:100%;margin-top:1.15rem;display:flex;position:relative}.skills-nav{--tab-width:5.2rem;border-radius:var(--skills-radius-lg);background:var(--c-surface-soft);isolation:isolate;scrollbar-width:none;justify-content:flex-start;align-items:center;gap:0;max-width:100%;padding:.22rem;display:flex;position:relative;overflow-x:auto;border:0!important}.skills-nav-indicator{z-index:2;width:var(--tab-width);border-radius:var(--skills-radius);background:var(--c-text);transform:translate3d(calc(var(--active-index) * 100%), 0, 0);will-change:transform;pointer-events:none;transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;inset:.22rem auto .22rem .22rem;overflow:hidden}.skills-nav-indicator-track{width:500%;height:100%;transform:translate3d(var(--active-track-offset), 0, 0);will-change:transform;transition:transform .3s cubic-bezier(.22,1,.36,1);display:flex}.skills-nav-indicator-item{width:20%;min-width:20%;height:100%;color:var(--c-bg);justify-content:center;align-items:center;gap:.38rem;padding:.56rem .88rem;font-size:.8rem;font-weight:600;line-height:1;display:inline-flex}.skills-nav::-webkit-scrollbar{display:none}.skills-nav-tab{z-index:1;width:var(--tab-width);min-width:var(--tab-width);box-shadow:none;color:var(--c-text-soft);background:0 0;border-radius:0;justify-content:center;align-items:center;gap:.38rem;padding:.56rem .88rem;font-size:.8rem;font-weight:600;line-height:1;transition:color .16s,opacity .16s;position:relative;opacity:1!important;border:0!important;display:inline-flex!important}.skills-nav-tab:hover{color:var(--c-text);opacity:1!important}.skills-nav-tab.is-active{background:0 0;opacity:1!important}.skills-nav-tab:active,.skills-nav-tab.is-active:active{background:0 0}.skills-nav-icon{font-size:.95rem}@media (width<=640px){header:has(.skills-nav-wrap){padding:.25rem 0 0}header:has(.skills-nav-wrap)>h1{font-size:clamp(1.85rem,9vw,2.15rem);line-height:1.05}header:has(.skills-nav-wrap)>p{padding-inline:.75rem;font-size:.82rem;line-height:1.5;margin-top:.65rem!important}.skills-nav-wrap{justify-content:flex-start;width:100%;margin-top:.9rem;margin-left:0}.skills-nav{--tab-width:calc((100% - .44rem) / 5);border-radius:var(--skills-radius-lg);width:100%;overflow:hidden}.skills-nav-tab{white-space:nowrap;flex:1 1 0;width:0;min-width:0;min-height:2.75rem;padding:.7rem .2rem}.skills-nav-indicator-item{white-space:nowrap;min-height:2.75rem;padding:.7rem .2rem}.skills-nav-icon{display:none}}@media (prefers-reduced-motion:reduce){.skills-nav-indicator,.skills-nav-indicator-track{transition:none}}