.colour-field{border:0;padding:0;margin:16px 0}.colour-field legend{font-weight:bold;margin-bottom:8px}.colour-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.panel .colour-tile{font-weight:normal;display:flex;align-items:center;flex-wrap:wrap;gap:3px;border:1px solid #c5d0c7;border-radius:10px;padding:5px;cursor:pointer;margin:0;line-height:1.2;font-size:13px;overflow-wrap:anywhere}.colour-tile img{width:100%;aspect-ratio:10/8;object-fit:contain}.colour-tile:has(input:checked){outline:2px solid #285d51;background:#e7f0e8}.colour-tile input{accent-color:#175547}.color-page{background:white;color:#22392e;display:flex;flex-direction:column;aspect-ratio:210/297;margin:12px 0 0;padding:6%;box-sizing:border-box}.color-page.letter{aspect-ratio:8.5/11}.color-page .color-logo{width:24%;height:auto;align-self:flex-end}.color-page h3{font-size:clamp(20px,3vw,30px);margin:.4em 0 .1em}.color-page p{font-size:14px;margin:0}.color-figure{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.color-figure img{display:block;width:100%;max-height:100%;object-fit:contain}.color-page .medium{width:69%}.color-page .small{width:50%}@media print{.color-page,.color-page.letter{width:100%;height:246mm;aspect-ratio:auto;padding:4mm;margin:0;break-after:page;break-inside:avoid}.color-page:last-child{break-after:auto}.color-page .color-logo{width:30mm;height:14mm;object-fit:contain}.color-page h3{font-size:24pt}.color-page p{font-size:12pt}.color-figure img{height:auto;max-height:175mm}}