
.series-colour-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.series-colour-card{min-width:0;border:1px solid #c9dbe3;border-radius:6px;overflow:hidden;background:#fff}
.series-colour-picture{display:grid;place-items:center;width:100%;aspect-ratio:1;background:#e9f1f4;color:#3d535e;text-align:center}
.series-colour-picture img{display:block;width:100%;height:100%;min-height:0;object-fit:cover}
.series-colour-copy{padding:16px}
.series-colour-copy h3{margin:0 0 8px;overflow-wrap:anywhere}
.series-colour-formats{display:flex;flex-wrap:wrap;gap:8px 16px;overflow-wrap:anywhere}
.series-colour-picture:focus-visible,.series-colour-formats a:focus-visible{outline:2px solid #104d76;outline-offset:-2px}
@media(max-width:600px){.series-colour-grid{grid-template-columns:1fr;gap:16px}}
