.palettes-container{max-width:1220px}.palette-section{margin-bottom:54px}.palette-section .section-title{margin-bottom:14px}.palette-section .intro-text{margin-bottom:24px}.palette-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:18px}.palette-card{background:#fff;border:2px solid #d4c5b9;border-left:5px solid #6b7aa1;border-radius:2px;padding:20px;transition:transform 0.2s ease,box-shadow 0.2s ease,border-left-color 0.2s ease}.palette-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgb(45 49 66 / .1);border-left-color:#c47c6e}.palette-card h3{margin:0 0 10px;font-size:1.2em;color:#4a5568}.palette-context{margin:0 0 16px;color:#5a5f73;font-size:.95em;line-height:1.6}.swatches{display:grid;gap:10px}.swatch{width:100%;border:1px solid #d4c5b9;border-radius:2px;background:#fff;padding:0;overflow:hidden;cursor:pointer;text-align:left;transition:border-color 0.2s ease,transform 0.1s ease}.swatch:hover{border-color:#6b7aa1}.swatch:active{transform:scale(.995)}.swatch:focus{outline:2px solid rgb(107 122 161 / .3);outline-offset:1px}.swatch::before{content:"";display:block;height:42px;background:var(--swatch-color)}.swatch-name,.swatch-hex{display:block;padding:8px 12px}.swatch-name{color:#4a5568;font-weight:600;font-size:.92em;padding-bottom:0}.swatch-hex{color:#2d3142;font-weight:700;font-family:"Courier New",monospace;font-size:.95em;padding-top:4px}.copy-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:#4a5568;color:#fff;padding:10px 16px;border-radius:2px;border-left:4px solid #8e9775;font-size:.9em;opacity:0;pointer-events:none;transition:opacity 0.2s ease,transform 0.2s ease;z-index:2000}.copy-toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}nav a.active{color:#6b7aa1;font-weight:600}.footer-links{margin:15px 0}@media (max-width:768px){.palette-grid{grid-template-columns:1fr}.palette-card{padding:16px}}