/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-300:oklch(80.8% .114 19.571);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-orange-600:oklch(64.6% .222 41.116);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-950:oklch(26.2% .051 172.552);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-400:oklch(77.7% .152 181.912);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-900:oklch(37.9% .146 265.522);--color-blue-950:oklch(28.2% .091 267.935);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--drop-shadow-sm:0 1px 2px #00000026;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.-z-10{z-index:calc(10 * -1)}.-z-20{z-index:calc(20 * -1)}.z-\[10000\]{z-index:10000}.z-\[10001\]{z-index:10001}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing) * 0)}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing) * 4)}.my-10{margin-block:calc(var(--spacing) * 10)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-12{height:calc(var(--spacing) * 12)}.h-full{height:100%}.max-h-\[160px\]{max-height:160px}.min-h-12{min-height:calc(var(--spacing) * 12)}.w-12{width:calc(var(--spacing) * 12)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-5xl{max-width:var(--container-5xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[5em\]{min-width:5em}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-cols-\[repeat\(auto-fill\,minmax\(220px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(300px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-x-3{-moz-column-gap:calc(var(--spacing) * 3);column-gap:calc(var(--spacing) * 3)}.gap-x-4{-moz-column-gap:calc(var(--spacing) * 4);column-gap:calc(var(--spacing) * 4)}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-none{--tw-border-style:none;border-style:none}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-600{border-color:var(--color-blue-600)}.border-emerald-300{border-color:var(--color-emerald-300)}.border-orange-600{border-color:var(--color-orange-600)}.border-red-300{border-color:var(--color-red-300)}.border-transparent{border-color:#0000}.border-zinc-200{border-color:var(--color-zinc-200)}.border-zinc-300{border-color:var(--color-zinc-300)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-600\/10{background-color:#155dfc1a}@supports (color:color-mix(in lab,red,red)){.bg-blue-600\/10{background-color:color-mix(in oklab,var(--color-blue-600) 10%,transparent)}}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-orange-600\/10{background-color:#f051001a}@supports (color:color-mix(in lab,red,red)){.bg-orange-600\/10{background-color:color-mix(in oklab,var(--color-orange-600) 10%,transparent)}}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.bg-white\/70{background-color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.bg-zinc-50{background-color:var(--color-zinc-50)}.bg-zinc-100{background-color:var(--color-zinc-100)}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[linear-gradient\(to_right\,\#e5e7eb_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,\#e5e7eb_1px\,transparent_1px\)\]{background-image:linear-gradient(90deg,#e5e7eb 1px,#0000 0),linear-gradient(#e5e7eb 1px,#0000 0)}.bg-\[radial-gradient\(var\(--tw-gradient-stops\)\)\]{background-image:radial-gradient(var(--tw-gradient-stops))}.from-blue-600{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-zinc-100{--tw-gradient-from:var(--color-zinc-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-teal-500{--tw-gradient-to:var(--color-teal-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.\[mask-image\:linear-gradient\(to_bottom\,transparent_0\%\,black_15\%\,black_100\%\)\]{-webkit-mask-image:linear-gradient(#0000,#000 15% 100%);mask-image:linear-gradient(#0000,#000 15% 100%)}.\[mask-image\:radial-gradient\(ellipse_60\%_60\%_at_50\%_50\%\,\#000_20\%\,transparent_80\%\)\]{-webkit-mask-image:radial-gradient(60% 60%,#000 0,#0000 80%);mask-image:radial-gradient(60% 60%,#000 0,#0000 80%)}.bg-\[size\:2rem_2rem\]{background-size:2rem 2rem}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-0{padding:calc(var(--spacing) * 0)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-950{color:var(--color-blue-950)}.text-emerald-800{color:var(--color-emerald-800)}.text-red-800{color:var(--color-red-800)}.text-red-900{color:var(--color-red-900)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-600{color:var(--color-zinc-600)}.text-zinc-900{color:var(--color-zinc-900)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow,.shadow-\[0_0_0_2px_rgba\(0\,0\,0\,0\.3\)\]{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_2px_rgba\(0\,0\,0\,0\.3\)\]{--tw-shadow:0 0 0 2px var(--tw-shadow-color,#0000004d)}.shadow\/accessibility{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.ring,.shadow\/accessibility{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.shadow-blue-600\/30{--tw-shadow-color:#155dfc4d}@supports (color:color-mix(in lab,red,red)){.shadow-blue-600\/30{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-blue-600) 30%,transparent) var(--tw-shadow-alpha),transparent)}}.shadow-orange-600\/30{--tw-shadow-color:#f051004d}@supports (color:color-mix(in lab,red,red)){.shadow-orange-600\/30{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-orange-600) 30%,transparent) var(--tw-shadow-alpha),transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow-sm{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-sm{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-sm))}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,box-shadow\,transform\]{transition-property:background-color,box-shadow,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,box-shadow\]{transition-property:background-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,background-color\,box-shadow\]{transition-property:border-color,background-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.\[-webkit-mask-image\:linear-gradient\(to_bottom\,transparent_0\%\,black_15\%\,black_100\%\)\]{-webkit-mask-image:linear-gradient(#0000,#000 15% 100%)}.group-data-\[category\=content\]\:bg-purple-100:is(:where(.group)[data-category=content] *){background-color:var(--color-purple-100)}.group-data-\[category\=content\]\:text-purple-600:is(:where(.group)[data-category=content] *){color:var(--color-purple-600)}.group-data-\[category\=crosscutting\]\:bg-teal-100:is(:where(.group)[data-category=crosscutting] *){background-color:var(--color-teal-100)}.group-data-\[category\=crosscutting\]\:text-teal-600:is(:where(.group)[data-category=crosscutting] *){color:var(--color-teal-600)}.group-data-\[category\=forms\]\:bg-emerald-100:is(:where(.group)[data-category=forms] *){background-color:var(--color-emerald-100)}.group-data-\[category\=forms\]\:text-emerald-600:is(:where(.group)[data-category=forms] *){color:var(--color-emerald-600)}.group-data-\[category\=interactive\]\:bg-amber-100:is(:where(.group)[data-category=interactive] *){background-color:var(--color-amber-100)}.group-data-\[category\=interactive\]\:text-amber-600:is(:where(.group)[data-category=interactive] *){color:var(--color-amber-600)}.group-data-\[category\=overlays\]\:bg-amber-100:is(:where(.group)[data-category=overlays] *){background-color:var(--color-amber-100)}.group-data-\[category\=overlays\]\:text-amber-600:is(:where(.group)[data-category=overlays] *){color:var(--color-amber-600)}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-blue-500\/50:hover{border-color:#3080ff80}@supports (color:color-mix(in lab,red,red)){.hover\:border-blue-500\/50:hover{border-color:color-mix(in oklab,var(--color-blue-500) 50%,transparent)}}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-zinc-50:hover{background-color:var(--color-zinc-50)}.hover\:bg-zinc-100:hover{background-color:var(--color-zinc-100)}.hover\:text-zinc-900:hover{color:var(--color-zinc-900)}.hover\:shadow-\[0_4px_20px_-4px_rgba\(0\,0\,0\,0\.1\)\]:hover{--tw-shadow:0 4px 20px -4px var(--tw-shadow-color,#0000001a)}.hover\:shadow-\[0_4px_20px_-4px_rgba\(0\,0\,0\,0\.1\)\]:hover,.hover\:shadow-lg:hover{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-blue-500:focus-visible{--tw-ring-color:var(--color-blue-500)}.focus-visible\:ring-blue-600:focus-visible{--tw-ring-color:var(--color-blue-600)}.focus-visible\:ring-zinc-400:focus-visible{--tw-ring-color:var(--color-zinc-400)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-3:focus-visible{outline-style:var(--tw-outline-style);outline-width:3px}.focus-visible\:outline-offset-1:focus-visible{outline-offset:1px}.focus-visible\:outline-offset-\[-2px\]:focus-visible{outline-offset:-2px}.focus-visible\:outline-offset-\[-3px\]:focus-visible{outline-offset:-3px}.focus-visible\:outline-blue-500:focus-visible{outline-color:var(--color-blue-500)}.focus-visible\:outline-blue-600:focus-visible{outline-color:var(--color-blue-600)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}@media (prefers-reduced-motion:reduce){.motion-reduce\:transform-none{transform:none}.motion-reduce\:transition-none{transition-property:none}}@media (min-width:40rem){.sm\:block{display:block}.sm\:w-auto{width:auto}.sm\:flex-row{flex-direction:row}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (prefers-color-scheme:dark){.dark\:border-blue-900{border-color:var(--color-blue-900)}.dark\:border-emerald-800{border-color:var(--color-emerald-800)}.dark\:border-red-800{border-color:var(--color-red-800)}.dark\:border-red-900{border-color:var(--color-red-900)}.dark\:border-zinc-700{border-color:var(--color-zinc-700)}.dark\:border-zinc-800{border-color:var(--color-zinc-800)}.dark\:border-zinc-800\/80{border-color:#27272acc}@supports (color:color-mix(in lab,red,red)){.dark\:border-zinc-800\/80{border-color:color-mix(in oklab,var(--color-zinc-800) 80%,transparent)}}.dark\:bg-blue-900\/20{background-color:#1c398e33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-900\/20{background-color:color-mix(in oklab,var(--color-blue-900) 20%,transparent)}}.dark\:bg-blue-900\/30{background-color:#1c398e4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-900\/30{background-color:color-mix(in oklab,var(--color-blue-900) 30%,transparent)}}.dark\:bg-blue-950\/40{background-color:#16245666}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-950\/40{background-color:color-mix(in oklab,var(--color-blue-950) 40%,transparent)}}.dark\:bg-emerald-950\/50{background-color:#002c2280}@supports (color:color-mix(in lab,red,red)){.dark\:bg-emerald-950\/50{background-color:color-mix(in oklab,var(--color-emerald-950) 50%,transparent)}}.dark\:bg-red-950{background-color:var(--color-red-950)}.dark\:bg-red-950\/50{background-color:#46080980}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-950\/50{background-color:color-mix(in oklab,var(--color-red-950) 50%,transparent)}}.dark\:bg-zinc-800{background-color:var(--color-zinc-800)}.dark\:bg-zinc-800\/50{background-color:#27272a80}@supports (color:color-mix(in lab,red,red)){.dark\:bg-zinc-800\/50{background-color:color-mix(in oklab,var(--color-zinc-800) 50%,transparent)}}.dark\:bg-zinc-800\/80{background-color:#27272acc}@supports (color:color-mix(in lab,red,red)){.dark\:bg-zinc-800\/80{background-color:color-mix(in oklab,var(--color-zinc-800) 80%,transparent)}}.dark\:bg-zinc-900{background-color:var(--color-zinc-900)}.dark\:bg-zinc-900\/50{background-color:#18181b80}@supports (color:color-mix(in lab,red,red)){.dark\:bg-zinc-900\/50{background-color:color-mix(in oklab,var(--color-zinc-900) 50%,transparent)}}.dark\:bg-zinc-950{background-color:var(--color-zinc-950)}.dark\:bg-zinc-950\/50{background-color:#09090b80}@supports (color:color-mix(in lab,red,red)){.dark\:bg-zinc-950\/50{background-color:color-mix(in oklab,var(--color-zinc-950) 50%,transparent)}}.dark\:bg-\[linear-gradient\(to_right\,\#27272a_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,\#27272a_1px\,transparent_1px\)\]{background-image:linear-gradient(90deg,#27272a 1px,#0000 0),linear-gradient(#27272a 1px,#0000 0)}.dark\:from-blue-400{--tw-gradient-from:var(--color-blue-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-zinc-900\/50{--tw-gradient-from:#18181b80}@supports (color:color-mix(in lab,red,red)){.dark\:from-zinc-900\/50{--tw-gradient-from:color-mix(in oklab,var(--color-zinc-900) 50%,transparent)}}.dark\:from-zinc-900\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-teal-300{--tw-gradient-to:var(--color-teal-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:text-blue-100{color:var(--color-blue-100)}.dark\:text-blue-300{color:var(--color-blue-300)}.dark\:text-blue-400{color:var(--color-blue-400)}.dark\:text-emerald-300{color:var(--color-emerald-300)}.dark\:text-red-100{color:var(--color-red-100)}.dark\:text-red-300{color:var(--color-red-300)}.dark\:text-zinc-50{color:var(--color-zinc-50)}.dark\:text-zinc-100{color:var(--color-zinc-100)}.dark\:text-zinc-300{color:var(--color-zinc-300)}.dark\:text-zinc-400{color:var(--color-zinc-400)}.dark\:text-zinc-500{color:var(--color-zinc-500)}.dark\:group-data-\[category\=content\]\:bg-purple-500\/10:is(:where(.group)[data-category=content] *){background-color:#ac4bff1a}@supports (color:color-mix(in lab,red,red)){.dark\:group-data-\[category\=content\]\:bg-purple-500\/10:is(:where(.group)[data-category=content] *){background-color:color-mix(in oklab,var(--color-purple-500) 10%,transparent)}}.dark\:group-data-\[category\=content\]\:text-purple-400:is(:where(.group)[data-category=content] *){color:var(--color-purple-400)}.dark\:group-data-\[category\=crosscutting\]\:bg-teal-500\/10:is(:where(.group)[data-category=crosscutting] *){background-color:#00baa71a}@supports (color:color-mix(in lab,red,red)){.dark\:group-data-\[category\=crosscutting\]\:bg-teal-500\/10:is(:where(.group)[data-category=crosscutting] *){background-color:color-mix(in oklab,var(--color-teal-500) 10%,transparent)}}.dark\:group-data-\[category\=crosscutting\]\:text-teal-400:is(:where(.group)[data-category=crosscutting] *){color:var(--color-teal-400)}.dark\:group-data-\[category\=forms\]\:bg-emerald-500\/10:is(:where(.group)[data-category=forms] *){background-color:#00bb7f1a}@supports (color:color-mix(in lab,red,red)){.dark\:group-data-\[category\=forms\]\:bg-emerald-500\/10:is(:where(.group)[data-category=forms] *){background-color:color-mix(in oklab,var(--color-emerald-500) 10%,transparent)}}.dark\:group-data-\[category\=forms\]\:text-emerald-400:is(:where(.group)[data-category=forms] *){color:var(--color-emerald-400)}.dark\:group-data-\[category\=interactive\]\:bg-amber-500\/10:is(:where(.group)[data-category=interactive] *){background-color:#f99c001a}@supports (color:color-mix(in lab,red,red)){.dark\:group-data-\[category\=interactive\]\:bg-amber-500\/10:is(:where(.group)[data-category=interactive] *){background-color:color-mix(in oklab,var(--color-amber-500) 10%,transparent)}}.dark\:group-data-\[category\=interactive\]\:text-amber-400:is(:where(.group)[data-category=interactive] *){color:var(--color-amber-400)}.dark\:group-data-\[category\=overlays\]\:bg-amber-500\/10:is(:where(.group)[data-category=overlays] *){background-color:#f99c001a}@supports (color:color-mix(in lab,red,red)){.dark\:group-data-\[category\=overlays\]\:bg-amber-500\/10:is(:where(.group)[data-category=overlays] *){background-color:color-mix(in oklab,var(--color-amber-500) 10%,transparent)}}.dark\:group-data-\[category\=overlays\]\:text-amber-400:is(:where(.group)[data-category=overlays] *){color:var(--color-amber-400)}@media (hover:hover){.dark\:hover\:border-blue-500\/50:hover{border-color:#3080ff80}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:border-blue-500\/50:hover{border-color:color-mix(in oklab,var(--color-blue-500) 50%,transparent)}}.dark\:hover\:bg-zinc-800:hover{background-color:var(--color-zinc-800)}.dark\:hover\:bg-zinc-800\/50:hover{background-color:#27272a80}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-zinc-800\/50:hover{background-color:color-mix(in oklab,var(--color-zinc-800) 50%,transparent)}}.dark\:hover\:bg-zinc-900\/80:hover{background-color:#18181bcc}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-zinc-900\/80:hover{background-color:color-mix(in oklab,var(--color-zinc-900) 80%,transparent)}}.dark\:hover\:text-zinc-100:hover{color:var(--color-zinc-100)}.dark\:hover\:shadow-\[0_4px_20px_-4px_rgba\(0\,0\,0\,0\.4\)\]:hover{--tw-shadow:0 4px 20px -4px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.dark\:focus-visible\:ring-offset-zinc-950:focus-visible{--tw-ring-offset-color:var(--color-zinc-950)}}}.dark .logo-light,.logo-dark{display:none}.dark .logo-dark{display:block}.page-identity{border-bottom:1px solid var(--a11y-gray-5);margin:0 0 2.5rem;padding-bottom:1.5rem}.page-identity h1{letter-spacing:-.035em;margin:0;font-size:clamp(2rem,5vw,2.75rem);font-weight:700;line-height:1.15}.page-identity-description{max-width:48rem;color:var(--a11y-gray-3);margin:.75rem 0 0;font-size:1.05rem;line-height:1.65}.page-identity-meta{color:var(--a11y-gray-3);flex-wrap:wrap;align-items:center;gap:.35rem .6rem;margin:.8rem 0 0;font-size:.875rem;display:flex}.page-identity-meta a,.site-footer-content a{text-underline-offset:.2em;text-decoration:underline}.site-footer{flex-direction:column;gap:1.25rem;width:100%;display:flex}.site-footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;width:100%;display:flex}.site-footer-content nav{flex-wrap:wrap;gap:1rem;display:flex}.site-footer-sponsor{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font-size:.875rem;display:flex}.site-footer-sponsor-link{align-items:center;padding-block:.25rem;display:inline-flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.experience-loop{border:1px solid var(--a11y-gray-5);background:var(--a11y-bg);border-radius:1rem;grid-template-columns:minmax(0,auto) auto minmax(0,1fr) auto minmax(0,auto);align-items:center;gap:.75rem;max-width:52rem;margin:2.5rem auto 0;padding:.8rem 1rem;display:grid}@supports (color:color-mix(in lab,red,red)){.experience-loop{background:color-mix(in srgb,var(--a11y-bg) 88%,transparent)}}.experience-loop{color:var(--a11y-gray-3);text-align:left;box-shadow:0 16px 45px -35px #0f172a99}.experience-loop code,.experience-loop q{color:var(--a11y-text);font-size:.875rem}.experience-loop>span:not([aria-hidden]){gap:.1rem;min-width:0;display:grid}.experience-loop strong{color:var(--a11y-text);font-size:.8rem}.experience-loop small{text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;overflow:hidden}.example-explorer,.learning-paths{width:min(100% - 2rem,78rem);margin-inline:auto}.learning-paths{padding-block:2.5rem 4.5rem}.example-explorer-heading,.learning-paths-heading{max-width:46rem}.section-eyebrow{color:var(--a11y-accent-high);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .5rem;font-size:.75rem;font-weight:750}.example-explorer h2,.learning-paths h2{color:var(--a11y-text);letter-spacing:-.035em;margin:0;font-size:clamp(1.75rem,3vw,2.4rem);font-weight:750;line-height:1.15}.example-explorer-heading>div>p:last-child,.learning-paths-heading>p:last-child{color:var(--a11y-gray-3);margin:.65rem 0 0;font-size:1rem}.learning-path-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.75rem;display:grid}.learning-path-card{border:1px solid var(--a11y-gray-5);background:var(--a11y-bg);border-radius:1.25rem;flex-direction:column;min-width:0;padding:1.4rem;display:flex}@supports (color:color-mix(in lab,red,red)){.learning-path-card{background:color-mix(in srgb,var(--a11y-bg) 94%,var(--a11y-accent-low))}}.learning-path-card>svg{color:var(--a11y-accent-high)}.learning-path-card h3{color:var(--a11y-text);margin:.9rem 0 0;font-size:1.15rem;font-weight:700}.learning-path-card>p{min-height:4.5em;color:var(--a11y-gray-3);margin:.4rem 0 0;font-size:.9rem;line-height:1.55}.learning-path-card ol{gap:.15rem;margin:1rem 0;padding:0;list-style:none;display:grid}.learning-path-card li{margin:0}.learning-path-card li a{min-height:2.35rem;color:var(--a11y-gray-3);border-radius:.5rem;align-items:center;gap:.6rem;padding:.35rem;font-size:.86rem;text-decoration:none;display:flex}.learning-path-card li a:hover{background:var(--a11y-gray-6);color:var(--a11y-text)}.clear-example-filters:focus-visible,.example-empty-state button:focus-visible,.learning-path-card li a:focus-visible,.learning-path-start:focus-visible{outline:2px solid var(--a11y-accent);outline-offset:2px}.learning-path-card li a span{border:1px solid var(--a11y-gray-5);width:1.5rem;height:1.5rem;color:var(--a11y-gray-3);border-radius:999px;flex:none;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.7rem;display:inline-grid}.learning-path-start{min-height:2.75rem;color:var(--a11y-accent-high);align-self:flex-start;align-items:center;gap:.4rem;margin-top:auto;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.example-explorer{padding-block:1rem 5rem;scroll-margin-top:6rem}.example-explorer-heading{justify-content:space-between;align-items:end;gap:1.5rem;max-width:none;display:flex}.example-count{border:1px solid var(--a11y-gray-5);color:var(--a11y-gray-3);border-radius:999px;flex:none;margin:0;padding:.45rem .75rem;font-size:.8rem;font-weight:700}.example-filter-panel{border:1px solid var(--a11y-gray-5);background:var(--a11y-bg-nav);border-radius:1.1rem;gap:1rem;margin-top:1.5rem;padding:1rem;display:grid}.example-search{max-width:34rem;color:var(--a11y-text);gap:.4rem;font-size:.85rem;font-weight:700;display:grid}.example-search input{border:1px solid var(--a11y-gray-5);background:var(--a11y-bg);min-height:3rem;color:var(--a11y-text);font:inherit;border-radius:.75rem;padding:.7rem .85rem;font-weight:400}.example-search input:focus-visible{border-color:var(--a11y-accent);outline:2px solid var(--a11y-accent);outline-offset:1px}.category-filter{border:0;min-width:0;margin:0;padding:0}.category-filter legend{color:var(--a11y-text);margin-bottom:.45rem;font-size:.85rem;font-weight:700}.category-filter-options{flex-wrap:wrap;gap:.45rem;display:flex}.category-filter-options label{position:relative}.category-filter-options input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.category-filter-options span{border:1px solid var(--a11y-gray-5);background:var(--a11y-bg);min-height:2.75rem;color:var(--a11y-gray-3);cursor:pointer;border-radius:999px;align-items:center;padding:.45rem .8rem;font-size:.82rem;font-weight:650;display:inline-flex}.category-filter-options input:checked+span{border-color:var(--a11y-accent-high);background:var(--a11y-accent-low);color:var(--a11y-accent-high)}.category-filter-options input:focus-visible+span{outline:2px solid var(--a11y-accent);outline-offset:2px}.example-results{margin-top:2rem}.example-category{margin-bottom:2.75rem}.example-category>h3{border-bottom:1px solid var(--a11y-gray-5);color:var(--a11y-text);letter-spacing:-.02em;margin:0 0 1rem;padding-bottom:.6rem;font-size:1.3rem;font-weight:720}.example-card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:1rem;display:grid}.example-empty-state{border:1px dashed var(--a11y-gray-5);border-radius:1rem;justify-items:start;margin-top:2rem;padding:2rem;display:grid}.example-empty-state h3,.example-empty-state p{margin:0}.example-empty-state p{color:var(--a11y-gray-3);margin-top:.35rem}.clear-example-filters,.example-empty-state button{border:1px solid var(--a11y-gray-5);background:var(--a11y-bg);min-height:2.75rem;color:var(--a11y-text);cursor:pointer;font:inherit;border-radius:.7rem;margin-top:1rem;padding:.55rem .85rem;font-size:.85rem;font-weight:650}.not-found{min-height:65vh;color:var(--a11y-text);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.not-found-code{color:var(--a11y-accent-high);letter-spacing:.18em;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;font-weight:800}.not-found h1{letter-spacing:-.04em;max-width:40rem;margin:.75rem 0 0;font-size:clamp(2rem,5vw,3rem);line-height:1.05}.not-found>p:not(.not-found-code){max-width:38rem;color:var(--a11y-gray-3);margin:1rem 0 0;line-height:1.65}.not-found ul{flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem;margin:1.75rem 0 0;padding:0;list-style:none;display:flex}.not-found a{min-height:2.75rem;color:var(--a11y-accent-high);align-items:center;font-weight:650;display:inline-flex}@media (max-width:850px){.learning-path-grid{grid-template-columns:1fr}.learning-path-card>p{min-height:0}}@media (max-width:640px){.experience-loop{text-align:center;grid-template-columns:1fr;justify-items:center}.experience-loop>span[aria-hidden]{transform:rotate(90deg)}.example-explorer-heading{flex-direction:column;align-items:start}.category-filter-options{flex-wrap:nowrap;margin-inline:-.25rem;padding:.25rem;overflow-x:auto}.category-filter-options label{flex:none}}:root{--a11y-accent:#2563eb;--a11y-accent-high:#1d4ed8;--a11y-accent-low:#dbeafe;--a11y-bg:#fff;--a11y-bg-nav:#f8fafc;--a11y-gray-2:#71717a;--a11y-gray-3:#52525b;--a11y-gray-4:#3f3f46;--a11y-gray-5:#e4e4e7;--a11y-gray-6:#f4f4f5;--a11y-text:#18181b}.dark{--a11y-accent:#3b82f6;--a11y-accent-high:#93c5fd;--a11y-accent-low:#1e3a5f;--a11y-bg:#111;--a11y-bg-nav:#0a0a0a;--a11y-gray-2:#d4d4d8;--a11y-gray-3:#a1a1aa;--a11y-gray-4:#52525b;--a11y-gray-5:#3f3f46;--a11y-gray-6:#27272a;--a11y-text:#fafafa}.example-preview-card{border-top-width:1px;background:var(--a11y-bg);border:1px solid var(--a11y-gray-5);border-top:3px solid var(--a11y-gray-5);border-radius:.85rem;overflow:hidden;box-shadow:0 8px 25px -24px #0f172ab3}.example-preview-card-bad{border-top-color:#dc2626}.example-preview-card-good{border-top-color:#059669}.example-preview-heading{border-bottom:1px solid var(--a11y-gray-5);background:var(--a11y-bg-nav);color:var(--a11y-gray-3);letter-spacing:.1em;text-transform:uppercase;padding:.55rem .8rem;font-size:.7rem;font-weight:750}.example-preview-content{background:var(--a11y-bg);min-height:5rem;color:var(--a11y-text);padding:1.25rem}.example-emulator-trigger{border:0;border-top:1px solid var(--a11y-gray-5);background:var(--a11y-bg-nav);width:100%;min-height:2.75rem;color:var(--a11y-gray-3);cursor:pointer;font:inherit;justify-content:center;align-items:center;padding:.6rem .8rem;font-size:.85rem;font-weight:650;display:flex}.example-emulator-trigger:hover{background:var(--a11y-gray-6);color:var(--a11y-text)}.example-code-disclosure summary:focus-visible,.example-emulator-trigger:focus-visible{z-index:1;outline:2px solid var(--a11y-accent);outline-offset:-3px;position:relative}.example-emulator-host:empty{display:none}.example-code-disclosure{border:1px solid var(--a11y-gray-5);background:var(--a11y-bg-nav);border-radius:.75rem;margin-top:.75rem}.example-code-disclosure summary{border-radius:inherit;min-height:2.75rem;color:var(--a11y-gray-3);cursor:pointer;align-items:center;padding:.6rem .8rem;font-size:.82rem;font-weight:650;display:flex}.example-code-disclosure summary:hover{color:var(--a11y-text)}.example-code-disclosure[open] summary{border-bottom:1px solid var(--a11y-gray-5);border-bottom-right-radius:0;border-bottom-left-radius:0}.example-code-content{min-width:0;padding:0 .75rem .75rem}.screen-reader-emulator{border:1px solid var(--a11y-gray-4);background:var(--a11y-bg);border-radius:.85rem;margin-top:.75rem;position:relative;overflow:hidden;box-shadow:0 16px 36px -28px #0f172acc}.screen-reader-emulator:focus-visible{outline:3px solid var(--a11y-accent);outline-offset:2px}.emulator-instructions{border-bottom:1px solid var(--a11y-gray-5);background:var(--a11y-accent-low);margin:0;padding:.7rem .85rem}@supports (color:color-mix(in lab,red,red)){.emulator-instructions{background:color-mix(in srgb,var(--a11y-accent-low) 45%,var(--a11y-bg))}}.emulator-instructions{color:var(--a11y-gray-3);font-size:.78rem;line-height:1.5}.emulator-toolbar{border-bottom:1px solid var(--a11y-gray-5);background:var(--a11y-bg-nav);gap:.65rem;padding:.75rem;display:grid}.emulator-navigation-controls,.emulator-settings-controls,.emulator-speed-control,.emulator-toolbar-heading{flex-wrap:wrap;align-items:center;display:flex}.emulator-toolbar-heading{color:var(--a11y-text);gap:.45rem;font-size:.78rem;font-weight:750}.emulator-active-dot{background:#16a34a;border-radius:999px;width:.55rem;height:.55rem;animation:emulator-pulse 1.6s ease-in-out infinite}@keyframes emulator-pulse{50%{opacity:.45}}.emulator-mode{color:#fff;letter-spacing:.05em;text-transform:uppercase;border-radius:.35rem;margin-left:auto;padding:.2rem .45rem;font-size:.65rem;font-weight:800}.emulator-mode-browse{background:#2563eb}.emulator-mode-focus{background:#c2410c}.emulator-navigation-controls,.emulator-settings-controls{gap:.4rem}.emulator-settings-controls{border-top:1px solid var(--a11y-gray-5);padding-top:.6rem}.emulator-toolbar button{border:1px solid var(--a11y-gray-5);background:var(--a11y-bg);min-height:2.75rem;color:var(--a11y-text);cursor:pointer;font:inherit;border-radius:.55rem;justify-content:center;align-items:center;gap:.25rem;padding:.5rem .7rem;font-size:.75rem;font-weight:650;display:inline-flex}.emulator-toolbar button:hover:not(:disabled){border-color:var(--a11y-accent);background:var(--a11y-accent-low)}.emulator-speed-control input:focus-visible,.emulator-toolbar button:focus-visible{outline:2px solid var(--a11y-accent);outline-offset:2px}.emulator-toolbar button:disabled{cursor:not-allowed;opacity:.45}.emulator-toolbar .emulator-icon-button{width:2.75rem;padding-inline:0}.emulator-toolbar .emulator-stop-button{color:#fff;background:#b91c1c;border-color:#b91c1c}.emulator-toolbar .emulator-stop-button:hover{background:#991b1b;border-color:#991b1b}.emulator-speed-control{min-height:2.75rem;color:var(--a11y-gray-3);gap:.45rem;margin-right:auto;font-size:.72rem;font-weight:650}.emulator-speed-control input{width:5.5rem;accent-color:var(--a11y-accent)}.emulator-speed-control output{min-width:2.4rem;color:var(--a11y-text);text-align:right}@media (max-width:520px){.emulator-navigation-controls{grid-template-columns:1fr 1fr;display:grid}.emulator-navigation-controls button:last-child{grid-column:1/-1}.emulator-settings-controls{align-items:stretch}.emulator-speed-control{width:100%;margin-right:0}.emulator-speed-control input{flex:1}}@media (forced-colors:active){.coverage-filters,.coverage-table-wrapper,.example-filter-panel,.example-preview-card,.learning-path-card,.screen-reader-emulator{border-color:canvastext}.emulator-active-dot{background:highlight}}.wcag-coverage-index{margin-block:2rem}.coverage-index-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.coverage-index-heading h2,.coverage-index-heading p{margin-block:0 .5rem}.coverage-count{flex:none;font-weight:650}.coverage-filters{background:#fafafa;border:1px solid #d4d4d8;border-radius:.75rem;grid-template-columns:minmax(14rem,2fr) repeat(3,minmax(9rem,1fr));gap:.75rem;margin-block:1rem;padding:1rem;display:grid}.coverage-filters label,.coverage-filters span{display:block}.coverage-filters span{margin-bottom:.25rem;font-size:.85rem;font-weight:650}.coverage-filters input,.coverage-filters select{box-sizing:border-box;color:#18181b;background:#fff;border:1px solid #a1a1aa;border-radius:.4rem;width:100%;min-height:2.75rem;padding:.55rem .7rem}.coverage-legend{font-size:.9rem}.coverage-table-wrapper{border:1px solid #d4d4d8;border-radius:.75rem;overflow-x:auto}.coverage-table{border-collapse:collapse;width:100%;min-width:58rem;margin:0}.coverage-table td,.coverage-table th{text-align:left;vertical-align:top;border-bottom:1px solid #e4e4e7;padding:.75rem}.coverage-table tbody tr:last-child>*{border-bottom:0}.coverage-links{flex-wrap:wrap;gap:.3rem .75rem;margin-top:.35rem;display:flex}.coverage-status{text-transform:capitalize;border-radius:999px;padding:.2rem .5rem;font-size:.75rem;font-weight:700;display:inline-block}.coverage-status-covered{color:#14532d;background:#dcfce7}.coverage-status-partial{color:#713f12;background:#fef9c3}.coverage-status-missing{color:#7f1d1d;background:#fee2e2}.coverage-empty-state{text-align:center;border:1px dashed #a1a1aa;border-radius:.75rem;padding:2rem}html.dark .coverage-filters{background:#18181b;border-color:#52525b}html.dark .coverage-filters input,html.dark .coverage-filters select{color:#fafafa;background:#27272a;border-color:#71717a}html.dark .coverage-table-wrapper{border-color:#52525b}html.dark .coverage-table td,html.dark .coverage-table th{border-color:#3f3f46}html.dark .coverage-status-covered{color:#bbf7d0;background:#14532d}@media (max-width:900px){.coverage-index-heading{display:block}.coverage-filters{grid-template-columns:1fr 1fr}}@media (max-width:520px){.coverage-filters{grid-template-columns:1fr}}@view-transition{navigation:auto}::view-transition-old(root){animation:fade-out .15s ease-out}::view-transition-new(root){animation:fade-in .2s ease-in}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}.emulator-active-dot{animation:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}