html[data-theme=dark]:has(.skills-page){& .skills-page .docs-hero{background:radial-gradient(ellipse at 80% 35%, #16275e55, transparent 55%), linear-gradient(#1a46761a 1px, transparent 1px) 0 0 / 48px 48px, linear-gradient(90deg, #1a46761a 1px, transparent 1px) 0 0 / 48px 48px, var(--color-paper);overflow:hidden}& .docs-hero .container{isolation:isolate;position:relative}& .skills-hero-art{z-index:-1;pointer-events:none;width:48rem;max-width:none;position:absolute;top:-3rem;right:-5rem}& .docs-hero h1{letter-spacing:-.035em;max-width:18ch;font-size:clamp(2.5rem,4.7vw,4.25rem);line-height:1.08}& .docs-hero h1 span{color:var(--color-accent);-webkit-text-fill-color:transparent;background:linear-gradient(105deg,#fa82ff,#c58bff 35%,#19edff 85%) text}& .docs-intro{max-width:52ch;font-size:1.125rem;line-height:1.75}& .skills-hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}& .section-kicker{color:var(--color-success)}& .skills-page .docs-shell{padding-block:2.5rem 5rem}& .skills-routing{border:1px solid var(--color-rule);border-radius:var(--radius-lg);background:linear-gradient(120deg, #07233480, #120d2855), var(--color-paper-2);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 2.5rem;margin:0 0 2rem;padding:clamp(1.25rem,3vw,2rem)}& .skills-routing h2{font-family:var(--font-body);letter-spacing:-.025em;text-transform:none;grid-column:1/-1;font-size:1.375rem}& .skills-routing p{font-size:.9375rem;line-height:1.8}& .skills-routing strong{color:var(--color-ink);margin-bottom:.25rem;display:block}& .skills-routing a{color:var(--color-accent);text-underline-offset:.25em}& .skills-category-nav{flex-wrap:wrap;gap:.75rem;margin-bottom:3rem;display:flex}& .skills-category-nav a,& .skills-catalog-group{--group-accent:var(--color-success)}& .skills-category-nav a:nth-child(2),& .skills-catalog-group:nth-child(2){--group-accent:var(--color-accent)}& .skills-category-nav a:nth-child(3),& .skills-catalog-group:nth-child(3){--group-accent:var(--neon-pink)}& .skills-category-nav a:nth-child(4),& .skills-catalog-group:nth-child(4){--group-accent:var(--neon-violet)}& .skills-category-nav a{border:1px solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper-2);min-height:2.75rem;color:var(--color-ink-2);align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.875rem;text-decoration:none;display:inline-flex}& .skills-category-count{background:color-mix(in srgb, var(--group-accent) 12%, transparent);min-width:1.5rem;height:1.5rem;color:var(--group-accent);font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:.75rem;display:inline-grid}& .skills-category-nav a:hover,& .skills-category-nav a:focus-visible{border-color:var(--group-accent);color:var(--color-ink)}& .skills-catalog{grid-template-columns:minmax(0,1fr);gap:3.5rem}& .skills-catalog .skills-catalog-group{background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr);gap:1.5rem;padding:0}& .skills-catalog-head{border-left:3px solid var(--group-accent);padding-left:1rem}& .skills-catalog-head h2{font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.3}& .skills-catalog-head p{font-size:1rem}& .skills-catalog .skill-grid{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}& .skills-catalog .skill-entry{border:1px solid var(--color-rule);border-top-color:color-mix(in srgb, var(--group-accent) 65%, var(--color-rule));border-radius:var(--radius-lg);background:linear-gradient(140deg, color-mix(in srgb, var(--group-accent) 5%, var(--color-paper-2)), var(--color-paper-2) 65%);grid-template-rows:auto auto auto 1fr auto;grid-template-columns:minmax(0,1fr);gap:.75rem;padding:1.5rem}& .skills-catalog .skill-entry>*{grid-area:auto}& .skills-catalog .skill-entry:hover,& .skills-catalog .skill-entry:focus-within{border-color:var(--group-accent)}& .skills-catalog .skill-meta{justify-content:space-between}& .skills-catalog .skill-icon{width:2.75rem;height:2.75rem;color:var(--group-accent);border-color:color-mix(in srgb, var(--group-accent) 30%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--group-accent) 8%, transparent)}& .skills-catalog .skill-type{border:1px solid var(--color-rule);border-radius:var(--radius-pill);font-family:var(--font-body);letter-spacing:0;text-transform:none;padding:.2rem .625rem;font-size:.75rem}& .skills-catalog h3{letter-spacing:-.025em;text-transform:capitalize;margin-top:.25rem;font-size:1.375rem;line-height:1.35}& .skill-id{color:var(--color-muted);font-size:.6875rem;line-height:1.8}& .skills-catalog .skill-entry p{font-size:.9375rem;line-height:1.8}& .skill-actions{border-top:1px solid var(--color-rule);flex-wrap:wrap;gap:0 1rem;padding-top:.75rem;display:flex}& .skills-catalog .skill-link{min-height:2.75rem;color:var(--group-accent);align-items:center;font-size:.875rem;display:inline-flex}@media (width<=64rem){& .skills-hero-art{opacity:.2}& .skills-catalog .skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=40rem){& .skills-hero-art{display:none}& .skills-routing,& .skills-catalog .skill-grid{grid-template-columns:minmax(0,1fr)}& .skills-category-nav{gap:.5rem}& .skills-catalog .skill-entry{padding:1.25rem}}@media (forced-colors:active){& .docs-hero h1 span{-webkit-text-fill-color:currentColor}}}