html, body { background: #f8fafc; color: #1f2937; }
    body { font-family: Arial, Helvetica, sans-serif; }
    html, body, .page, .page-content, .page-wrapper, .main-content, .content, .template-page, .page-header, .page-title, .main-page-title {
      background-color: #ffffff;
      color: #1f2937;
    }
    a { color: #0f766e; text-decoration: none; }
    a:hover { text-decoration: underline; }
    img { display: block; max-width: 100%; height: auto; }
    .page-shell { background: #f8fafc; }
    .card {
      background: #ffffff;
      border: 1px solid #e5e7eb;
      border-radius: 1rem;
      box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    }
    .soft-table th,
    .soft-table td {
      padding: 0.85rem 1rem;
      border: 1px solid #d1d5db;
      vertical-align: top;
    }
    .soft-table th { background: #f3f4f6; font-weight: 700; color: #111827; }
    .hero-pill {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      border: 1px solid #d1d5db;
      background: #f9fafb;
      border-radius: 9999px;
      padding: 0.4rem 0.8rem;
      font-size: 0.875rem;
      color: #374151;
    }