/*
 * CDU-inspired palette for the independent AskNode concept.
 * This reversible experiment is intentionally isolated from the base styles.
 * Palette drawn from the user-supplied examples/styles.css:
 * purple #211545, teal #007a87, dark teal #056571, pale blue #f2f7f8.
 * Neither the university's complete stylesheet nor its external scripts load.
 */
:root{
  --cdu-purple:#211545;
  --cdu-teal:#007a87;
  --cdu-teal-dark:#056571;
  --cdu-pale:#f2f7f8;
  --cdu-teal-border:#c4dee1;
  --cdu-lavender:#f2f0f8;
  --red:var(--cdu-teal);
  --red-dark:var(--cdu-purple);
  --ink:#211545;
  --muted:#5c6772;
  --soft:var(--cdu-pale);
}
body{background:#fff;color:#20202b}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #007a87;outline-offset:3px}
.topbar{border-bottom:1px solid #d6e4e6;background:#fff}
.identity{color:var(--cdu-purple)}
.identity-mark{background:var(--cdu-purple);color:#fff}
.top-right a{color:var(--cdu-purple);border-color:#c8dbdf;background:#fff}
.top-right a:hover{background:var(--cdu-pale);border-color:var(--cdu-teal)}
.concept-note{background:var(--cdu-pale);color:#3f5e66;border-bottom-color:#d9e6e8}
.hero{background:linear-gradient(125deg,#f2f7f8 0%,#fff 82%);border-bottom:1px solid #e6edef}
.eyebrow{color:var(--cdu-teal-dark)}
h1,h2,h3{color:var(--cdu-purple)}
h1 .accent,.mobile-story h2 strong{color:var(--cdu-teal-dark)}
.hero-lead{color:#495a65}
.action-primary{background:var(--cdu-teal);color:#fff}
.action-primary:hover{background:var(--cdu-teal-dark)}
.action-secondary{color:var(--cdu-purple)}
.value-strip{color:#334c56}
.value-strip span::before{color:var(--cdu-teal)}
.demo-section{background:#fff}
.demo-frame{border-color:#cbdfe2;box-shadow:0 15px 38px #21154512}
.demo-top{background:var(--cdu-pale);border-bottom-color:#d1e3e5;color:#47616a}
.demo-top strong{color:var(--cdu-purple)}
.workspace{background:#edf4f5}
.workspace .panel{border-color:#d5e3e5}
.workspace>.panel+.panel{border-color:#d5e3e5}
.panel-top{background:#fafcfd;border-bottom-color:#d9e6e7}
.panel-top h3{color:var(--cdu-purple)}
.panel-tag,.prompt-label{color:var(--cdu-teal-dark)}
.chat-status{color:#41676e}
.avatar{background:var(--cdu-purple)}
.bubble{background:#f7fafb;border-color:#dce9eb;color:#344451}
.message.user .bubble{background:#eaf5f6;border-color:#c4dfe3}
.citation{background:#e2f2f3;border-color:#b1d8dd;color:var(--cdu-teal-dark)}
.citation:hover,.citation:focus-visible{background:#cfebee}
.chat-foot{border-top-color:#d9e6e7}
.prompt-chips button{border-color:#c8dcdf;color:#355866}
.prompt-chips button:hover{background:#e8f4f5;border-color:var(--cdu-teal)}
.compose input{border-color:#bcd3d7}
.compose button{background:var(--cdu-teal)}
.compose button:hover:not(:disabled){background:var(--cdu-teal-dark)}
.chat-disclaimer{color:#697b83}
.source-panel{background:#eef5f6}
.browser-bar{background:#f1f6f7;border-bottom-color:#d8e5e7}
.browser-flag{color:var(--cdu-teal-dark)}
.browser-url{border-color:#d8e6e7}
/* Keep the realistic Ask CDU source panel's own purple/teal styling. */

/* Multilingual mobile demo */
.mobile-breakout{background:var(--cdu-pale);border-top-color:#dbe7e9}
.mobile-story .eyebrow{color:var(--cdu-teal-dark)}
.mobile-story>p{color:#4f626e}
.language-examples button{border-color:#c8dce0;color:var(--cdu-purple)}
.language-examples button[aria-pressed="true"]{background:var(--cdu-purple);border-color:var(--cdu-purple);color:#fff}
.language-examples button:hover{border-color:var(--cdu-teal)}
.phone-frame{border-color:#211545;box-shadow:0 22px 60px #21154523}
.phone-notch{background:#211545}
.phone-chat-header{background:#fff;border-bottom-color:#dbe6e8}
.phone-chat-header strong{color:var(--cdu-purple)}
.phone-assistant-icon{background:var(--cdu-purple);color:#fff}
.phone-lang-select{border-color:#bfd7db}
.phone-thread{background:#f4f9fa}
.phone-bubble{border-color:#dce8ea}
.phone-entry.from-user .phone-bubble{background:#e8f5f6;border-color:#bfdce0}
.phone-sources a{color:var(--cdu-teal-dark);border-color:#c3dee2;background:#fff}
.phone-sources a:hover{background:#e8f5f6}
.phone-suggestions button{border-color:#c6dcdf;color:var(--cdu-purple)}
.phone-suggestions button:hover{background:var(--cdu-pale)}
.phone-composer button{background:var(--cdu-teal)}
.phone-composer button:hover:not(:disabled){background:var(--cdu-teal-dark)}
.phone-actions button{color:var(--cdu-teal-dark)}
.phone-actions input{accent-color:var(--cdu-teal)}
.phone-status{color:#5b7981}

/* Animated conversation-to-CRM story */
.handoff-section{background:#fff;border-top-color:#dce9eb}
.handoff-heading h2 strong{color:var(--cdu-teal-dark)}
.handoff-chat{border-color:#cadfe2}
.handoff-chat-top{background:#f8fbfc}
.handoff-message.is-user p{background:#eaf5f6;border-color:#c5dfe3}
.handoff-demo[data-stage="capture"] .handoff-chat,
.handoff-demo[data-stage="transit"] .handoff-chat{border-color:#8fc4cd;box-shadow:0 0 0 4px #e9f4f5}
.handoff-chat-foot #crm-demo-ready{color:var(--cdu-teal-dark)}
.handoff-route-chip{color:var(--cdu-purple);border-color:#b9d9df;background:#fff}
.handoff-route-chip>span{color:var(--cdu-teal)}
.handoff-packet{background:#eaf5f6;border-color:#acd2d8;box-shadow:0 10px 28px #007a8722}
.handoff-packet-icon{background:var(--cdu-teal)}
.handoff-packet strong{color:var(--cdu-purple)}
.handoff-packet small{color:var(--cdu-teal-dark)}
.crm-flight-card{border-color:#78b7c0;box-shadow:0 20px 45px #007a8736,0 0 0 5px #e8f4f5}
.crm-flight-icon{background:var(--cdu-teal)}
.crm-flight-text strong{color:var(--cdu-purple)}
.crm-flight-text small{color:var(--cdu-teal-dark)}
.crm-browser{background:var(--cdu-purple)}
.crm-appmark{background:#40336d}
.crm-tabstrip span[aria-current="page"]{border-top-color:var(--cdu-teal);color:var(--cdu-purple)}
.crm-nav-item.active{background:#e4f1f3;color:var(--cdu-purple);border-left-color:var(--cdu-teal)}
.crm-record-title{color:var(--cdu-purple)}
.crm-new-pill{background:var(--cdu-teal)}
.crm-spinner{border-color:#d8e9ec;border-top-color:var(--cdu-teal)}
.crm-creation-progress span{background:linear-gradient(90deg,#007a87,#211545)}
.handoff-demo[data-stage="creating"] .crm-demo-window{box-shadow:0 0 0 3px #e4f1f3,0 12px 30px #20334616}
.handoff-demo[data-stage="complete"] .crm-demo-window{border-color:#abd9c7}
.handoff-status{color:var(--cdu-purple)}

/* Static, product-style knowledge sync explanation */
.freshness-section{background:var(--cdu-pale);border-top-color:#deeaec}
.freshness-intro h2 strong{color:var(--cdu-teal-dark)}
.freshness-product{border-color:#c7dfe3}
.freshness-product-logo{background:var(--cdu-purple);color:#fff}
.freshness-product-identity strong{color:var(--cdu-purple)}
.freshness-card-icon{background:#e8f1f3;color:var(--cdu-teal-dark)}
.freshness-ai-icon{background:var(--cdu-purple);color:#fff}
.freshness-article-title{color:var(--cdu-purple)}
.freshness-question p{background:#e7f3f5;border-color:#c5dfe3}
.freshness-source-ref{background:#ebf6f7;color:var(--cdu-teal-dark);border-color:#c1dce1}
.freshness-product-foot strong{color:var(--cdu-purple)}
.freshness-connection-line{background:#afd3d8}
.freshness-connection-node{border-color:#c5dfe2}
.freshness-benefits>div>span{color:var(--cdu-teal)}

/* Benefits/footer */
.features{border-top-color:#dae6e8;background:#fff}
.feature{border-top-color:var(--cdu-teal)}
.feature h3{color:var(--cdu-purple)}
.foot{border-top-color:#dbe6e8;background:#f8fbfb}
.foot strong{color:var(--cdu-teal-dark)}

@media(max-width:790px){
  .hero{background:linear-gradient(160deg,#f2f7f8 0%,#fff 95%)}
  .workspace{background:#edf4f5}
}