/* v1.2.0 - typography locked to the approved reference */
.cscai{--navy:#123b63;--blue:#1769aa;--green:#16845b;--purple:#6842a6;--text:#243447;--muted:#667085;--border:#d7deea;max-width:1450px;margin:28px auto;font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;color:var(--text);line-height:1.4}.cscai *{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif!important}.cscai-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:20px 24px;border:1px solid #d6e0ed;border-radius:12px;background:#fff;margin-bottom:14px}.cscai-eyebrow{font-size:12px!important;font-weight:900!important;letter-spacing:.06em;color:var(--navy)}.cscai-hero h2{font-size:27px!important;line-height:1.12!important;margin:3px 0;color:var(--navy);font-weight:900!important}.cscai-how{max-width:550px;padding:11px 14px;border:1px solid #c9dced;border-radius:9px;background:#f7fbff;font-size:10px!important;line-height:1.45!important}.cscai-how b{color:var(--navy)}.cscai-panel{background:#fff;border:1px solid var(--border);border-radius:10px;padding:14px;margin-bottom:13px}.cscai-context,.cscai-problem{border-top:3px solid var(--blue)}.cscai-answer{border-top:3px solid var(--green)}.cscai-cta,.cscai-message{border-top:3px solid var(--purple)}.cscai-section-head{display:flex;align-items:center;gap:8px;min-height:28px;margin-bottom:10px;color:var(--navy)}.cscai-section-head>span{width:28px;height:28px;border-radius:4px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px!important;font-weight:900!important}.cscai-answer .cscai-section-head>span{background:var(--green)}.cscai-cta .cscai-section-head>span,.cscai-message .cscai-section-head>span{background:var(--purple)}.cscai-section-head strong{font-size:14px!important;font-weight:900!important;white-space:nowrap}.cscai-section-head small{font-size:10px!important;color:var(--muted)}.cscai-context-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.cscai-field{border:1px solid #dce3ec;border-radius:8px;padding:10px}.cscai-field label{display:block;font-size:10px!important;font-weight:900!important;color:#164b80}.cscai-field label em{color:#c0392b;font-style:normal}.cscai-field small{display:block;min-height:29px;margin:3px 0 6px;font-size:9px!important;line-height:1.35!important;color:var(--muted)}.cscai input,.cscai textarea{font-size:11px!important;line-height:1.4!important}.cscai-field input,.cscai-cta input[name="cta_lain"]{width:100%;height:36px;padding:7px 9px;border:1px solid #cfd7e2;border-radius:6px;background:#fff}.cscai-problem-row{display:grid;grid-template-columns:42px 205px 1fr;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #e8edf3}.cscai-problem-row:last-child{border-bottom:0}.cscai-problem-icon{width:38px;height:38px;border-radius:8px;background:#f1f6fb;color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:700}.cscai-problem-row h3{margin:0 0 3px;font-size:12px!important;color:#16528b;font-weight:900!important}.cscai-problem-row p{margin:0;font-size:10px!important;line-height:1.45!important}.cscai-problem-row textarea{width:100%;min-height:73px;padding:8px;border:1px solid #d6dde7;border-radius:6px;resize:vertical}.cscai-answer-grid{display:grid;grid-template-columns:390px 1fr;gap:15px}.cscai-mode-label{font-size:11px!important;font-weight:900!important;color:#166143;margin:3px 0 7px}.cscai-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cscai-mode-card{position:relative;display:flex;align-items:flex-start;gap:8px;padding:12px;border:1px solid #d6dee8;border-radius:8px;cursor:pointer;min-width:0;overflow:hidden}
.cscai-mode-card input{position:absolute;opacity:0;pointer-events:none}
.cscai-mode-card.active{border:2px solid var(--green);background:#f3fbf7;padding:11px}
.cscai-mode-card .radio{width:16px;height:16px;min-width:16px;flex:0 0 16px;border:1px solid #b8c3cf;border-radius:50%;margin-top:1px}
.cscai-mode-card.active .radio{border:4px solid var(--green)}
.cscai-mode-card .mode-copy{display:block;flex:1 1 auto;min-width:0;max-width:none}
.cscai-mode-card strong{display:block!important;font-size:10px!important;line-height:1.25!important;color:#17583f;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}
.cscai-mode-card small{display:block!important;margin-top:5px;font-size:9px!important;line-height:1.45!important;color:var(--muted);white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}.cscai-mode-note{margin-top:8px;padding:9px 10px;background:#edf8f2;border-radius:7px;color:#286b50;font-size:9px!important}.cscai-answer-fields{border-left:1px solid #e3e9ef;padding-left:14px}.cscai-answer-row{display:grid;grid-template-columns:34px 190px 1fr;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid #edf0f4}.cscai-answer-row>div:first-child{font-size:20px;text-align:center;color:var(--green)}.cscai-answer-row h3{margin:0 0 2px;font-size:10px!important;color:#166143;font-weight:900!important}.cscai-answer-row p{margin:0;font-size:9px!important;color:var(--muted)}.cscai-answer-row textarea{width:100%;min-height:54px;padding:7px;border:1px solid #d6dde7;border-radius:6px;resize:vertical}.cscai-answer-row textarea:disabled{background:#edf0f3;color:#9aa3ad}.cscai-disabled-note{font-size:9px!important;color:#7a8491;padding-top:5px}.cscai-cta .cscai-section-head{margin-bottom:6px}.cscai-cta-grid{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.cscai-cta-grid label{font-size:10px!important;display:flex;align-items:center;gap:5px;white-space:nowrap}.cscai-cta-grid input[type=checkbox]{accent-color:var(--purple)}.cscai-cta-grid label:last-child{flex:1}.cscai-message{display:grid;grid-template-columns:265px 1fr;gap:12px;align-items:center}.cscai-message .cscai-section-head{margin:0}.cscai-message textarea{width:100%;min-height:70px;padding:8px;border:1px solid #d6dde7;border-radius:6px;resize:vertical}.cscai-actions{display:flex;gap:8px;margin:5px 0 15px}.btn{border:0;border-radius:7px;padding:10px 16px;font-size:11px!important;font-weight:900!important;cursor:pointer}.primary{background:var(--blue);color:#fff}.secondary{background:#eef1f5;color:#475467}.copy{background:var(--purple);color:#fff}.cscai-output{border:1px solid #cfd8e4;border-radius:10px;padding:14px;background:#fff}.cscai-output[hidden]{display:none}.cscai-output-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.cscai-output-head h2{margin:2px 0;font-size:19px!important;color:var(--navy)}.cscai-output textarea{width:100%;min-height:520px;margin-top:10px;padding:12px;border:1px solid #d2d9e3;border-radius:7px;font-size:12px!important;line-height:1.55!important;resize:vertical}.status{min-height:18px;margin-top:5px;font-size:10px!important;font-weight:800}.success{color:#11734e}.error{color:#b42318}.invalid{border-color:#d92d20!important;background:#fff7f7!important}.cscai-bottom-help{margin-top:10px;border:1px solid #d8e1ec;border-radius:9px;background:#f8fbff;padding:12px 15px;font-size:10px!important;line-height:1.55!important;color:#536273}.cscai-bottom-help b{font-size:11px!important;color:var(--navy)}@media(max-width:1100px){.cscai-context-grid{grid-template-columns:repeat(3,1fr)}.cscai-answer-grid{grid-template-columns:1fr}.cscai-answer-fields{border-left:0;padding-left:0}}@media(max-width:720px){.cscai-hero{flex-direction:column;align-items:flex-start}.cscai-context-grid{grid-template-columns:1fr}.cscai-problem-row{grid-template-columns:38px 1fr}.cscai-problem-row textarea{grid-column:1/-1}.cscai-modes{grid-template-columns:1fr}.cscai-answer-row{grid-template-columns:30px 1fr}.cscai-answer-row textarea{grid-column:1/-1}.cscai-message{display:block}.cscai-message .cscai-section-head{margin-bottom:8px}.cscai-actions{flex-direction:column}.btn{width:100%}.cscai-output-head{flex-direction:column;align-items:flex-start}}
/* v1.2.1: lock section-number geometry against WordPress theme CSS */
.cscai .cscai-section-head > span.cscai-section-number{
 width:28px!important;min-width:28px!important;max-width:28px!important;
 height:28px!important;min-height:28px!important;max-height:28px!important;
 flex:0 0 28px!important;display:flex!important;align-items:center!important;
 justify-content:center!important;padding:0!important;margin:0!important;
 border-radius:4px!important;box-sizing:border-box!important;
 font-family:Arial,Helvetica,sans-serif!important;font-size:15px!important;
 font-weight:900!important;line-height:28px!important;text-align:center!important;
}
.cscai .cscai-context .cscai-section-number,
.cscai .cscai-problem .cscai-section-number{background:var(--blue)!important;color:#fff!important}
.cscai .cscai-answer .cscai-section-number{background:var(--green)!important;color:#fff!important}
.cscai .cscai-cta .cscai-section-number,
.cscai .cscai-message .cscai-section-number{background:var(--purple)!important;color:#fff!important}

/* v1.2.2: all main section numbers use one explicit class */
.cscai .cscai-section-head > .cscai-section-number{
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  flex:0 0 28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:4px!important;
  box-sizing:border-box!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:28px!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.cscai .cscai-section-head > .cscai-section-number{
  background:var(--blue)!important;
  color:#fff!important;
}
.cscai .cscai-answer .cscai-section-head > .cscai-section-number{
  background:var(--green)!important;
}
.cscai .cscai-cta .cscai-section-head > .cscai-section-number,
.cscai .cscai-message .cscai-section-head > .cscai-section-number{
  background:var(--purple)!important;
}
