body { background: #f8fafc; color: #222; }
  .card { background: #fff; border: 1px solid #dee2e6; }
  .form-label, .form-text, .form-check-label { color: #333; }
  .input-group-text { background: #f1f5f9; color: #222; border-color: #ced4da; }
  .form-control, .form-select { background: #fff; color: #222; border-color: #ced4da; }
  .table-dark { --bs-table-bg: #f1f5f9; --bs-table-striped-bg: #e2e8f0; color: #222; }
  .badge-soft { background: #f1f5f9; border: 1px solid #dee2e6; color: #222; }
  .small-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; }
  .help { cursor: help; }
  .sticky-footer { position: sticky; bottom: 0; background: #f8fafc; z-index: 50; border-top: 1px solid #dee2e6; }
  
  .text-row { background-color: #fff}


  
  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
  
  .prose {
    font-family: 'Inter', sans-serif;
    line-height: 1.75;
    color: #333;
    max-width: 90%;
    margin: 0 auto;
    padding: 1rem;    
}

.prose h2, .prose h3 {
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

.prose p {
    margin-bottom: 1em;
}

.prose strong {
    font-weight: 700;
}

.prose ul, .prose ol {
    margin-left: 1.25em;
    margin-bottom: 1em;
}

.prose li + li {
    margin-top: 0.5em;
}
.prose a {
    color: #1a73e8;
    text-decoration: none;
}