/* Page-specific overrides only - main.css contains base styles */

/* Two-column result layout */
.results-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

/* Preview large text */
#valuesPreview {
  font-size: 20px;
  word-break: break-word;
  white-space: pre-wrap;
}

/* Values list monospace for readability */
.values-list {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", "Courier New", monospace;
  padding: 8px;
  background: #fafafa;
  border-radius: 6px;
  border: 1px solid #eef2f6;
  min-height: 120px;
  overflow: auto;
}

/* Small tweaks */
.summary-box .big { font-size: 20px; }
.small-label { color: #64748b; }
.medium { font-weight: 600; }

/* FAQ simple */
.faq-answer {
  display: none;
  background: #f8fafc;
  border-left: 3px solid #0ea5a4;
  padding: 10px;
  margin-top: 6px;
  border-radius: 4px;
}

/* Mobile */
@media (max-width: 900px) {
  .results-grid { grid-template-columns: 1fr; }
  .form-grid-4col { grid-template-columns: repeat(2,1fr); }
}