/* ============================================================
   Tools Pages (Coming Soon) Styles
   Resume Builder, Company Research, Salary Research, Job Tracker
   ============================================================ */

/* Tool pages share similar styling */
#resume-builder,
#company-research,
#salary-research,
#job-tracker {
  /* Inherits .page styles */
}

#resume-builder .header,
#company-research .header,
#salary-research .header,
#job-tracker .header {
  margin-bottom: 20px;
}

#resume-builder .header h1,
#company-research .header h1,
#salary-research .header h1,
#job-tracker .header h1 {
  font-size: 24px;
}

#resume-builder .header p,
#company-research .header p,
#salary-research .header p,
#job-tracker .header p {
  font-size: 14px;
}

/* Card overrides for tool pages */
#resume-builder .card,
#company-research .card,
#salary-research .card,
#job-tracker .card {
  padding: 16px;
}

#resume-builder .card-header,
#company-research .card-header,
#salary-research .card-header,
#job-tracker .card-header {
  margin-bottom: 12px;
}

#resume-builder .card-header h2,
#company-research .card-header h2,
#salary-research .card-header h2,
#job-tracker .card-header h2 {
  font-size: 16px;
}

/* Content styling within tool cards */
#resume-builder .content-box,
#company-research .content-box,
#salary-research .content-box,
#job-tracker .content-box {
  background: white;
  border: none;
  padding: 0;
}

#resume-builder .content-box p,
#company-research .content-box p,
#salary-research .content-box p,
#job-tracker .content-box p {
  margin-bottom: 8px;
  font-size: 13px;
}

#resume-builder .coaching-bullets,
#company-research .coaching-bullets,
#salary-research .coaching-bullets,
#job-tracker .coaching-bullets {
  font-size: 13px;
  margin: 0;
}

#resume-builder .coaching-bullets li,
#company-research .coaching-bullets li,
#salary-research .coaching-bullets li,
#job-tracker .coaching-bullets li {
  padding: 6px 10px;
  margin-bottom: 4px;
  line-height: 1.4;
}

/* Coming soon note */
#resume-builder .content-box em,
#company-research .content-box em,
#salary-research .content-box em,
#job-tracker .content-box em {
  color: #6b7280;
  font-size: 12px;
}