Spaces:
Paused
Paused
| .gradio-container { max-width: 1240px ; margin: auto ; } | |
| .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 ; 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 ; opacity: .7; line-height: 1.65; } | |