/* ==================================================
   KAP SEO Services
   Conversion Reality Check Page CSS
   Page ID: 1016
   File: kap-conversion-reality-check.css

   Load this file after main.css.
   Remove the matching block from Additional CSS only after testing.
   ================================================== */

body.page-id-1016 .kap-crc-page {
  max-width: 1120px !important;
  margin: 0 auto !important;
  font-family: Arial, Helvetica, sans-serif !important;
  color: #111827 !important;
}

body.page-id-1016 .kap-crc-page * {
  box-sizing: border-box !important;
}

body.page-id-1016 .kap-crc-page p,
body.page-id-1016 .kap-crc-page li {
  color: #374151 !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
}

body.page-id-1016 .kap-crc-page h2 {
  color: #111827 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: clamp(28px, 4vw, 42px) !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  margin: 0 0 18px !important;
}

body.page-id-1016 .kap-crc-page h3 {
  color: #111827 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  margin: 0 0 10px !important;
}

body.page-id-1016 .kap-crc-eyebrow {
  color: #b9151b !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  margin: 0 0 10px !important;
}

body.page-id-1016 .kap-crc-toc {
  border: 1px solid #e5e7eb !important;
  border-radius: 16px !important;
  padding: 24px 28px !important;
  margin: 0 0 36px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 28px rgba(17, 24, 39, 0.05) !important;
}

body.page-id-1016 .kap-crc-toc strong {
  display: block !important;
  color: #111827 !important;
  font-weight: 900 !important;
  margin-bottom: 14px !important;
}

body.page-id-1016 .kap-crc-toc ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  columns: 2 !important;
  column-gap: 40px !important;
}

body.page-id-1016 .kap-crc-toc li {
  break-inside: avoid !important;
  margin: 8px 0 !important;
  list-style: none !important;
}

body.page-id-1016 .kap-crc-toc a {
  color: #b9151b !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

body.page-id-1016 .kap-crc-toc a:hover {
  text-decoration: underline !important;
}

body.page-id-1016 .kap-crc-intro {
  margin: 0 0 48px !important;
  max-width: 980px !important;
}

body.page-id-1016 .kap-crc-intro p {
  font-size: 17px !important;
}

body.page-id-1016 .kap-crc-card-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 18px !important;
  margin: 24px 0 34px !important;
}

body.page-id-1016 .kap-crc-card {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 16px !important;
  padding: 24px !important;
  box-shadow: 0 12px 28px rgba(17, 24, 39, 0.06) !important;
}

body.page-id-1016 .kap-crc-card-icon {
  display: inline-flex !important;
  width: 48px !important;
  height: 48px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px !important;
  background: rgba(185, 21, 27, 0.08) !important;
  color: #b9151b !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  margin-bottom: 14px !important;
}

