.palettes-index.svelte-te58et{max-width:1100px;margin:0 auto;padding:1rem 0 3rem}.hero.svelte-te58et{text-align:center;margin-bottom:2rem}.hero.svelte-te58et h1:where(.svelte-te58et){font-family:var(--font-display);letter-spacing:-.02em;color:var(--on-surface);margin:0 0 .5rem;font-size:2.25rem;font-weight:600}.lede.svelte-te58et{color:var(--on-surface-variant);max-width:60ch;margin:0 auto;font-size:1.05rem;line-height:1.5}.grid.svelte-te58et{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.card.svelte-te58et{margin:0}.card-button.svelte-te58et{text-align:left;background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);cursor:pointer;color:inherit;font:inherit;flex-direction:column;gap:.65rem;padding:1rem;transition:border-color .12s,transform .12s;display:flex}.card-button.svelte-te58et:hover{border-color:var(--outline);transform:translateY(-1px)}.card-button.svelte-te58et:focus-visible{outline:2px solid var(--on-surface);outline-offset:2px}.swatch-strip.svelte-te58et{border-radius:var(--radius-md);grid-template-columns:repeat(5,1fr);gap:4px;display:grid;overflow:hidden}.chip.svelte-te58et{height:32px;display:block}.card-text.svelte-te58et{flex-direction:column;gap:.25rem;display:flex}.card-title.svelte-te58et{color:var(--on-surface);font-size:1rem;font-weight:600}.card-desc.svelte-te58et{color:var(--on-surface-variant);font-size:.88rem;line-height:1.45}