.csps {font-family:inherit;color:inherit;container-type:inline-size;}
.csps h2 {font-family:inherit;color:inherit;margin:0 0 1rem;}
.csps section + section {border-top:1px solid var(--global-palette6,#ddd);margin-top:2rem;padding-top:2rem;}
.csps .csps-palette,.csps .csps-grid {list-style:none;padding:0;margin:0;}
.csps .csps-palette {display:flex;flex-wrap:wrap;gap:1rem;}
.csps .csps-palette li {margin:0;flex:0 1 10rem;}
.csps .csps-swatch {display:flex;align-items:center;justify-content:center;height:5em;min-height:5rem;line-height:1.4;padding:.75em;overflow-wrap:anywhere;border-radius:.75rem;box-shadow:0 2px 7px #0002;text-align:center;font-weight:600;text-decoration:none;box-sizing:border-box;}
.csps .csps-swatch:hover {text-decoration:underline;}
.csps a:focus-visible {outline:3px solid var(--global-palette1,#31578b);outline-offset:4px;}
.csps .csps-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.75rem 1.25rem;}
.csps .csps-product {margin:0;min-width:0;text-align:center;}
.csps .csps-image-wrap {aspect-ratio:1;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;}
.csps .csps-image-wrap a,.csps .csps-image-wrap > span {display:flex;width:100%;height:100%;align-items:center;justify-content:center;}
.csps .csps-image {display:block;width:100%;height:100%;object-fit:contain;border-radius:0;box-shadow:none;}
.csps .csps-product-name {font-size:1rem;line-height:1.4;overflow-wrap:anywhere;}
.csps .csps-product-name a {color:var(--global-palette1,inherit);text-decoration:none;}
.csps .csps-product-name a:hover {text-decoration:underline;}
.csps .csps-item {font-size:.85em;margin:.4rem 0 0;}
.csps .csps-intro {margin:0 0 1.5rem;}
.csps .csps-missing {font-size:.85rem;background:var(--global-palette9,#f5f5f5);padding:1rem;color:inherit;}
@media(max-width:1024px){.csps .csps-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:600px){.csps .csps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem .75rem;}.csps .csps-palette li{flex:1 1 8rem;}}
@container(max-width:600px){.csps .csps-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
.csps-editor-controls {padding:1rem;border:1px solid #ddd;margin-bottom:1.5rem;}
.csps-editor-controls .components-button {margin:0 .5rem .5rem 0;}
.csps-editor-controls ul {list-style:none;margin:0;padding:0;}
.csps-editor-controls .csps-editor-row {border-top:1px solid #ddd;padding:.75rem 0;}
.csps-editor-controls .csps-status {font-size:.9em;}

/* Neutral name-only tiles represent finishes without inventing a hex value. */
.csps .csps-name-only {background:transparent;color:inherit;border:1px solid var(--global-palette6,#ccc);box-shadow:none;}