/*────────────────────────────────────────
  Specialty button row (desktop ≥1280px)
────────────────────────────────────────*/
.specialty-buttons.gb-grid {
  display: grid !important;
  grid-template-columns: repeat(10, 1fr) !important;  /* now 10 buttons */
  gap: 1rem !important;
  width: 98% !important;
  margin: 12px auto !important;  /* 10px top, auto sides, 2rem bottom */
}
@media (max-width: 1279px) {
  .specialty-buttons.gb-grid {
    display: none !important;
  }
}
.specialty-buttons.gb-grid .gb-grid-column {
  text-align: center;
}
.specialty-buttons.gb-grid .gb-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  border-radius: 10px !important;
  padding: 0.75rem 1rem !important;
  font-weight: 300 !important;
  font-size: 16px !important;
  text-decoration: none !important;
  transition: filter .2s, transform .2s !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1) !important;
  color: #fff !important;             /* text & icon */
}
.specialty-buttons.gb-grid .gb-button:hover {
  filter: brightness(0.9) !important;
  transform: translateY(-2px) !important;
}

/* unique button colors */
.specialty-buttons.gb-grid .gb-grid-column:nth-child(1) .gb-button { background: #085467 !important; } /* Medicine */
.specialty-buttons.gb-grid .gb-grid-column:nth-child(2) .gb-button { background: #983827 !important; } /* Dentistry */
.specialty-buttons.gb-grid .gb-grid-column:nth-child(3) .gb-button { background: #923252 !important; } /* Pharmacy */
.specialty-buttons.gb-grid .gb-grid-column:nth-child(4) .gb-button { background: #9BA656 !important; } /* Optometry */
.specialty-buttons.gb-grid .gb-grid-column:nth-child(5) .gb-button { background: #9256A0 !important; } /* Podiatry */
.specialty-buttons.gb-grid .gb-grid-column:nth-child(6) .gb-button { background: #D38F36 !important; } /* Psychology */
/* Rehab Sciences split into three variants */
.specialty-buttons.gb-grid .gb-grid-column:nth-child(7) .gb-button { background: #1FB0A7 !important; } /* Audiology */
.specialty-buttons.gb-grid .gb-grid-column:nth-child(8) .gb-button { background: #33C4BB !important; } /* Occupational Therapy */
.specialty-buttons.gb-grid .gb-grid-column:nth-child(9) .gb-button { background: #0B9C93 !important; } /* Physical Therapy */
.specialty-buttons.gb-grid .gb-grid-column:nth-child(10) .gb-button { background: #C88876 !important; } /* Veterinary */
.specialty-buttons.gb-grid .gb-grid-column span, .specialty-buttons.gb-grid .gb-grid-column i.fas{color: white;}
.break-words a{text-decoration: underline;}

.quiz-meta {
  display: flex;
  gap: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 2rem;
  font-size: .95rem
}

.quiz-stat {
  display: flex;
  align-items: center;
  gap: .5rem;
  font-weight: 500
}

.quiz-stat svg {
  width: 20px;
  height: 20px
}

.social-proof {
  background: white;
  padding: 2rem 0;
  text-align: center;
  border-bottom: 1px solid #e9ecef;
}

.social-proof p {
  font-size: 1.1rem;
  color: #6c757d;
}

.social-proof strong {
  font-weight: 700;
}

.specialties-section {
  padding: 2rem 0;
  background: #f8f9fa;
}

.section-header {
  text-align: center;
  margin-bottom: 3rem;
}

.section-header h2 {
  font-size: 2rem;
  margin-bottom: 1rem;
  color: #2c5f5f;
}

.section-header p {
  font-size: 1.1rem;
  color: #6c757d;
  max-width: 600px;
  margin: 0 auto;
}

.specialty-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2rem;
  margin-bottom: 2rem;
}

.specialty-card {
  background: white;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.specialty-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.specialty-card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 1rem;
}

.specialty-card h3 {
  font-size: 1.3rem;
  margin-bottom: 0.5rem;
  color: #2c5f5f;
  font-weight: 700;
}

.specialty-card p {
  color: #6c757d;
  font-size: 0.95rem;
  font-weight: 500;
}

.view-all-cta {
  text-align: center;
  margin-top: 2rem;
}

.secondary-button {
  background: transparent;
  color: #2c5f5f;
  border: 2px solid #2c5f5f;
  padding: 0.8rem 2rem;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

.secondary-button:hover {
  background: #2c5f5f;
  color: white;
}

.faq-section {
  padding: 3rem 0;
  background: white;
}

.faq-item {
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #e9ecef;
  padding-bottom: 1.5rem;
}

.faq-item h3 {
  font-size: 1.2rem;
  color: #2c5f5f;
  margin-bottom: 0.5rem;
}

.faq-item p {
  color: #6c757d;
}


/* Compatibility color classes (use !important to override global color rules) */
.text-compat-low {
   color: #c05621 !important; /* dark orange for 0-25% */
}
.text-compat-mid {
   color: #ed8936 !important; /* lighter orange for 26-50% */
}
.text-compat-high {
   color:rgb(100, 158, 127) !important; /* green for 51-75% */
}
.text-compat-very-high {
   color:rgb(9, 204, 107) !important; /* dark green for 76-100% */
}


@media (max-width: 768px) {
  .specialty-row {
    grid-template-columns: 30% 50% 17%;
}

.specialty-row .column-middle {
    display: block; /* Hiện lại cột giữa */
}
  .hero-content {
      grid-template-columns: 1fr;
      text-align: center;
  }

  .hero h1 {
      font-size: 2rem;
  }

  .quiz-meta {
      flex-direction: column;
      gap: 1rem;
  }

  .specialty-grid {
      grid-template-columns: 1fr;
  }
}
@media (min-width: 1536px) {
  .container {
      max-width: 1200px !important;
  }
}
.textarea {
  background-color: white;
}