@layer sections{.series-finder{padding-block:var(--space-large);background-color:var(--color-gray-50);background-image:radial-gradient(40rem 24rem at 85% 40%, color-mix(in srgb, var(--color-primary) 18%, transparent), transparent 70%), var(--pattern-pixels);background-size:auto, var(--pattern-pixels-size);border-block:var(--border-width) solid var(--border-color)}.series-finder__inner{gap:var(--space-lg);display:grid}.series-finder__title{margin-block:0 var(--space-xs);font-size:var(--size-headline);line-height:var(--leading-headline)}.series-finder__sub{max-width:50ch;color:var(--color-gray-600);font-size:var(--size-lg);margin:0}.series-finder__form{gap:var(--space-md);display:grid}.series-finder__question{border:0;min-inline-size:0;margin:0;padding:0}.series-finder__label{margin-block-end:var(--space-2xs);padding:0;font-weight:700}.series-finder__options{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.series-finder__option{padding:var(--space-2xs) var(--space-default);border:var(--border-width) solid var(--color-gray-300);border-radius:var(--radius);background:var(--color-gray-100);color:var(--color-gray-900);cursor:pointer;align-items:center;font-weight:600;transition:background-color .16s cubic-bezier(.16,1,.3,1),color .16s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.series-finder__option input{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.series-finder__option:hover{border-color:var(--color-primary-readable);background:var(--color-gray-200)}.series-finder__option:has(input:checked){background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-ink)}.series-finder__option:has(input:focus-visible){outline:var(--border-width-accent) solid var(--color-primary-readable);outline-offset:2px}.series-finder__result{padding:var(--space-md);border:var(--border-width) solid var(--border-color);border-radius:var(--radius);background:var(--color-gray-100);align-self:start;transition:border-color .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1)}.series-finder__result:has(.series-finder__result-name){border-color:var(--color-primary-readable);box-shadow:0 1rem 2.5rem color-mix(in srgb, var(--color-primary-readable) 20%, transparent)}.series-finder__answer{animation:.7s cubic-bezier(.16,1,.3,1) series-finder-light}@keyframes series-finder-light{0%{opacity:.4;filter:brightness(1.6);transform:translateY(.375rem)}}.series-finder__pending{color:var(--color-gray-600);margin:0}.series-finder__result-label{color:var(--color-gray-600);font-size:var(--size-sm);margin:0}.series-finder__result-name{margin:var(--space-3xs) 0 var(--space-xs);color:var(--color-primary-readable);font-size:var(--size-xl);font-weight:700;line-height:var(--leading-subline)}.series-finder__result-tagline{color:var(--color-gray-800);font-size:var(--size-md);font-weight:600;display:block}.series-finder__result-reason{margin:0 0 var(--space-md);color:var(--color-gray-700)}.series-finder__actions{gap:var(--space-xs);flex-wrap:wrap;display:flex}.series-finder__cta{padding:var(--space-xs) var(--space-md);border:var(--border-width) solid var(--color-gray-900);border-radius:var(--radius);color:var(--color-gray-900);align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.series-finder__cta--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-ink);box-shadow:var(--shadow-glow)}@media (min-width:62rem){.series-finder__inner{grid-template-columns:1fr 1fr;align-items:start}.series-finder__intro{grid-column:1/-1}}}