.cc-research{grid-column:1/-1;background:#151b27;border:1px solid #4e416e;border-radius:13px;padding:22px;margin:18px 0;color:#f0f1f6;font-family:inherit}
.cc-research-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:19px}.cc-research-head h3{margin:0 0 5px;color:#b994ff;font-size:1.15rem}.cc-research-head p{margin:0;opacity:.75;font-size:.88rem}
.cc-research-pill{border:1px solid #86652f;color:#e8bd73;border-radius:20px;padding:5px 11px;font-size:.75rem;white-space:nowrap}
.cc-research-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 23px}
.cc-research-tab{display:flex;align-items:center;justify-content:center;gap:9px;background:#202939;color:#e8eaf4;border:1px solid #3b465c;border-radius:8px;padding:14px 10px;font:inherit;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}
.cc-research-tab:hover:not(:disabled){border-color:#9772db;background:#2b3045}.cc-research-tab.is-active{border-color:#ae82ff;background:#332a4e;color:#e4ccff;box-shadow:inset 0 0 0 1px #8256cb}.cc-research-tab:disabled{opacity:.5;cursor:not-allowed}.cc-research-tab-icon{font-size:1.2rem;color:#b18ae8}.cc-research-done{color:#7cdaa8}
.cc-research-subhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.cc-research-subhead strong{font-size:.95rem}.cc-research-subhead small{opacity:.62;font-size:.8rem}
.cc-research-colours{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.cc-research-colour{display:flex;align-items:center;gap:9px;min-width:0;min-height:55px;background:#232c3c;border:1px solid #3c485e;border-radius:8px;padding:10px 12px;color:#f2f3fa;text-align:left;font:inherit;cursor:pointer}.cc-research-colour:hover:not(:disabled){border-color:#aa81f4;background:#2b3146}.cc-research-colour:disabled{cursor:default;opacity:.82}.cc-research-dot{flex:0 0 15px;height:15px;border-radius:50%;background:var(--dot);box-shadow:0 0 0 2px #ffffff24}.cc-research-colour-name{font-size:.9rem;min-width:0}.cc-research-status{margin-left:auto;font-size:.72rem;color:#9ca6b8}.cc-research-colour.is-incorrect .cc-research-status{color:#f39a9a}.cc-research-colour.is-correct .cc-research-status{color:#7bdba6}
.cc-research-actions{display:flex;align-items:center;gap:16px;margin-top:19px;flex-wrap:wrap}.cc-research-open-form,.cc-research-send{border:0;border-radius:7px;background:#a77bfa;color:#171322;font:inherit;font-weight:700;padding:11px 16px;cursor:pointer}.cc-research-open-form:hover,.cc-research-send:hover{background:#bd9aff}.cc-research-selection{font-size:.8rem;color:#9ca6b8}
.cc-research-form{border-top:1px solid #39445b;margin-top:22px;padding-top:17px}.cc-research-form[hidden]{display:none!important}.cc-research-form-title{display:flex;justify-content:space-between;font-weight:700;color:#c5a7ff}.cc-research-close{background:transparent;color:#d5d8e2;border:0;font-size:1.5rem;cursor:pointer}.cc-research-form-summary{color:#aeb8c8;font-size:.86rem}.cc-research-form label{display:flex;flex-direction:column;gap:6px;margin:11px 0;max-width:420px;font-size:.86rem}.cc-research-form select,.cc-research-form input,.cc-research-form textarea{background:#202737;border:1px solid #4b566e;color:#f2f4f9;border-radius:6px;padding:10px;font:inherit}.cc-research-feedback{font-size:.85rem;color:#c7acff}.cc-honeypot{position:absolute!important;left:-9999px!important}
.cc-research-preview-note{font-size:.8rem;color:#9bbbe4;margin:-8px 0 17px}
@media(max-width:850px){.cc-research-colours{grid-template-columns:repeat(3,minmax(0,1fr))}.cc-research-colour{flex-wrap:wrap}.cc-research-status{width:100%;margin-left:24px}}
@media(max-width:550px){.cc-research{padding:15px}.cc-research-tabs{gap:5px}.cc-research-tab{padding:10px 4px;font-size:.77rem;gap:4px}.cc-research-colours{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-research-head{flex-direction:column}.cc-research-subhead{align-items:flex-start;flex-direction:column}}

/* v4.147: unmistakable selected/hover/focus states */
.cc-research-tab-icon{display:none!important}
.cc-research-tab:hover:not(:disabled),
.cc-research-tab.is-active,
.cc-research-tab.is-active:hover:not(:disabled),
.cc-research-tab:focus-visible{
 background:#49326f!important;border-color:#bc92ff!important;color:#f6edff!important;
 box-shadow:inset 0 0 0 1px #aa7bf3,0 0 0 1px #664698!important;
}
.cc-research-colour:hover:not(:disabled),
.cc-research-colour.is-selected,
.cc-research-colour.is-selected:hover:not(:disabled),
.cc-research-colour:focus-visible{
 background:#49326f!important;border-color:#bc92ff!important;color:#fff!important;
 box-shadow:inset 0 0 0 1px #aa7bf3,0 0 0 1px #664698!important;
}
.cc-research-open-form,.cc-research-send{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 text-align:center!important;line-height:1.25!important;min-height:42px;
 padding:11px 19px!important;letter-spacing:normal!important;
}
.cc-research-form-slot{border-color:#9b72e9!important}

/* v4.150: nine colour layout — five equal cards, then four evenly spread cards */
@media(min-width:851px){
 .cc-research-colours{grid-template-columns:repeat(20,minmax(0,1fr));}
 .cc-research-colour{grid-column:span 4;}
 .cc-research-colour:nth-child(n+6){grid-column:span 5;}
}
/* Prevent global button rules from offsetting the label. */
.cc-research .cc-research-open-form,
.cc-research .cc-research-send{
 box-sizing:border-box!important;appearance:none!important;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 vertical-align:middle!important;text-align:center!important;
 text-indent:0!important;white-space:normal!important;
 min-height:44px!important;height:auto!important;
 padding:12px 20px!important;margin:0!important;
 line-height:20px!important;font-size:14px!important;font-weight:700!important;
 transform:none!important;
}
.cc-research .cc-research-open-form::before,
.cc-research .cc-research-open-form::after,
.cc-research .cc-research-send::before,
.cc-research .cc-research-send::after{content:none!important;display:none!important}

/* v4.158 paired ISO research and symmetrical Lyase layout */
.cc-research .cc-research-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
.cc-research .cc-research-colours{grid-template-columns:repeat(3,minmax(0,1fr))}
.cc-research .cc-research-iso-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0}
.cc-research .cc-research-iso-inputs label{display:flex;flex-direction:column;gap:7px}
.cc-research .cc-research-iso-inputs select{width:100%;min-width:0}
.cc-research .cc-research-iso-help{color:#aebbd1;font-size:.9rem;line-height:1.5}
.cc-research .cc-research-pair-status{padding:12px 14px;border:1px solid #7856a9;background:#29233e;border-radius:8px;color:#e8d9ff;margin:12px 0}
.cc-research .cc-research-iso-history{margin-top:22px}
.cc-research .cc-research-pair-list{margin-top:10px}
.cc-research .cc-research-pair-row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #344052;padding:10px 4px}
.cc-research .cc-research-pair-row .is-correct{color:#83e3ac}
.cc-research .cc-research-pair-row .is-incorrect{color:#f3a2a2}
.cc-research .cc-research-open-form,.cc-research .cc-research-send{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1.3!important;min-height:44px;padding:11px 20px!important}
.cc-research .cc-research-open-form:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:550px){.cc-research .cc-research-colours{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-research .cc-research-iso-inputs{grid-template-columns:1fr}}

/* v4.159: equal-width colour cards. The old 20-column spans (v4.150) clashed with the 3-column grid above, so cards 6-9 came out wider. */
.cc-research .cc-research-colours .cc-research-colour{grid-column:auto!important}
/* v4.159: Bottom ISO sits under Top ISO, like the other form fields. */
.cc-research .cc-research-iso-inputs{grid-template-columns:1fr!important;gap:12px}

/* v4.160: compact Colour Research panel — chips instead of full-width rows, smaller tabs and buttons. */
.cc-research.cc-research{padding:16px 18px;margin:14px 0}
.cc-research .cc-research-head{margin-bottom:12px}
.cc-research .cc-research-head h3{font-size:1rem;margin-bottom:2px}
.cc-research .cc-research-head p{font-size:.8rem}
.cc-research .cc-research-pill{padding:3px 9px;font-size:.7rem}
.cc-research .cc-research-tabs{display:flex!important;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.cc-research .cc-research-tab{flex:0 0 auto;padding:7px 14px;font-size:.85rem;border-radius:999px}
.cc-research .cc-research-subhead{margin-bottom:8px}
.cc-research .cc-research-subhead strong{font-size:.85rem}
.cc-research .cc-research-subhead small{font-size:.72rem}
.cc-research .cc-research-colours{display:flex!important;flex-wrap:wrap;gap:6px}
.cc-research .cc-research-colours .cc-research-colour{flex:0 0 auto;min-height:0;padding:6px 12px;gap:7px;border-radius:999px;font-size:.85rem}
.cc-research .cc-research-dot{flex-basis:12px;height:12px}
.cc-research .cc-research-colour-name{font-size:.85rem}
.cc-research .cc-research-status{margin-left:2px;font-size:.7rem;width:auto}
/* "Untested" on every chip is noise: only show a status once a result is confirmed. */
.cc-research .cc-research-colour:not(.is-correct):not(.is-incorrect) .cc-research-status{display:none}
.cc-research .cc-research-colour.is-correct .cc-research-status::before{content:"✓ "}
.cc-research .cc-research-colour.is-incorrect .cc-research-status::before{content:"✗ "}
.cc-research .cc-research-actions{margin-top:14px}
.cc-research .cc-research .cc-research-open-form,
.cc-research.cc-research .cc-research-open-form{min-height:0!important;padding:8px 14px!important;font-size:.85rem!important;line-height:1.2!important}
.cc-research .cc-research-iso-history{margin-top:14px}
.cc-research .cc-research-pair-row{padding:6px 4px;font-size:.85rem}
.cc-research .cc-research-iso-inputs select{max-width:420px}

/* v4.161: Top + Bottom ISO tab uses colour chips like Lyase */
.cc-research .cc-research-iso-help{font-size:.8rem;margin:0 0 10px;color:#aebbd1}
.cc-research .cc-research-iso-row{display:flex;align-items:center;gap:10px;margin:0 0 8px}
.cc-research .cc-research-iso-label{flex:0 0 78px;font-size:.8rem;font-weight:700;color:#c5a7ff}
.cc-research .cc-research-pair-status{display:inline-block;padding:6px 12px;margin:4px 0 0;font-size:.85rem;border-radius:999px}
.cc-research .cc-research-iso-history{margin-top:12px}
.cc-research .cc-research-iso-history strong{font-size:.85rem}
.cc-research .cc-research-pair-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.cc-research .cc-research-pair-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;background:#232c3c;border:1px solid #3c485e;font-size:.82rem}
.cc-research .cc-research-pair-chip b{font-weight:600;font-size:.72rem;margin-left:4px}
.cc-research .cc-research-pair-chip.is-correct b{color:#7bdba6}
.cc-research .cc-research-pair-chip.is-incorrect b{color:#f39a9a}
.cc-research .cc-research-none{font-size:.82rem;color:#9ca6b8}
@media(max-width:550px){.cc-research .cc-research-iso-row{flex-direction:column;align-items:flex-start;gap:5px}}

/* v4.162: clear submit feedback under the Send button */
.cc-research .cc-research-feedback{display:block;width:fit-content;max-width:100%;margin:12px 0 0;font-size:.85rem;line-height:1.35}
.cc-research .cc-research-feedback:empty{display:none}
.cc-research .cc-research-feedback[data-state]{padding:7px 12px;border-radius:8px;border:1px solid #3c485e;background:#202737;color:#d7dceb}
.cc-research .cc-research-feedback[data-state="ok"]{border-color:#2f7a55;background:#173226;color:#8fe6b5}
.cc-research .cc-research-feedback[data-state="error"]{border-color:#8a3b44;background:#33191e;color:#f5a8b0}
.cc-research .cc-research-form .cc-research-send:disabled{opacity:1!important;background:#3a3150!important;color:#d9c8ff!important;cursor:default}
.cc-research .cc-research-form .cc-research-iso-inputs{gap:0;margin:0}
/* Keep the purple action buttons solid on hover (the site-wide button:hover rule made them fade to near-transparent). */
.cc-research .cc-research-open-form:not(:disabled),
.cc-research .cc-research-send:not(:disabled){background-color:#a77bfa!important;color:#171322!important}
.cc-research .cc-research-open-form:hover:not(:disabled),
.cc-research .cc-research-send:hover:not(:disabled){background-color:#bd9aff!important;color:#171322!important}
.cc-research .cc-research-open-form:disabled{background-color:#3a3150!important;color:#bfb3d9!important}