.tl-color-guide{margin-block:clamp(3rem,6vw,6rem)}.tl-color-controls{padding:1.5rem;background:#f7f3ed;border:1px solid #bba16a;border-radius:12px;margin-bottom:2rem}.tl-color-controls label{display:block;font-weight:600;margin-bottom:.5rem}.tl-color-controls input{width:100%;min-height:48px;padding:.65rem .9rem;font:inherit;font-size:18px;border:1px solid #817564;border-radius:6px;background:#fff;color:#302923}.tl-color-filters{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.tl-color-filters button{min-height:44px;padding:.6rem 1rem;font:inherit;font-size:18px;background:white;color:#681b28;border:1px solid #681b28;border-radius:6px;cursor:pointer}.tl-color-filters button[aria-pressed=true]{background:#681b28;color:#fff}.tl-color-filters button:focus-visible,.tl-color-controls input:focus-visible{outline:3px solid #9c7d37;outline-offset:3px}.tl-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;align-items:start}.tl-color-card{border:1px solid #c5ad7a;border-radius:12px;overflow:hidden;background:#fff}.tl-color-card h3{padding:1.2rem 1.4rem;margin:0;font-size:clamp(1.25rem,2vw,1.6rem)}.tl-color-card img{display:block;width:100%;height:auto;aspect-ratio:1600/1073;object-fit:contain;background:#f3eee6}.tl-color-card-copy{padding:1.4rem}.tl-color-card p{font-size:18px;line-height:1.65;margin:0 0 1rem}.tl-color-card p:last-child{margin-bottom:0}.tl-color-swatches{display:flex;flex-wrap:wrap;gap:.75rem 1rem;list-style:none;padding:0;margin:0 0 1.25rem;font-size:18px}.tl-color-swatches li{display:flex;align-items:center;gap:.4rem}.tl-color-dot{display:inline-block;width:23px;height:23px;border-radius:50%;background:var(--swatch);border:1px solid #0003;flex:none}.tl-color-card[hidden],.tl-color-empty[hidden]{display:none!important}.tl-color-controls [data-color-status]{margin:.8rem 0 0;font-size:18px}@media(max-width:760px){.tl-color-grid{grid-template-columns:1fr;gap:1.5rem}.tl-color-controls,.tl-color-card-copy{padding:1rem}.tl-color-card h3{padding:1rem}.tl-color-filters{gap:.5rem}.tl-color-filters button{flex:1 0 auto}}
