:root{--line-length:55}.site-header{text-align:center}.site-header h1{letter-spacing:.08em;text-wrap:balance;margin-block-end:0}.site-header p{margin-block:var(--space-block-tiny)0;font-size:var(--text-small);color:var(--color-text-secondary);letter-spacing:.15em}.domain-nav{display:flex;gap:var(--space-block-small);margin-block:var(--space-block-default);flex-wrap:wrap;justify-content:center}.domain-nav button{display:inline-flex;font-size:var(--text-small);border-radius:999px;align-items: center;gap:.4em;padding-block-start:0;padding-block-end:0;font-weight:400}.domain-nav button[aria-pressed=true],.domain-nav button[aria-pressed=true]:hover{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.domain-nav .count{color:var(--color-text-secondary);background:var(--color-surface);border-radius:999px;padding-inline-start:.5em;padding-inline-end:.5em;font-size:.85em}.domain-nav button[aria-pressed=true] .count{color:var(--color-primary-dark);background:var(--color-primary-light)}.hint{margin-block:0 var(--space-block-default);font-size:var(--text-small);color:var(--color-text-secondary);text-align:center}.layout{display:flex;gap:var(--space-inline-large);flex-wrap:wrap;justify-content:center;align-items: flex-start}.viz{display:block;overflow:visible;flex:0 520px;min-inline-size:280px}.cards{display:flex;gap:var(--space-block-small);flex-direction:column;flex:300px;max-inline-size:480px}.card{--accent:var(--color-primary);padding-block:var(--space-block-small);padding-inline:var(--space-inline-default);cursor:pointer;border:1px solid var(--color-border);border-inline-start:4px solid var(--accent);border-radius:var(--radius);background:#fff;transition:opacity .15s,border-color .15s,background .15s}.card.is-active{background:color-mix(in oklab,var(--accent)6%,white);border-color:var(--accent)}.card.is-selected:not(.is-active){border-color:color-mix(in oklab,var(--accent)50%,var(--color-border))}.card.is-dim{opacity:.45}.card-head{display:flex;gap:var(--space-block-tiny)var(--space-block-small);flex-wrap:wrap;align-items:baseline}.card h2{font-size:var(--text-default);color:color-mix(in oklab,var(--accent)90%,black);margin-block-start:0;margin-block-end:0;font-weight:700}.card small{font-size:var(--text-small);color:var(--color-text-disabled)}.card .tags{display:flex;gap:var(--space-block-tiny);margin-block:var(--space-block-tiny)0;list-style:none;flex-wrap:wrap;padding:0}.card .tags li{font-size:var(--text-small);color:color-mix(in oklab,var(--accent)85%,black);background:color-mix(in oklab,var(--accent)12%,white);border-radius:var(--radius);margin-block-start:0;margin-block-end:0;padding:.1em .6em}.card .desc{margin-block:var(--space-block-small)0;font-size:var(--text-small);color:var(--color-text-secondary)}.card:focus-visible{outline:2px solid var(--color-primary-dark);outline-offset:2px}