/* Matches gageblockcalc.com: light gray page, white cards, #0d6efd primary, system font. */
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
.tab-link.active { color: #0d6efd; box-shadow: inset 0 -3px 0 #0d6efd; }
.starter { font-size: 0.85rem; padding: 0.5rem 0.9rem; border-radius: 9999px; border: 1px solid #ced4da; background: #fff; color: #212529; text-align: left; }
.starter:hover { border-color: #0d6efd; color: #0b5ed7; background: #f0f6ff; }
.bubble { max-width: 88%; padding: 0.9rem 1.1rem; border-radius: 1.1rem; line-height: 1.6; overflow-wrap: anywhere; }
.bubble-user { background: #0d6efd; color: #fff; border-bottom-right-radius: 0.35rem; white-space: pre-wrap; }
.bubble-bot { background: #f8f9fa; color: #212529; border: 1px solid #dee2e6; border-bottom-left-radius: 0.35rem; }
.bubble-bot ul { list-style: disc; padding-left: 1.25rem; margin: 0.35rem 0; }
.bubble-bot p + p { margin-top: 0.5rem; }
.calc-row { margin-top: 0.7rem; }
.calc-btn { display: inline-block; background: #0d6efd; color: #fff; padding: 8px 16px; border-radius: 8px; font-size: 14px; font-weight: 700; text-decoration: none; }
.calc-btn:hover { background: #0b5ed7; }
.deal-row { margin-top: 0.7rem; padding-top: 0.6rem; border-top: 1px solid #dee2e6; }
.deal-row-label { display: block; font-size: 11px; letter-spacing: 0.05em; text-transform: uppercase; color: #6c757d; margin-bottom: 0.25rem; }
.deal-btn { display: inline-block; background: #fff; color: #0d6efd; padding: 7px 16px; border-radius: 9999px; font-size: 13px; font-weight: 600; margin: 5px 6px 2px 0; border: 1px solid #ced4da; text-decoration: none; }
.deal-btn:hover { background: #f0f6ff; color: #0b5ed7; border-color: #0d6efd; }
.post { background: #fff; border: 1px solid #dee2e6; border-radius: 1.25rem; padding: 1rem 1.2rem; }
.post-img { display: block; width: 100%; max-height: 460px; object-fit: cover; border-radius: 0.9rem; margin-top: 0.7rem; background: #e9ecef; }
.chip { font-size: 0.75rem; padding: 0.3rem 0.75rem; border-radius: 9999px; border: 1px solid #ced4da; color: #495057; background: #fff; }
.chip:hover { border-color: #0d6efd; }
.chip.active { color: #0d6efd; border-color: #0d6efd; background: #f0f6ff; }
.reply-box { border-left: 2px solid #dee2e6; margin-left: 0.4rem; padding-left: 0.85rem; }
.typing::after { content: '▋'; animation: blink 1s steps(1) infinite; margin-left: 2px; }
@keyframes blink { 50% { opacity: 0; } }