:root{color-scheme:light;--navy:#002142;--gold:#d99a00;--muted:#506578;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--navy);background:#f1f5f6}
*{box-sizing:border-box}
body{margin:0}
header{background:var(--navy);color:white}
.header-inner{max-width:1120px;margin:auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.header-inner span{font-size:.8rem;color:#dbe5ed}
main{max-width:810px;margin:auto;padding:clamp(44px,9vw,100px) 24px 130px}
.eyebrow{font-weight:750;letter-spacing:.16em;font-size:.75rem;color:#765300;margin:0 0 12px}
h1{font-size:clamp(2.5rem,7vw,4.5rem);letter-spacing:-.055em;line-height:1;margin:0 0 16px}
.intro{color:var(--muted);font-size:1.12rem;line-height:1.65;margin:0 0 30px}
.chat-panel{border:1px solid #dce6ea;border-top:3px solid var(--gold);background:#fff;border-radius:16px;padding:clamp(20px,5vw,34px);box-shadow:0 12px 32px #0021420b}
h2{margin:0 0 9px;font-size:1.35rem}
#chat-status{color:var(--muted);line-height:1.5;margin:0}
ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:22px 0 0}
li{background:#f1f5f6;border-radius:8px;padding:8px 11px;font-size:.85rem}
#messages:empty,#chat-status:empty{display:none}
#messages{display:flex;flex-direction:column;gap:12px;max-height:420px;overflow:auto;margin-top:20px}
.message{margin:0;padding:13px 16px;border-radius:13px;background:#f1f5f6;max-width:92%;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}
.message.user{align-self:flex-end;background:var(--navy);color:#fff}
#examples[hidden]{display:none}
#examples li{padding:0}
#examples button{background:transparent;border:1px solid transparent;border-radius:8px;padding:8px 11px;color:var(--navy);font:inherit;cursor:pointer}
#examples button:hover{border-color:var(--gold)}
#chat-form{display:flex;gap:10px;margin-top:20px}
#question{min-width:0;flex:1;border:1px solid #dce6ea;border-radius:10px;padding:12px;color:var(--navy);font:inherit}
#send{background:var(--navy);color:white;border:0;border-radius:10px;padding:0 18px;font:inherit;cursor:pointer}
#send:disabled{opacity:.55}
#chat-status{margin-top:10px;font-size:.88rem}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.message p{margin:0}
.message p:empty{height:.7em}
.message ul{display:block;list-style:disc;margin:4px 0;padding-left:1.35em}
.message li{background:transparent;padding:0;font-size:inherit}
.message a{color:#124666;text-decoration:underline;text-underline-offset:.15em}