.thead[data-astro-cid-kanhhcze]{padding:clamp(32px,5vw,56px) clamp(18px,4vw,40px) 28px}.thead[data-astro-cid-kanhhcze] .hl[data-astro-cid-kanhhcze]{color:var(--accent)}.thead[data-astro-cid-kanhhcze] h1[data-astro-cid-kanhhcze].oneline{font-size:clamp(2rem,4vw,2.8rem);text-wrap:balance}.thead[data-astro-cid-kanhhcze] .lead[data-astro-cid-kanhhcze]{margin-top:18px}.filter[data-astro-cid-kanhhcze]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.ftag[data-astro-cid-kanhhcze]{font-family:var(--font-mono);font-size:12px;font-weight:600;padding:7px 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--cream);color:var(--ink-soft);cursor:pointer;text-transform:capitalize;transition:all .14s}.ftag[data-astro-cid-kanhhcze]:hover{border-color:var(--ink);color:var(--ink)}.ftag[data-astro-cid-kanhhcze].on{background:var(--ink);color:#fff;border-color:var(--ink)}.pal-grid[data-astro-cid-kanhhcze]{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:860px){.pal-grid[data-astro-cid-kanhhcze]{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.pal-grid[data-astro-cid-kanhhcze]{grid-template-columns:1fr}}.pal-card[data-astro-cid-kanhhcze]{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;transition:transform .16s,box-shadow .16s,border-color .16s}.pal-card[data-astro-cid-kanhhcze]:hover{transform:translateY(-4px);box-shadow:0 16px 34px #241a141f;border-color:#241a1433}.swatches[data-astro-cid-kanhhcze]{display:flex;height:186px;position:relative}.swatches[data-astro-cid-kanhhcze] .sw[data-astro-cid-kanhhcze]{flex:1;border:0;padding:0;margin:0;cursor:pointer;position:relative;display:block;font:inherit;transition:flex .22s ease}.swatches[data-astro-cid-kanhhcze] .sw-bg[data-astro-cid-kanhhcze]{flex:1.7}.swatches[data-astro-cid-kanhhcze] .sw-surface[data-astro-cid-kanhhcze]{flex:1.15}.swatches[data-astro-cid-kanhhcze] .sw-primary[data-astro-cid-kanhhcze]{flex:1.35}.swatches[data-astro-cid-kanhhcze] .sw-text[data-astro-cid-kanhhcze]{flex:.8}.swatches[data-astro-cid-kanhhcze] .sw-accent[data-astro-cid-kanhhcze],.swatches[data-astro-cid-kanhhcze] .sw-muted[data-astro-cid-kanhhcze]{flex:.75}.pal-card[data-astro-cid-kanhhcze]:hover .swatches[data-astro-cid-kanhhcze] .sw[data-astro-cid-kanhhcze]:hover{flex:2.4}.sw-hex[data-astro-cid-kanhhcze],.sw-role[data-astro-cid-kanhhcze]{position:absolute;left:0;right:0;text-align:center;opacity:0;transition:opacity .16s;pointer-events:none;font-family:var(--font-mono);letter-spacing:.02em}.sw-hex[data-astro-cid-kanhhcze]{bottom:26px;font-size:10.5px;font-weight:700}.sw-role[data-astro-cid-kanhhcze]{bottom:12px;font-size:8.5px;letter-spacing:.09em;text-transform:uppercase;opacity:0}.sw[data-astro-cid-kanhhcze]:hover .sw-hex[data-astro-cid-kanhhcze],.sw[data-astro-cid-kanhhcze]:focus-visible .sw-hex[data-astro-cid-kanhhcze]{opacity:1}.sw[data-astro-cid-kanhhcze]:hover .sw-role[data-astro-cid-kanhhcze],.sw[data-astro-cid-kanhhcze]:focus-visible .sw-role[data-astro-cid-kanhhcze]{opacity:.72}.sw[data-astro-cid-kanhhcze]:focus-visible{outline:2px solid #fff;outline-offset:-4px}.sw[data-astro-cid-kanhhcze].copied .sw-hex[data-astro-cid-kanhhcze]{opacity:1}@media(max-width:560px){.swatches[data-astro-cid-kanhhcze]{height:150px}}.swatches[data-astro-cid-kanhhcze] .sw[data-astro-cid-kanhhcze]{flex:1;transition:flex .2s}.pal-card[data-astro-cid-kanhhcze]:hover .swatches[data-astro-cid-kanhhcze] .sw[data-astro-cid-kanhhcze]{flex:1.1}.pc-body[data-astro-cid-kanhhcze]{padding:14px 16px 16px}.pc-top[data-astro-cid-kanhhcze]{display:flex;align-items:center;justify-content:space-between;gap:8px}.pc-top[data-astro-cid-kanhhcze] h3[data-astro-cid-kanhhcze]{font-size:1.05rem}.mode[data-astro-cid-kanhhcze]{font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--ink-soft)}.mode[data-astro-cid-kanhhcze].dark{background:var(--ink);color:#fff;border-color:var(--ink)}.pc-tags[data-astro-cid-kanhhcze]{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-soft);margin-top:4px;text-transform:capitalize}.pal-make[data-astro-cid-kanhhcze]{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:26px;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:var(--cream,#FBFAF8)}.pal-make-t[data-astro-cid-kanhhcze]{flex:1 1 320px;min-width:0}.pal-make-k[data-astro-cid-kanhhcze]{margin:0;font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}.pal-make-d[data-astro-cid-kanhhcze]{margin:5px 0 0;font-size:14px;line-height:1.6;color:var(--ink-600);max-width:58ch}.pal-make-go[data-astro-cid-kanhhcze]{display:flex;flex-wrap:wrap;gap:8px;flex:0 1 auto;min-width:0}.pal-btn[data-astro-cid-kanhhcze]{display:inline-flex;align-items:center;min-height:42px;padding:10px 16px;border-radius:11px;background:var(--ink);color:#fff;font-size:14px;font-weight:700;text-decoration:none}.pal-btn[data-astro-cid-kanhhcze].ghost{background:#fff;color:var(--ink-700);border:1px solid var(--line)}.pal-btn[data-astro-cid-kanhhcze]:hover{background:var(--orange,#F05A28);color:#fff;border-color:transparent}.empty[data-astro-cid-kanhhcze]{font-family:var(--font-mono);font-size:13px;color:var(--ink-soft);margin-top:10px}.explain[data-astro-cid-kanhhcze]{margin-top:48px}