.document-colours{min-width:0;border:0;border-top:1px solid var(--line);padding:20px 0 0;margin:26px 0 0}
.document-colours legend{float:left;width:100%;padding:0;margin:0 0 8px;font-size:15px;font-weight:600;color:var(--navy)}
.document-colours>.document-hint{clear:both;margin:0 0 16px;line-height:1.6}
.document-colour-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.document-colour-option{position:relative;display:block;margin:0;min-width:0;cursor:pointer}
.document-colour-option>input{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:0;opacity:0}
.document-colour-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;height:100%;min-height:122px;padding:16px 9px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:center;color:var(--navy);box-sizing:border-box}
.document-colour-card strong{font-size:12px;line-height:1.4;font-weight:600}
.document-colour-card small{font-size:10px;line-height:1.2;color:var(--muted);margin-top:-6px}
.document-colour-swatch{display:block;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--swatch);border:3px solid #fff;box-shadow:0 0 0 1px #c9d4df}
.document-colour-option:hover .document-colour-card{border-color:var(--cyan);background:var(--brand-soft)}
.document-colour-option>input:checked+.document-colour-card{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan);background:var(--brand-soft)}
.document-colour-option>input:focus-visible+.document-colour-card{outline:2px solid var(--navy);outline-offset:3px}
.document-colour-check{display:none;position:absolute;right:6px;top:3px;font-size:12px;font-weight:700;color:var(--navy)}
.document-colour-option>input:checked+.document-colour-card .document-colour-check{display:block}
.document-colours .document-colour-subtitle{font-size:12px;font-weight:600;margin:18px 0 10px;color:var(--navy)}
.document-recent-colours{display:flex;flex-wrap:wrap;gap:10px}
.document-recent-colours .document-colour-card{min-height:0;flex-direction:row;padding:10px 18px 10px 10px;gap:8px}
.document-recent-colours .document-colour-swatch{width:24px;height:24px}
.document-recent-colours .document-colour-card strong{font-size:11px}
.document-custom-colour{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin:20px 0 14px}
.document-custom-choice{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--navy);margin:0;cursor:pointer}
.document-custom-choice input{width:17px;height:17px;min-height:0;margin:0;padding:0;flex:none}
.document-custom-controls{display:flex;align-items:flex-start;gap:14px}
.document-custom-controls label{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}
.document-custom-controls input[type=color]{display:block;width:52px;height:38px;min-height:0;padding:3px;cursor:pointer;border:1px solid var(--line);border-radius:5px;background:#fff}
.document-custom-controls input[type=text]{width:116px;min-height:0;height:38px;padding:8px;font-size:12px}
.document-custom-controls small{display:block;font-size:10px;margin-top:4px;color:var(--muted)}
.document-custom-controls input[aria-invalid=true]{border-color:#ad263e}
.document-colours #document-colour-status{margin:0;font-size:11px}
.document-colour-error{font-size:12px;color:#ad263e;margin:8px 0 0}
.document-custom-controls[hidden]{display:none}
@container(max-width:1000px){.document-colour-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container(max-width:440px){.document-colour-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.document-colour-card{min-height:112px}.document-custom-colour{gap:14px}.document-custom-controls{width:100%}}
@media print{.document-colours{display:none}}