/* Colors sampled from https://www.clearwaterhousingauth.org/; checked 2026-10-13. */
:root{
  --cha-blue:#0e76bc;--cha-blue-dark:#405777;--cha-slate:#596f94;--cha-sand:#d1ccad;
  --cha-gold:#afa278;--cha-sand-light:#d1ccad;--cha-ink:#333333;--cha-muted:#606060;--cha-soft:#f8f7f4;
  --header-left:#596f94;--header-right:#596f94;--header-text:#ffffff;--window-fill:#f8f7f4;
  --window-border:#d1ccad;--icon-fill:#405777;--icon-symbol:#ffffff;--intro-fill:#f8f7f4;
  --intro-border:#afa278;--intro-text:#333333;--suggested-fill:#ffffff;--suggested-border:#0e76bc;
  --suggested-text:#285477;--user-fill:#596f94;--user-text:#ffffff;--user-border:#596f94;
  --bot-fill:#ffffff;--bot-text:#333333;--bot-border:#d8dee6;--bold-text:#285477;--input-fill:#ffffff;
  --input-border:#596f94;--input-text:#333333;--placeholder:#606060;--send-left:#0e76bc;
  --send-right:#0e76bc;--send-text:#ffffff;--focus-ring:#0e76bc;--spinner-one:#afa278;
  --spinner-two:#0e76bc;--bot-width:492px;--bot-height:780px;
  font-family:"Trebuchet MS","Avenir Next",Avenir,"Segoe UI",sans-serif;color:var(--cha-ink);background:#fff;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#fff;color:var(--cha-ink)}
button,textarea,input,select{font:inherit}.skip-link{position:fixed;z-index:100;left:12px;top:-60px;padding:10px 14px;border-radius:0 0 8px 8px;background:#000;color:#fff}.skip-link:focus{top:0}
.site-shell{min-height:100vh;overflow:hidden;background:linear-gradient(135deg,#ffffff 0%,#f8f7f4 55%,#f3f0e5 100%)}
.utility-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:9px clamp(20px,6vw,78px);background:#edf4f8;color:#201f23;font-size:.78rem}
.utility-bar>span{font-weight:700}.utility-bar nav{display:flex;gap:24px}.utility-bar a,.site-nav a{color:inherit;text-decoration:none}.utility-bar a:hover{text-decoration:underline}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px clamp(20px,6vw,78px);background:#fff}.logo-link{display:block}.site-logo{display:block;width:min(485px,42vw);height:auto}
.contact-pill,.hero-actions a,.hero-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border:1px solid var(--cha-blue);border-radius:7px;background:#fff;color:var(--cha-blue);font-weight:800;text-decoration:none;cursor:pointer}
.contact-pill{background:var(--cha-blue);color:#fff}.contact-pill:hover,.hero-primary:hover{background:var(--cha-blue-dark)}
.site-nav{display:flex;align-items:center;justify-content:center;gap:clamp(20px,3.2vw,48px);min-height:66px;padding:0 clamp(20px,4vw,60px);overflow-x:auto;scrollbar-width:none;background:var(--cha-slate);color:#fff;font-weight:700;box-shadow:0 6px 18px rgba(40,84,119,.16)}.site-nav::-webkit-scrollbar{display:none}
.site-nav a{padding:22px 0;border-bottom:3px solid transparent}.site-nav a:hover,.site-nav a:focus{border-color:var(--cha-sand);color:#fff}
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:clamp(36px,6vw,90px);min-height:calc(100vh - 179px);padding:clamp(48px,7vw,96px) clamp(24px,7vw,94px)}
.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.hero::before{width:320px;height:320px;left:-140px;bottom:-110px;background:rgba(89,111,148,.14)}.hero::after{width:180px;height:180px;right:4%;top:8%;background:rgba(209,204,173,.16)}
.hero-copy,.hero-visual{position:relative;z-index:1}.eyebrow{margin:0 0 16px;color:var(--cha-blue);font-size:.82rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.hero-copy h1{max-width:770px;margin:0 0 22px;color:#33465f;font-size:clamp(2.8rem,5vw,5.8rem);font-weight:800;letter-spacing:-.045em;line-height:.98}.hero-copy>p:not(.eyebrow){max-width:670px;margin:0;color:#606060;font-size:clamp(1.06rem,1.8vw,1.35rem);line-height:1.6}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-primary{border-color:var(--cha-blue);background:var(--cha-blue);color:#fff}.hero-actions a:hover{background:#eef2f6}.topic-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.topic-chips span{padding:7px 11px;border:1px solid rgba(40,84,119,.16);border-radius:999px;background:rgba(255,255,255,.76);color:#405777;font-size:.78rem;font-weight:700}
.hero-visual{padding:18px}.hero-image-frame{position:relative;overflow:hidden;border:9px solid #fff;border-radius:30px 30px 90px 30px;background:#fff;box-shadow:0 25px 65px rgba(40,84,119,.18);transform:rotate(1deg)}.hero-image-frame::after{content:"";position:absolute;inset:0;border:2px solid rgba(255,255,255,.65);border-radius:21px 21px 81px 21px}.hero-image-frame img{display:block;width:100%;aspect-ratio:595/455;object-fit:cover}
.mission-card{position:absolute;left:-12px;bottom:-28px;display:grid;gap:4px;max-width:330px;padding:17px 19px;border-left:7px solid var(--cha-sand);border-radius:12px;background:#fff;box-shadow:0 14px 36px rgba(40,84,119,.16)}.mission-card strong{color:var(--cha-blue);font-size:1.02rem}.mission-card span{color:#606060;font-size:.79rem;line-height:1.4}
.color-ribbon{position:fixed;z-index:3;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,1fr);height:7px}.color-ribbon i:nth-child(1){background:var(--cha-blue)}.color-ribbon i:nth-child(2){background:var(--cha-slate)}.color-ribbon i:nth-child(3){background:var(--cha-gold)}.color-ribbon i:nth-child(4){background:var(--cha-sand-light)}.color-ribbon i:nth-child(5){background:var(--cha-sand)}

.chat-widget{position:fixed;z-index:20;right:24px;bottom:22px;width:min(var(--bot-width),calc(100vw - 32px));height:min(var(--bot-height),calc(100vh - 48px));display:grid;grid-template-rows:auto 1fr auto auto;overflow:hidden;border:1px solid var(--window-border);border-radius:24px;background:var(--window-fill);box-shadow:0 30px 80px rgba(40,84,119,.28),0 8px 28px rgba(40,84,119,.13);transform-origin:bottom right;transition:opacity .18s ease,transform .18s ease}.chat-widget.hidden{display:none}.chat-widget.maximized{inset:16px;width:auto;height:auto}
.chat-header{position:relative;display:flex;justify-content:space-between;align-items:center;min-height:78px;padding:13px 15px;overflow:hidden;background:linear-gradient(110deg,var(--header-left),var(--header-right));color:var(--header-text)}.chat-header::after{content:"";position:absolute;inset:0;pointer-events:none;background:none}
.assistant-title,.chat-controls{position:relative;z-index:1}.assistant-title{display:flex;align-items:center;gap:.72rem}.assistant-title strong,.assistant-title small{display:block}.assistant-title strong{font-size:.95rem}.assistant-title small{display:flex;align-items:center;gap:6px;margin-top:3px;color:rgba(255,255,255,.82);font-size:.7rem}.assistant-mark{display:grid;place-items:center;width:45px;height:45px;border-radius:15px;background:#fff;color:var(--cha-blue);font-size:.75rem;font-weight:900;letter-spacing:-.03em;box-shadow:0 7px 18px rgba(40,84,119,.26),inset 0 -4px 0 var(--cha-sand)}
.online-dot{width:7px;height:7px;border-radius:50%;background:#70e3a4;box-shadow:0 0 0 3px rgba(112,227,164,.18)}.assistant-title small.paused .online-dot{background:#ffc0be}.chat-controls{display:flex;gap:5px}.chat-controls button{display:grid;place-items:center;width:31px;height:31px;padding:0;border:0;border-radius:50%;background:var(--icon-fill);color:var(--icon-symbol);cursor:pointer;transition:.18s}.chat-controls button:hover{background:rgba(255,255,255,.24);transform:translateY(-1px)}.chat-controls svg{width:16px;height:16px;fill:currentColor}
.chat{overflow:auto;padding:18px 16px 10px;background:var(--window-fill);scroll-behavior:smooth}.message{display:flex;margin:0 0 12px}.message.user{justify-content:flex-end}.bubble{max-width:88%;padding:11px 14px;border-radius:18px;background:var(--bot-fill);color:var(--bot-text);line-height:1.55;box-shadow:0 6px 20px rgba(40,84,119,.07);overflow-wrap:anywhere}.message.assistant .bubble{border:1px solid var(--bot-border);border-top-left-radius:7px}.message.user .bubble{border:1px solid var(--user-border);border-bottom-right-radius:7px;background:var(--user-fill);color:var(--user-text);box-shadow:0 8px 22px rgba(40,84,119,.18)}#chat>.message.assistant:first-child .bubble{border-left:5px solid var(--intro-border);background:var(--intro-fill);color:var(--intro-text)}
.quick-prompts{display:grid;gap:8px;margin:2px 0 18px}.quick-prompts button{width:max-content;max-width:100%;padding:8px 12px;border:1px solid var(--suggested-border);border-radius:999px;background:var(--suggested-fill);color:var(--suggested-text);text-align:left;cursor:pointer;font-size:.82rem;box-shadow:0 4px 12px rgba(40,84,119,.05);transition:.18s}.quick-prompts button:hover{transform:translateY(-1px);background:#eef2f6;box-shadow:0 7px 18px rgba(40,84,119,.12)}
.composer{display:grid;grid-template-columns:1fr 48px;align-items:end;gap:9px;margin:0 12px 8px;padding:7px;border:1px solid var(--input-border);border-radius:20px;background:var(--input-fill);box-shadow:0 8px 24px rgba(40,84,119,.08)}.composer:focus-within{border-color:var(--focus-ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-ring) 18%,transparent),0 10px 28px rgba(40,84,119,.1)}.composer textarea{min-height:44px;max-height:110px;resize:none;padding:11px 10px;border:0;outline:none;background:transparent;color:var(--input-text);line-height:1.4}.composer textarea::placeholder{color:var(--placeholder)}.send-button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:15px;background:linear-gradient(140deg,var(--send-left),var(--send-right));color:var(--send-text);box-shadow:0 7px 18px rgba(40,84,119,.24);cursor:pointer;transition:.18s}.send-button:hover{transform:translateY(-1px);filter:brightness(1.08)}.send-button svg{width:22px;fill:currentColor}.status{min-height:22px;padding:0 19px 8px;background:var(--window-fill);color:#606060;font-size:.76rem}
.thinking-message .bubble{padding:5px;border:0;background:transparent;box-shadow:none}.thinking-indicator{display:flex;align-items:center;gap:8px;width:max-content;padding:8px 12px;border:1px solid #d8dee6;border-radius:999px;background:linear-gradient(90deg,#eef2f6,#f8f7f4);color:#285477;font-size:.78rem;font-weight:700;box-shadow:0 6px 18px rgba(40,84,119,.07)}.thinking-orbit{width:18px;height:18px;border:2.5px solid #d8dee6;border-top-color:var(--spinner-two);border-right-color:var(--spinner-one);border-radius:50%}.thinking-message.is-spinning .thinking-orbit{animation:thinking-spin .72s linear infinite}.thinking-dots{display:flex;gap:3px}.thinking-dots i{width:4px;height:4px;border-radius:50%;background:var(--spinner-two)}@keyframes thinking-spin{to{transform:rotate(360deg)}}
.chat-launcher{--launcher-fill:#596f94;--launcher-outline:#596f94;--launcher-text:#fff;position:fixed;z-index:21;right:20px;bottom:18px;display:block;width:88px;height:88px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--launcher-outline);filter:drop-shadow(0 7px 12px rgba(40,84,119,.22));cursor:pointer;transition:transform .2s}
.chat-launcher:hover{transform:translateY(-3px) scale(1.03)}
.chat-launcher .launcher-bubble{display:block;width:100%;height:100%;overflow:visible}
.launcher-bubble-outline{fill:var(--launcher-fill);stroke:var(--launcher-outline);stroke-width:9;stroke-linejoin:round}
.launcher-bubble-fill{fill:var(--launcher-fill);stroke:#fff;stroke-width:4;stroke-linejoin:round}
.launcher-mark{fill:var(--launcher-text);font-family:"Trebuchet MS","Segoe UI",sans-serif;font-size:18px;font-weight:900;letter-spacing:0;word-spacing:0}
.launcher-dot-yellow{fill:#d1ccad}.launcher-dot-green{fill:#afa278}.launcher-dot-skyblue{fill:#ffffff}
.chat-launcher.hidden{display:none}
body:is([data-contrast="dark"],[data-contrast="light"]) .chat-launcher{--launcher-fill:var(--contrast-bg);--launcher-outline:var(--contrast-link);--launcher-text:var(--contrast-link)}
.formatted-response{white-space:normal}.formatted-response h2,.formatted-response h3,.formatted-response h4,.formatted-response h5{margin:.85rem 0 .35rem;color:var(--bold-text);line-height:1.25}.formatted-response h2:first-child,.formatted-response h3:first-child{margin-top:0}.formatted-response p{margin:.4rem 0}.formatted-response ul,.formatted-response ol{margin:.35rem 0 .7rem;padding-left:1.3rem}.formatted-response li{margin:.22rem 0}.formatted-response a{color:var(--bold-text);text-decoration:underline}.formatted-response code{padding:.1rem .3rem;border-radius:4px;background:#eef2f6}.formatted-response .table-wrap{width:100%;margin:.7rem 0;overflow-x:auto;border:1px solid #dce2eb;border-radius:8px}.formatted-response table{width:100%;min-width:520px;border-collapse:collapse}.formatted-response th,.formatted-response td{padding:.6rem;border:1px solid #e1e6ee;text-align:left;vertical-align:top}.formatted-response th{background:#eef2f6}
.learn-more-collapse{margin-top:.9rem;border-top:1px solid #dce2eb;padding-top:.6rem}.learn-more-collapse>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.25rem 0;cursor:pointer;list-style:none;color:#285477;font-weight:800}.learn-more-collapse>summary::-webkit-details-marker{display:none}.learn-more-toggle{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:#eef2f6;color:var(--cha-blue);font-size:1.15rem}.learn-more-collapse[open] .learn-more-toggle{font-size:0}.learn-more-collapse[open] .learn-more-toggle::after{content:'−';font-size:1.15rem}.learn-more-content{padding:.2rem 0 0}.answer-feedback{display:flex;align-items:center;gap:.45rem;margin-top:.8rem;padding-top:.65rem;border-top:1px solid #d8dee6;color:#777;font-size:.75rem}.answer-feedback button{padding:.25rem .55rem;border:1px solid #ddd;border-radius:10px;background:#fff;color:#285477;font-size:.72rem;cursor:pointer}
/* Use a true light typeface throughout the bot, including questions, Markdown emphasis, and its title. */
#chatWidget { font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif; font-weight:300; font-synthesis:none; }
#chatWidget * { font-weight:300; }
body.a11y-readableFont #chatWidget { font-family:Verdana,Tahoma,sans-serif; }
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important}}
@media(max-width:1000px){.utility-bar>span{display:none}.site-logo{width:min(420px,55vw)}.site-nav{justify-content:flex-start;overflow-x:auto}.hero{grid-template-columns:1fr minmax(320px,.8fr);padding-inline:36px}.hero-copy h1{font-size:clamp(2.7rem,6vw,4.6rem)}}
@media(max-width:760px){.utility-bar{justify-content:center}.utility-bar nav{gap:16px}.site-header{padding:12px 18px}.site-logo{width:min(360px,70vw)}.contact-pill{display:none}.site-nav{min-height:54px;gap:26px;padding:0 20px;font-size:.88rem}.site-nav a{padding:17px 0;white-space:nowrap}.hero{grid-template-columns:1fr;min-height:auto;padding:44px 22px 100px}.hero-copy h1{font-size:clamp(2.55rem,12vw,4.2rem)}.hero-visual{max-width:600px}.mission-card{left:4px}.chat-widget{right:10px;bottom:10px;height:calc(100vh - 86px)}}
@media(max-width:520px){.utility-bar nav a:nth-child(-n+2){display:none}.site-logo{width:100%}.hero-actions{display:grid}.hero-actions>*{width:100%}.chat-widget,.chat-widget.maximized{inset:8px;width:auto;height:auto;border-radius:20px}.chat-header{min-height:70px}.assistant-title strong{font-size:.86rem}.assistant-mark{width:39px;height:39px}.chat-controls button{width:28px;height:28px}.chat{padding-inline:12px}}

/* CHA reference palette and stronger response typography. */
.chat-widget { font-family: Arial, "Segoe UI", sans-serif; }
.chat-widget .bubble, .chat-widget textarea { font-weight: 500; }
.chat-widget .bubble strong, .chat-widget .bubble b { font-weight: 700; }
.chat-widget .quick-prompts button, .chat-widget .assistant-title strong { font-weight: 700; }
.chat-widget .message.assistant { flex-direction: row; align-items: flex-end; gap: 8px; }
.chat-widget .message.assistant .bubble { max-width: calc(100% - 52px); }
.message-speak { flex: 0 0 40px; width: 40px; height: 40px; border: 1px solid #566783; border-radius: 10px; background: #d8d4bd; color: #000; cursor: pointer; display: grid; place-items: center; margin-bottom: 4px; }
.message-speak svg { width: 23px; height: 23px; fill: currentColor; }
.message-speak:hover, .message-speak[aria-pressed="true"] { background: #566783; color: #fff; }
#audioLauncher { display: none; }
.chat-widget .bubble, .chat-widget .bubble p, .chat-widget .bubble li, .chat-widget textarea { font-weight: 500 !important; } .chat-widget .bubble strong, .chat-widget .bubble b { font-weight: 700 !important; }
.chat-widget .bubble, .chat-widget .bubble p, .chat-widget .bubble li, .chat-widget textarea { font-weight: 400 !important; } .chat-widget .bubble strong, .chat-widget .bubble b { font-weight: 600 !important; } .chat-widget .quick-prompts button { font-weight: 400; } .message-speak { background: #efecdf; }
/* Consistent suggested-question cards, including wrapped questions. */
.chat-widget .quick-prompts { grid-auto-rows:1fr; gap:10px; }
.chat-widget .quick-prompts button { width:100%; max-width:100%; min-height:48px; height:100%; box-sizing:border-box; padding:12px 16px; display:flex; align-items:center; text-align:left; line-height:1.45; border-radius:18px; }
/* Size the shared question column to its longest label. */
.chat-widget .quick-prompts { width:max-content; max-width:100%; grid-template-columns:minmax(0,1fr); }
.chat-widget .quick-prompts button { width:100%; }