/*! UX by Example — © 2026 Chris Daniels. All rights reserved. */
/*!r:1790150817818*/
.stk__lead{font-size:var(--step-1);line-height:var(--leading-snug);max-inline-size:62ch;margin-block-end:var(--space-l)}.stk__layout{display:flex;gap:var(--space-l);flex-wrap:wrap;align-items:flex-start}.stk__grid{position:relative;inline-size:16rem;aspect-ratio:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;border:1px solid var(--line);border-radius:var(--radius-m);overflow:hidden;background:var(--line)}.stk__quad{display:grid;place-items:center;text-align:center;padding:var(--space-s);font-size:var(--step--2);font-weight:700;background:var(--surface);color:var(--muted)}.stk__quad--hh{background:var(--accent-soft);color:var(--accent-strong)}.stk__axis{position:absolute;font-size:var(--step--2);font-weight:700;color:var(--muted)}.stk__axis--y{inset-block-start:50%;inset-inline-start:-1.4rem;transform:rotate(-90deg)}.stk__axis--x{inset-block-end:-1.4rem;inset-inline-start:50%;transform:translateX(-50%)}.stk__people{display:flex;flex-direction:column;gap:var(--space-s);flex:1 1 12rem}.stk__person{text-align:start;font:inherit;font-weight:600;cursor:pointer;padding:var(--space-s) var(--space-m);min-block-size:2.75rem;border:1.5px solid var(--line);border-radius:var(--radius-m);background:var(--surface)}.stk__person:hover{border-color:var(--accent)}.stk__person.is-placed{background:var(--accent-soft);border-color:var(--accent)}.stk__placed{display:block;font-size:var(--step--1);font-weight:700;color:var(--accent-strong)}.stk__readout{font-size:var(--step-0);line-height:var(--leading-snug);min-block-size:1.6em;margin-block-start:var(--space-l);padding:var(--space-s);background:var(--accent-soft);border-radius:var(--radius-s);max-inline-size:64ch}.stk__alt{margin-block-start:var(--space-l);border-block-start:1px solid var(--line);padding-block-start:var(--space-m)}.stk__alt summary{cursor:pointer;font-weight:600;color:var(--accent-strong)}.stk__alt[open] summary{margin-block-end:var(--space-s)}