@layer components{.alt-page .kit-hero-copy{max-width:880px}.alt-page .kit-section{scroll-margin-top:4rem}.alt-overview{margin-top:3rem}.alt-overview .kit-card{gap:1rem}.alt-overview .kit-tag{align-self:flex-start}.alt-note{max-width:720px;margin-top:1.5rem}.alt-table-wrap{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-top:3rem;overflow:hidden}.alt-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.9375rem;line-height:1.55}.alt-table thead th{background:var(--bg-surface);color:hsl(var(--foreground));text-align:left;border-bottom:1px solid var(--border-subtle);padding:1rem 1.25rem;font-size:.875rem;font-weight:600}.alt-table thead th:first-child{width:28%;color:hsl(var(--muted-foreground));font-weight:500}.alt-table tbody th,.alt-table td{vertical-align:top;text-align:left;border-top:1px solid var(--border-subtle);padding:1rem 1.25rem}.alt-table tbody tr:first-child th,.alt-table tbody tr:first-child td{border-top:0}.alt-table tbody th{color:hsl(var(--foreground));font-weight:500}.alt-table td{color:hsl(var(--foreground) / .7)}.alt-table td+td,.alt-table th+td,.alt-table thead th+th{border-left:1px solid var(--border-subtle)}.alt-method{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:3rem;display:grid}.alt-method>div>*+*{margin-top:1rem}.alt-method .kit-copy{max-width:640px}.alt-sources{border-top:1px solid var(--border-subtle);padding:0;list-style:none;display:grid}.alt-sources li{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 1rem;display:flex}.alt-method aside .kit-link{align-self:flex-start}.alt-migrate{margin-top:3rem}.alt-migrate .kit-copy{color:hsl(var(--foreground) / .85);margin-top:.75rem}.alt-faq{margin-top:1.5rem}.alt-others{flex-wrap:wrap;gap:.5rem;margin:2rem 0 1rem;padding:0;list-style:none;display:flex}.alt-others a{border:1px solid var(--border-default);border-radius:var(--radius-md);min-height:44px;color:hsl(var(--foreground) / .7);align-items:center;padding:0 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:border-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.alt-others a:hover{border-color:var(--border-strong);color:hsl(var(--foreground))}.alt-groups{border-top:1px solid var(--border-subtle);margin-top:3rem;display:grid}.alt-group{border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(0,.35fr) minmax(0,1fr);gap:1.5rem 3rem;padding-block:2rem;display:grid}.alt-group-title{align-content:start;gap:.375rem;display:grid}.alt-cards{margin:0;padding:0;list-style:none}.alt-card{height:100%;gap:.5rem!important}.alt-card-copy{color:hsl(var(--foreground) / .7);line-height:1.55}.alt-card-more{color:hsl(var(--foreground));margin-top:auto;padding-top:.75rem;font-size:.875rem;font-weight:500}@media (max-width:960px){.alt-method,.alt-group{grid-template-columns:minmax(0,1fr)}.alt-method{gap:2rem}}@media (max-width:640px){.alt-table-wrap{border:0;border-radius:0;overflow:visible}.alt-table,.alt-table tbody,.alt-table tr,.alt-table th,.alt-table td{width:100%;display:block}.alt-table thead{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.alt-table tbody{gap:.75rem;display:grid}.alt-table tr{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.alt-table tbody th{background:var(--bg-surface);border-top:0}.alt-table td,.alt-table td+td,.alt-table th+td{border-left:0;border-top:1px solid var(--border-subtle)}.alt-table td:before{content:attr(data-label);color:hsl(var(--muted-foreground));margin-bottom:.25rem;font-size:.75rem;font-weight:600;display:block}.alt-table tbody tr:first-child td{border-top:1px solid var(--border-subtle)}}}