body.page-id-1016 .kap-crc-card p {
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

body.page-id-1016 .kap-crc-table-wrap {
  overflow-x: auto !important;
  margin: 24px 0 44px !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 28px rgba(17, 24, 39, 0.06) !important;
}

body.page-id-1016 .kap-crc-table {
  width: 100% !important;
  border-collapse: collapse !important;
  background: #ffffff !important;
}

body.page-id-1016 .kap-crc-table th {
  background: #111827 !important;
  color: #ffffff !important;
  text-align: left !important;
  padding: 16px !important;
  font-weight: 900 !important;
}

body.page-id-1016 .kap-crc-table td {
  border: 1px solid #e5e7eb !important;
  padding: 15px 16px !important;
  color: #374151 !important;
  vertical-align: top !important;
}

body.page-id-1016 .kap-crc-table td:last-child strong {
  color: #b9151b !important;
}

body.page-id-1016 .kap-crc-two-col {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 28px !important;
  margin: 28px 0 44px !important;
}

body.page-id-1016 .kap-crc-panel {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 16px !important;
  padding: 28px !important;
  box-shadow: 0 12px 28px rgba(17, 24, 39, 0.06) !important;
}

body.page-id-1016 .kap-crc-panel ul {
  padding-left: 0 !important;
  list-style: none !important;
  margin: 0 !important;
}

body.page-id-1016 .kap-crc-panel li {
  position: relative !important;
  padding-left: 30px !important;
  margin-bottom: 13px !important;
  list-style: none !important;
}

body.page-id-1016 .kap-crc-panel li:before {
  content: "✓" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  color: #b9151b !important;
  font-weight: 900 !important;
}

body.page-id-1016 .kap-crc-note {
  background: #fff1f2 !important;
  border: 1px solid #fecaca !important;
  border-radius: 14px !important;
  padding: 20px 22px !important;
  margin-top: 20px !important;
}

body.page-id-1016 .kap-crc-note p {
  margin: 0 !important;
  color: #374151 !important;
}

body.page-id-1016 .kap-crc-faq {
  max-width: 980px !important;
  margin: 44px auto !important;
}

body.page-id-1016 .kap-crc-faq .kap-crc-eyebrow,
body.page-id-1016 .kap-crc-faq h2 {
  text-align: center !important;
}

body.page-id-1016 .kap-crc-faq-list {
  display: grid !important;
  gap: 14px !important;
}

body.page-id-1016 .kap-crc-faq-item {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 14px !important;
  padding: 22px 24px !important;
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.05) !important;
}

body.page-id-1016 .kap-crc-faq-item h3 {
  font-size: 18px !important;
  margin-bottom: 8px !important;
}

body.page-id-1016 .kap-crc-cta {
  background: #111827 !important;
  border-radius: 18px !important;
  padding: 34px !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 28px !important;
  align-items: center !important;
  margin: 44px 0 34px !important;
  box-shadow: 0 18px 42px rgba(17, 24, 39, 0.20) !important;
}

body.page-id-1016 .kap-crc-cta h2,
body.page-id-1016 .kap-crc-cta p {
  color: #ffffff !important;
}

body.page-id-1016 .kap-crc-cta p {
  color: rgba(255,255,255,0.82) !important;
  margin-bottom: 0 !important;
}

body.page-id-1016 .kap-crc-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #b9151b !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: 14px 22px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body.page-id-1016 .kap-crc-btn:hover {
  background: #911015 !important;
  color: #ffffff !important;
}

body.page-id-1016 .kap-crc-benefits {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 18px !important;
  margin: 0 0 40px !important;
}

body.page-id-1016 .kap-crc-benefit {
  text-align: center !important;
}

body.page-id-1016 .kap-crc-benefit span {
  display: inline-flex !important;
  width: 48px !important;
  height: 48px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  border: 1px solid #b9151b !important;
  color: #b9151b !important;
  font-weight: 900 !important;
  margin-bottom: 10px !important;
}

body.page-id-1016 .kap-crc-benefit strong {
  display: block !important;
  color: #111827 !important;
  font-weight: 900 !important;
  margin-bottom: 5px !important;
}

body.page-id-1016 .kap-crc-benefit p {
  font-size: 14px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

body.page-id-1016 .page-header h2,
body.page-id-1016 .page-header h2.h1 {
  color: #111827 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: clamp(32px, 4vw, 46px) !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  text-align: center !important;
}

@media (max-width: 991px) {
  body.page-id-1016 .kap-crc-card-grid,
  body.page-id-1016 .kap-crc-benefits {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  body.page-id-1016 .kap-crc-two-col,
  body.page-id-1016 .kap-crc-cta {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  body.page-id-1016 .kap-crc-toc ul {
    columns: 1 !important;
  }

  body.page-id-1016 .kap-crc-card-grid,
  body.page-id-1016 .kap-crc-benefits {
    grid-template-columns: 1fr !important;
  }

  body.page-id-1016 .kap-crc-panel,
  body.page-id-1016 .kap-crc-cta {
    padding: 24px !important;
  }

  body.page-id-1016 .kap-crc-btn {
    width: 100% !important;
  }
}
