@layer components{.reach-pair{display:grid;gap:1rem}.reach-side{display:flex;flex-direction:column;min-width:0}.reach-cap{margin-bottom:.375rem;color:var(--color-ink-2);font-size:.75rem;font-weight:600;line-height:1.3}.reach-win{flex:1;display:flex;flex-direction:column;padding:.75rem .875rem .875rem}.reach-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.375rem .75rem;font-size:var(--text-ui);font-weight:600;line-height:1.3}.reach-h .role-chip{min-height:1.5rem;padding:.125rem .5rem;font-size:.75rem}.reach-rows{display:grid;gap:.25rem;margin-top:.625rem}.reach-row{display:grid;grid-template-columns:5.5rem minmax(0,1fr) auto;align-items:center;gap:.625rem;padding:.4375rem .5rem;border-radius:var(--radius-inner);background:var(--color-tint);font-size:var(--text-ui);line-height:1.3;transition:background-color var(--duration-ui) linear,opacity var(--duration-state) linear,transform var(--duration-state) var(--ease-out)}.reach-row.is-fit{background:var(--role)}.reach-sys{display:flex;align-items:center;gap:.3125rem;font-weight:600;white-space:nowrap}.reach-sys .ico{flex:none;width:.75rem;height:.75rem;color:var(--color-ink-2)}.reach-what b{font-weight:600}.reach-row.is-wide .reach-what b{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;text-decoration-color:var(--color-ink-2)}.reach-row.is-none{background:var(--color-sheet);box-shadow:inset 0 0 0 1px var(--color-line-2)}.reach-row.is-none .reach-what{color:var(--color-ink-2)}.reach-row.is-none .reach-what b{color:var(--color-ink)}.reach-tag{justify-self:end;padding:.0625rem .375rem;border-radius:var(--radius-inner);background:var(--color-sheet);box-shadow:inset 0 0 0 1px var(--color-line-2);color:var(--color-ink-2);font-size:.6875rem;font-weight:600;line-height:1.4;white-space:nowrap}.reach-q{display:flex;align-items:flex-start;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-line);font-size:var(--text-ui);line-height:1.4}.reach-qn{color:var(--color-ink-2)}.reach-av{flex:none;display:grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--color-tint);box-shadow:inset 0 0 0 1px var(--color-line-2);font-size:.6875rem;font-weight:600}.reach-set{margin-top:auto;padding-top:.625rem;color:var(--color-ink-2);font-size:.75rem;line-height:1.4}@container (min-width: 46rem){.reach-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.reach-row{min-height:2.875rem}.reach-q{min-height:4.25rem}}:is([data-reach],[data-seats]) :is(.reach-q,.reach-k,.reach-set){transition:opacity var(--duration-state) linear,transform var(--duration-state) var(--ease-out)}:where(.motion) :is([data-reach],[data-seats]):not(.is-r1) .reach-plug .reach-row:nth-child(1),:where(.motion) :is([data-reach],[data-seats]):not(.is-r2) .reach-plug .reach-row:nth-child(2),:where(.motion) :is([data-reach],[data-seats]):not(.is-r3) .reach-plug .reach-row:nth-child(3),:where(.motion) :is([data-reach],[data-seats]):not(.is-r4) .reach-plug .reach-row:nth-child(4),:where(.motion) :is([data-reach],[data-seats]):not(.is-q) .reach-plug :is(.reach-q,.reach-set),:where(.motion) :is([data-reach],[data-seats]):not(.is-one) .reach-k,:where(.motion) :is([data-reach],[data-seats]):not(.is-qk) .reach-k :is(.reach-q,.reach-set){opacity:0;transform:translateY(6px)}:where(.motion) :is([data-reach],[data-seats]):not(.is-fit) .reach-plug .reach-row.is-fit,:where(.motion) :is([data-reach],[data-seats]):not(.is-role) .reach-k .reach-row{background:var(--color-tint)}}