/* Ask the Board: page-specific styles on top of app.css tokens. */
.ask-main { padding-top: 18px; min-height: 60vh; }
.subhead a { color: var(--accent); }

.ask-card, .answer-card, .markets-card {
  background: var(--bg-elevated);
  border: 1px solid var(--hairline-soft);
  border-radius: var(--radius);
  box-shadow: var(--shadow-card);
  padding: 16px;
  margin-bottom: 16px;
}

.ask-row { display: flex; gap: 8px; flex-wrap: wrap; }
.ask-input { flex: 1 1 240px; margin-bottom: 0; min-width: 0; }
.ask-select {
  font: inherit; color: var(--text);
  background: var(--fill); border: 1px solid transparent;
  border-radius: var(--radius-s); padding: 9px 10px;
}
.ask-btn {
  background: var(--accent); color: #fff; font-weight: 600;
  border-radius: var(--radius-s); padding: 9px 20px;
}
.ask-btn:disabled { opacity: .55; cursor: progress; }

.chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.chip {
  font-size: 12.5px; color: var(--text-2);
  background: var(--fill); border-radius: 999px; padding: 5px 11px;
}
.chip:hover { background: var(--fill-strong); color: var(--text); }

.form-error, .notice {
  margin: 12px 0 0; font-size: 13.5px; text-align: left; border-radius: var(--radius-s); padding: 9px 12px;
}
.form-error, .notice.error { color: var(--no); background: var(--no-bg); }
.notice.warn { color: #b25e00; background: rgba(255,159,10,.14); margin: 0 0 12px; }

.answer-card h2, .markets-card h2 {
  font-size: 13px; text-transform: uppercase; letter-spacing: .06em;
  color: var(--text-3); margin: 0 0 8px; font-weight: 600;
}
.answer { white-space: pre-wrap; font-size: 16px; line-height: 1.55; margin: 0; }
.meta { font-size: 12px; color: var(--text-3); margin: 10px 0 0; }

.thinking { display: flex; align-items: center; gap: 10px; color: var(--text-2); }
.spinner {
  width: 16px; height: 16px; border-radius: 50%;
  border: 2px solid var(--fill-strong); border-top-color: var(--accent);
  animation: spin .8s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

.mk-table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.mk-table th {
  text-align: left; font-weight: 500; color: var(--text-3);
  padding: 6px 8px; border-bottom: 1px solid var(--hairline);
}
.mk-table td { padding: 7px 8px; border-bottom: 1px solid var(--hairline-soft); vertical-align: top; }
.mk-table .num { text-align: right; white-space: nowrap; }
.mk-group { color: var(--text-3); font-size: 12px; }
.pct { font-weight: 600; color: var(--yes); }
.table-scroll { overflow-x: auto; }

.visually-hidden {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap;
}

@media (max-width: 560px) {
  .mk-table .hide-sm { display: none; }
  .ask-btn { flex: 1 1 100%; }
}