@layer components{.selector-orientation{max-inline-size:var(--width-reading);padding-block:var(--spacing-12) var(--spacing-8)}.selector-orientation .technical-eyebrow{margin-block-end:var(--spacing-2)}.selector-task-description{max-inline-size:45rem;font-size:var(--text-body);line-height:var(--text-body--line-height)}.selector-alignment-notice{gap:var(--spacing-4);padding:var(--spacing-4);border-block:var(--size-rule-strong) solid var(--color-caution-information);background:var(--color-surface);margin-block-start:var(--spacing-6);display:flex}.selector-alignment-notice>span{flex:0 0 var(--size-target-min);inline-size:var(--size-target-min);block-size:var(--size-target-min);border:var(--size-rule-strong) solid var(--color-caution-information);color:var(--color-ink-strong);font-family:var(--font-mono);font-weight:var(--font-weight-semibold);border-radius:50%;place-items:center;display:inline-grid}.selector-alignment-notice h2{margin:0 0 var(--spacing-2)}.selector-alignment-notice p,.selector-noscript{margin:0}.selector-experience{padding-block-end:var(--spacing-16)}.selector-noscript{padding:var(--spacing-4);border-inline-start:var(--size-rule-strong) solid var(--color-caution-verify);background:var(--color-surface);margin-block-end:var(--spacing-4)}.selector-island{gap:var(--spacing-8);min-inline-size:0;display:grid}.selector-island>astro-island,.selector-controls-runtime{display:contents}.selector-results-host[aria-busy=true]{cursor:progress}.selector-controls{min-inline-size:0;padding:var(--spacing-6);border:var(--size-rule) solid var(--color-rule);background:var(--color-surface)}.selector-controls fieldset{border:0;min-inline-size:0;margin:0;padding:0}.selector-controls legend,.selector-controls h2{inline-size:100%;margin-block:var(--spacing-6) var(--spacing-4);color:var(--color-ink-strong);font-size:var(--text-heading);font-weight:var(--font-weight-semibold)}.selector-goals{gap:var(--spacing-2);display:grid}.selector-goal{align-items:center;gap:var(--spacing-2);min-block-size:var(--size-target-min);padding:var(--spacing-2) var(--spacing-4);border:var(--size-rule) solid var(--color-rule);background:var(--color-page);cursor:pointer;transition:border-color var(--duration-state) var(--ease-state), background-color var(--duration-state) var(--ease-state);grid-template-columns:1rem minmax(0,1fr);display:grid;position:relative}.selector-goal:hover{background:var(--color-hover)}.selector-goal:has(input:checked){border-inline-start:var(--spacing-1) solid var(--color-accent);background:var(--color-surface-subtle)}.selector-goal input{block-size:1rem;min-block-size:1rem;inline-size:1rem;min-inline-size:1rem;accent-color:var(--color-accent);margin:0}.selector-goal input:checked+span:before{content:"Selected · ";font-family:var(--font-mono);font-size:var(--text-label);font-weight:var(--font-weight-semibold)}.selector-goal span,.selector-secondary-values,.selector-select span,.selector-results span,.selector-results strong,.selector-results a,.selector-results button{overflow-wrap:anywhere}.selector-secondary{border-block:var(--size-rule) solid var(--color-rule);margin-block-start:var(--spacing-6)}.selector-secondary summary{min-block-size:var(--size-target-min);padding-block:var(--spacing-2);cursor:pointer;font-weight:var(--font-weight-semibold);align-content:center;display:grid}.selector-secondary-values{color:var(--color-ink-muted);font-family:var(--font-mono);font-size:var(--text-label);font-weight:var(--font-weight-regular)}.selector-select{gap:var(--spacing-1);margin-block:var(--spacing-4);color:var(--color-ink-strong);font-weight:var(--font-weight-semibold);display:grid}.selector-select select{inline-size:100%;min-block-size:var(--size-target-min);padding-inline:var(--spacing-2);border:var(--size-rule) solid var(--color-rule);color:var(--color-ink-strong);background:var(--color-surface);font:inherit}.selector-controls dl,.selector-no-compatible dl{margin:0}.selector-controls dl div,.selector-no-compatible dl div{gap:var(--spacing-2);padding-block:var(--spacing-2);border-block-start:var(--size-rule) solid var(--color-rule);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.selector-controls dt,.selector-no-compatible dt{color:var(--color-ink-strong);font-weight:var(--font-weight-semibold)}.selector-controls dd,.selector-no-compatible dd{overflow-wrap:anywhere;margin:0}.selector-actions{gap:var(--spacing-2);flex-wrap:wrap;margin-block-start:var(--spacing-6);display:flex}.selector-controls button,.selector-results button,.selector-results a{min-block-size:var(--size-target-min)}.selector-controls button,.selector-results button{padding:var(--spacing-2) var(--spacing-4);border:var(--size-rule-strong) solid var(--color-accent);color:var(--color-ink-strong);background:var(--color-surface);font:inherit;font-weight:var(--font-weight-semibold);cursor:pointer}.selector-controls button:first-child{color:var(--color-surface);background:var(--color-accent)}.selector-controls button:focus-visible,.selector-results button:focus-visible,.selector-results a:focus-visible,.selector-goal input:focus-visible,.selector-secondary summary:focus-visible,.selector-select select:focus-visible{outline:var(--size-focus-ring) solid var(--color-focus);outline-offset:var(--size-focus-offset)}.selector-results{min-inline-size:0}.selector-results>[role=status]{min-block-size:var(--size-target-min)}.selector-shortlist{padding:var(--spacing-4);border:var(--size-rule-strong) solid var(--color-accent);background:var(--color-surface);margin-block-end:var(--spacing-8)}.selector-shortlist h2,.selector-results section>h2{margin-block-start:0}.selector-results section>h2{align-items:baseline;gap:var(--spacing-2) var(--spacing-4);flex-wrap:wrap;display:flex}.selector-compatible-count{padding:var(--spacing-1) var(--spacing-2);border:var(--size-rule) solid var(--color-rule);color:var(--color-ink-muted);font-family:var(--font-mono);font-size:var(--text-label);font-variant-numeric:var(--font-variant-numeric-tabular);font-weight:var(--font-weight-semibold)}.selector-shortlist ol,.selector-compatible-list,.selector-eliminated ol{margin:0;padding:0;list-style:none}.selector-shortlist li{align-items:center;gap:var(--spacing-2) var(--spacing-4);padding-block:var(--spacing-2);border-block-start:var(--size-rule) solid var(--color-rule);flex-wrap:wrap;display:flex}.selector-shortlist-status,.selector-family,.selector-contribution-points{align-items:center;gap:var(--spacing-2);display:inline-flex}.selector-state-marker,.selector-family-marker,.selector-exclusion-marker{color:currentColor;font-family:var(--font-mono);font-weight:var(--font-weight-semibold);flex:none;line-height:1}.selector-shortlist li[data-shortlist-status=compatible] .selector-shortlist-status{color:var(--color-accent)}.selector-shortlist li[data-shortlist-status=now-eliminated]{border-inline-start:var(--size-rule-strong) solid var(--color-caution-incompatible);padding-inline-start:var(--spacing-2)}.selector-shortlist li[data-shortlist-status=now-eliminated] .selector-shortlist-status{color:var(--color-caution-incompatible);font-weight:var(--font-weight-semibold)}.selector-family{color:var(--color-ink-muted)}.selector-family-marker{border:var(--size-rule-strong) solid currentColor;block-size:.65rem;inline-size:.65rem;color:var(--color-caution-unknown);transform:rotate(45deg)}.selector-compatible-list>li,.selector-eliminated ol>li{border-block-start:var(--size-rule-strong) solid var(--color-rule)}.selector-compatible-list>li{min-inline-size:0}.selector-compatible-list>li[data-alignment=highest]{border-block-start-color:var(--color-accent)}.selector-compatible-list>li[data-alignment=highest]>article{border-inline-start:var(--size-rule-strong) solid var(--color-accent);padding-inline-start:var(--spacing-4)}.selector-compatible-list article,.selector-eliminated article{min-inline-size:0;padding-block:var(--spacing-6)}.selector-compatible-list h3,.selector-eliminated h3{margin-block:0 var(--spacing-2)}.selector-rank,.selector-score,.selector-contribution-points{font-family:var(--font-mono);font-variant-numeric:var(--font-variant-numeric-tabular)}.selector-score,.selector-highest-alignment{font-size:var(--text-label);font-weight:var(--font-weight-semibold)}.selector-highest-alignment{color:var(--color-accent)}.selector-compatible-list details,.selector-eliminated{margin-block:var(--spacing-4)}.selector-compatible-list summary,.selector-eliminated>summary{min-block-size:var(--size-target-min);cursor:pointer;color:var(--color-ink-strong);font-weight:var(--font-weight-semibold);align-items:center;display:flex}.selector-compatible-list details ul,.selector-eliminated article ul{padding-inline-start:var(--spacing-6)}.selector-compatible-list details li,.selector-eliminated article li{margin-block:var(--spacing-2)}.selector-calculation li{gap:var(--spacing-1);border-inline-start:var(--size-rule-strong) solid var(--color-rule);padding-inline-start:var(--spacing-2);display:grid}.selector-calculation li[data-contribution-state=positive]{border-inline-start-color:var(--color-accent)}.selector-calculation li[data-contribution-state=positive] .selector-contribution-points{color:var(--color-accent)}.selector-calculation li[data-contribution-state=zero] .selector-contribution-points{color:var(--color-caution-unknown)}.selector-contribution-points{font-size:var(--text-label);font-weight:var(--font-weight-semibold)}.selector-compatible-list details span,.selector-eliminated article span{display:block}.selector-compatible-list details .selector-contribution-points{display:inline-flex}.selector-result-actions{gap:var(--spacing-2) var(--spacing-4);padding:var(--spacing-4);border-block:var(--size-rule) solid var(--color-rule);background:var(--color-surface-subtle);flex-wrap:wrap;margin-block-start:var(--spacing-4);display:flex}.selector-compatible-list nav span,.selector-compatible-list nav a{align-items:center;display:inline-flex}.selector-compatible-list nav span{color:var(--color-ink-muted)}.selector-eliminated{border-block:var(--size-rule-strong) solid var(--color-caution-incompatible)}.selector-eliminated>summary{align-content:center;gap:var(--spacing-1);display:grid}.selector-eliminated-help{color:var(--color-ink-muted);font-size:var(--text-label);font-weight:var(--font-weight-regular)}.selector-eliminated article li{gap:var(--spacing-1) var(--spacing-2);padding:var(--spacing-2);border-inline-start:var(--size-rule-strong) solid currentColor;grid-template-columns:1.5rem minmax(0,1fr);display:grid}.selector-eliminated article li>:not(.selector-exclusion-marker){grid-column:2}.selector-eliminated article li[data-exclusion-state=blocked]{color:var(--color-caution-incompatible)}.selector-eliminated article li[data-exclusion-state=indeterminate]{color:var(--color-caution-verify)}.selector-eliminated article li>span:last-child,.selector-eliminated article li>span:nth-last-child(2){color:var(--color-ink)}.selector-exclusion-marker{border:var(--size-rule-strong) solid currentColor;grid-area:1/1/span 3;place-items:center;block-size:1.5rem;inline-size:1.5rem;display:inline-grid}[data-exclusion-state=blocked] .selector-exclusion-marker{clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}[data-exclusion-state=indeterminate] .selector-exclusion-marker{clip-path:polygon(50% 0,100% 100%,0 100%);align-items:end}.selector-no-compatible{padding:var(--spacing-4);border:var(--size-rule-strong) solid var(--color-caution-incompatible);background:var(--color-surface)}@media (width>=40rem){.selector-goals{grid-template-columns:repeat(2,minmax(0,1fr))}.selector-compatible-list article{gap:0 var(--spacing-6);grid-template-columns:minmax(6rem,.3fr) minmax(0,1fr);display:grid}.selector-compatible-list article>*{grid-column:2}.selector-compatible-list article>p:first-child{font-family:var(--font-mono);font-size:var(--text-heading);font-variant-numeric:var(--font-variant-numeric-tabular);grid-area:1/1/span 3}}@media (width>=64rem){.selector-island{grid-template-columns:minmax(320px,380px) minmax(0,1fr);align-items:start}.selector-controls{grid-area:1/1/span 2}.selector-status{grid-area:1/2}.selector-results-host{grid-area:2/2}}@media (width>=80rem){.selector-island{grid-template-columns:minmax(320px,400px) minmax(0,1fr)}}@media (width<=39.999rem){.selector-orientation{padding-block-start:var(--spacing-8)}.selector-alignment-notice,.selector-shortlist li,.selector-actions,.selector-compatible-list nav{grid-template-columns:minmax(0,1fr);display:grid}.selector-alignment-notice>span{justify-self:start}.selector-controls{padding:var(--spacing-4)}.selector-controls dl div,.selector-no-compatible dl div{grid-template-columns:minmax(0,1fr)}.selector-controls button,.selector-results button{inline-size:100%}}@media (prefers-reduced-motion:reduce){.selector-goal,.selector-controls button,.selector-results button,.selector-results a{scroll-behavior:auto;transition:none}}@media (forced-colors:active){.selector-alignment-notice,.selector-shortlist,.selector-eliminated,.selector-goal:has(input:checked){forced-color-adjust:auto;border-color:canvastext}.selector-compatible-list>li[data-alignment=highest]>article,.selector-shortlist li[data-shortlist-status=now-eliminated],.selector-calculation li,.selector-eliminated article li,.selector-state-marker,.selector-family-marker,.selector-exclusion-marker{color:canvastext;forced-color-adjust:auto;border-color:canvastext}.selector-controls button:focus-visible,.selector-results button:focus-visible,.selector-results a:focus-visible,.selector-goal input:focus-visible,.selector-secondary summary:focus-visible,.selector-select select:focus-visible{outline-color:highlight}}}