.gradio-container { max-width: 1240px !important; margin: auto !important; }
.hero { padding: 40px 10px 30px; border-bottom: 1px solid #cbd5e1; margin-bottom: 25px; }
.eyebrow { font-size: 11px; letter-spacing: .18em; font-weight: 750; color: #0d9488; margin-bottom: 14px; }
.hero h1 { font-size: clamp(34px, 5vw, 58px); font-weight: 750; line-height: 1.06; letter-spacing: -.045em; margin: 0 0 20px; }
.hero h1 span { color: #0d9488; }
.hero p { font-size: 17px; max-width: 620px; line-height: 1.65; opacity: .8; }
.answer-card { padding: 25px; border: 1px solid #0d948855; border-radius: 15px; margin-top: 12px; background: #0d948808; font-size: 16px; line-height: 1.85; }
.answer-card p + p { margin-top: 18px; }
.empty-answer { min-height: 170px; opacity: .65; }
.cite { display: inline-block; color: #0d9488 !important; font-size: 12px; font-weight: 650; text-decoration: none; background: #0d948814; border-radius: 6px; padding: 0 6px; }
.source-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; margin: 18px 0; }
.source-card { border: 1px solid #94a3b844; border-radius: 12px; padding: 18px; line-height: 1.6; }
.source-card b { color: #0d9488; font-size: 13px; }
.source-type { display: block; font-size: 11px; opacity: .7; margin: 5px 0 10px; }
.source-card p { font-size: 13px; }
.privacy-note { font-size: 12px !important; opacity: .7; line-height: 1.65; }