.xs-nav{--xs-fg:var(--foreground);--xs-fg-muted:var(--muted-foreground);--xs-fg-subtle:color-mix(in oklab, var(--muted-foreground) 80%, transparent);--xs-surface:color-mix(in oklab, var(--foreground) 2%, transparent);--xs-surface-hover:color-mix(in oklab, var(--foreground) 5%, transparent);--xs-surface-current:color-mix(in oklab, var(--foreground) 6%, transparent);--xs-border:var(--border);--xs-border-current:color-mix(in oklab, var(--foreground) 35%, transparent);--xs-accent:var(--accent);--xs-focus:var(--ring);--xs-radius:var(--radius);--xs-card-min-height:9.5rem}.xs-heading{letter-spacing:.08em;text-transform:uppercase;color:var(--xs-fg-subtle);margin:0 0 .5rem;font-size:.8125rem;font-weight:600}.xs-intro{max-width:42rem;color:var(--xs-fg-muted);margin:0 0 1.5rem;font-size:.875rem;line-height:1.6}.xs-grid{grid-template-columns:1fr;gap:1rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px) and (width<=1023px){.xs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xs-item:last-child{grid-column:1/-1}}@media (width>=1024px){.xs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.xs-item{display:flex}.xs-card{width:100%;min-height:var(--xs-card-min-height);border:1px solid var(--xs-border);border-radius:var(--xs-radius);background:var(--xs-surface);color:var(--xs-fg);flex-direction:column;padding:1.25rem 1.375rem;text-decoration:none;display:flex}.xs-card--current{background:var(--xs-surface-current);border-color:var(--xs-border-current)}.xs-card--link{transition:background-color .15s,border-color .15s}.xs-card--link:hover{background:var(--xs-surface-hover);border-color:var(--xs-border-current)}.xs-card--link:focus-visible{outline:2px solid var(--xs-focus);outline-offset:3px}.xs-name{font-size:1rem;font-weight:600}.xs-positioning{color:var(--xs-fg);margin-top:.25rem;font-size:.875rem}.xs-description{color:var(--xs-fg-muted);margin-top:.5rem;font-size:.8125rem;line-height:1.5}.xs-indicator{letter-spacing:.02em;color:var(--xs-fg-subtle);margin-top:auto;padding-top:1rem;font-size:.75rem}.xs-card--link:hover .xs-indicator{color:var(--xs-accent)}@media (prefers-reduced-motion:reduce){.xs-card--link{transition:none}}