.cat-lewis [hidden]{display:none!important}.cat-lewis{max-width:980px;margin:20px auto;font-family:Arial,sans-serif;color:#172033}.cat-lewis button{border:1px solid #1d4ed8;background:#fff;color:#173b8f;border-radius:8px;padding:10px 16px;font-weight:700;cursor:pointer}.cat-lewis button:hover,.cat-lewis button.active,.cat-lewis .cat-mark{background:#1d4ed8;color:#fff}.cat-lewis button:disabled{opacity:.55;cursor:wait}.cat-course-buttons{display:flex;gap:12px;flex-wrap:wrap}.cat-lewis-start,.cat-lewis-quiz,.cat-lewis-results{border:1px solid #d7ddea;border-radius:14px;padding:24px;background:#fff;box-shadow:0 5px 18px rgba(22,34,61,.08)}.cat-topbar{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e3e7ef;padding-bottom:12px}.cat-question-title{font-size:25px;margin-bottom:5px}.cat-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.cat-toolbar button{padding:7px 12px}.cat-canvas-wrap{border:2px solid #263246;border-radius:8px;background:#fff;overflow:hidden}.cat-canvas-wrap canvas{display:block;touch-action:none;cursor:crosshair}.cat-vsepr-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.cat-vsepr-fields label{font-weight:700}.cat-vsepr-fields input{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:12px;border:1px solid #aab4c6;border-radius:7px;font-size:18px}.cat-angle-wrap{display:flex;align-items:center}.cat-angle-wrap input{border-radius:7px 0 0 7px}.cat-angle-wrap span{margin-top:6px;padding:11px 13px;border:1px solid #aab4c6;border-left:0;border-radius:0 7px 7px 0;font-size:20px;background:#f7f8fb}.cat-vsepr-note{font-size:14px;color:#596579}.cat-actions{display:flex;gap:12px;margin-top:18px}.cat-feedback{margin-top:18px}.cat-score{font-size:21px;margin-bottom:10px}.cat-criterion{display:grid;grid-template-columns:minmax(180px,240px) 1fr;gap:12px;padding:11px;border-radius:8px;margin:8px 0}.cat-criterion.correct{background:#ecfdf3;border:1px solid #86d5a3}.cat-criterion.wrong{background:#fff1f1;border:1px solid #efaaaa}.cat-correction{margin-top:12px;padding:12px;background:#f1f5ff;border-left:4px solid #1d4ed8}.cat-retry{font-size:14px}.cat-error{padding:12px;background:#fff1f1;border:1px solid #efaaaa;border-radius:8px}.cat-final-score{font-size:48px;font-weight:800;margin:12px 0 22px}.cat-result-row{display:flex;justify-content:space-between;gap:15px;padding:13px;border-top:1px solid #e2e6ee}.cat-restart{margin-top:20px}@media(max-width:650px){.cat-vsepr-fields{grid-template-columns:1fr}.cat-criterion{grid-template-columns:1fr}.cat-result-row{display:block}.cat-topbar{display:block}}

.cat-lewis .cat-formula,
.cat-lewis .cat-result-row strong {
  font-family: Arial, Helvetica, sans-serif;
}
.cat-lewis .cat-formula {
  font-size: 1.2em;
  letter-spacing: .01em;
}
.cat-lewis sub { font-size: .7em; vertical-align: sub; line-height: 0; }
.cat-lewis sup { font-size: .7em; vertical-align: super; line-height: 0; }

/* v1.5 presentation improvements */
.cat-badges{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.cat-badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#eef3ff;border:1px solid #cad7fb;color:#173b8f;font-size:13px;font-weight:700}
.cat-question-title{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;margin:22px 0 8px}
.cat-question-title>span{font-size:20px;font-weight:700}
.cat-lewis .cat-question-title .cat-formula{display:block;font-size:42px;line-height:1.15;letter-spacing:.02em;color:#0f172a}
.cat-instruction{text-align:center;color:#526078;margin-bottom:16px}
@media(max-width:650px){.cat-badges{justify-content:flex-start;margin-top:10px}.cat-lewis .cat-question-title .cat-formula{font-size:36px}}

.cat-results-heading{text-align:center;margin-bottom:18px}
.cat-results-heading h2{margin-bottom:4px}
.cat-results-heading p{margin:0;color:#526079}
.cat-final-card{max-width:360px;margin:0 auto 20px;padding:20px;text-align:center;border:1px solid #cbd5e1;border-radius:14px;background:#f8fafc}
.cat-final-card span{display:block;font-size:.9rem;color:#526079;text-transform:uppercase;letter-spacing:.05em}
.cat-final-card strong{display:block;font-size:2.7rem;line-height:1.05;margin:6px 0}
.cat-final-card em{font-style:normal;font-weight:700;color:#1d4ed8}
.cat-result-list{display:grid;gap:9px;margin:0 0 18px}
.cat-result-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid #dbe3ef;border-radius:10px;background:#fff}
.cat-result-row div{display:flex;flex-direction:column;gap:3px}
.cat-result-row small{font-size:1.05rem}
.cat-result-row>span{font-weight:800;white-space:nowrap}

/* v1.8.0 clean start screen */
.cat-main-heading{margin:0 0 18px;font-size:30px;line-height:1.2;color:#101a35}
.cat-mode-label-start{margin:0 0 16px}
.cat-start-blank{height:430px;margin-top:20px;border:2px solid #263246;border-radius:8px;background:#fff}
@media(max-width:650px){.cat-main-heading{font-size:25px}.cat-start-blank{height:320px}}

/* v2.4 polarity and dipole tools */
.cat-choice-buttons{display:flex;gap:10px;flex-wrap:wrap}
.cat-component-buttons button.active,.cat-polarity-options button.active{background:#1d4ed8;color:#fff}
.cat-mode-continue{margin-top:16px;background:#1d4ed8!important;color:#fff!important}
.cat-mode-error{color:#b42318;font-weight:700;margin:8px 0 0}
.cat-dipole-tools{display:contents}
.cat-polarity-field{margin-top:18px}
.cat-polarity-field>strong{display:block;margin-bottom:8px}
.cat-polarity-options{display:flex;gap:10px}
.cat-polarity-options button{min-width:120px}
.cat-toolbar [data-tool="delta-plus"],.cat-toolbar [data-tool="delta-minus"]{font-size:18px;min-width:52px}
/* Keep chemistry delta symbols lowercase even if the WordPress theme uppercases button text. */
.cat-toolbar [data-tool="delta-plus"],
.cat-toolbar [data-tool="delta-minus"]{text-transform:none!important}