/* Doctors Revision Note Factory v1
   Purpose: style new AI-assisted note drafts without Elementor/Tailwind.
   Safe principles: no box shadows, mobile-first width, scrollable tables. */

.single-post .entry-content .dr-note-factory,
.single .entry-content .dr-note-factory,
.page .entry-content .dr-note-factory {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(8px, 2vw, 18px) !important;
  color: #172033 !important;
  font-size: clamp(17px, 1.08vw, 20px) !important;
  line-height: 1.78 !important;
}

.dr-note-factory,
.dr-note-factory * {
  box-shadow: none !important;
}

.dr-note-factory .dr-lead {
  margin: 0 0 20px !important;
  padding: clamp(14px, 2.2vw, 24px) !important;
  border: 1px solid rgba(139, 92, 246, 0.22) !important;
  border-radius: 20px !important;
  background: linear-gradient(100deg, rgba(250, 245, 255, 0.98), rgba(236, 253, 245, 0.92)) !important;
  font-size: clamp(18px, 1.25vw, 22px) !important;
  line-height: 1.7 !important;
}

.dr-note-factory section {
  margin: clamp(18px, 3vw, 30px) 0 !important;
  padding: clamp(14px, 2.4vw, 26px) !important;
  border: 1px solid rgba(139, 92, 246, 0.18) !important;
  border-radius: 18px !important;
  background: linear-gradient(100deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96)) !important;
}

.dr-note-factory h2 {
  display: block !important;
  width: 100% !important;
  margin: 0 0 16px !important;
  padding: 12px 16px !important;
  border: 1px solid rgba(139, 92, 246, 0.18) !important;
  border-radius: 16px !important;
  background: linear-gradient(100deg, rgba(245, 243, 255, 0.98), rgba(224, 242, 254, 0.82)) !important;
  color: #172033 !important;
  font-size: clamp(25px, 2.25vw, 38px) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.02em !important;
}

.dr-note-factory h3 {
  display: inline-block !important;
  margin: 14px 0 10px !important;
  padding: 7px 12px !important;
  border: 1px solid rgba(14, 165, 233, 0.2) !important;
  border-radius: 999px !important;
  background: rgba(224, 242, 254, 0.8) !important;
  color: #075985 !important;
  font-size: clamp(19px, 1.45vw, 25px) !important;
  line-height: 1.25 !important;
}

.dr-note-factory p,
.dr-note-factory li,
.dr-note-factory td,
.dr-note-factory th {
  color: #263653 !important;
}

.dr-note-factory strong,
.dr-note-factory b {
  color: #5b21b6 !important;
  font-weight: 700 !important;
}

.dr-note-factory ul,
.dr-note-factory ol {
  padding-left: clamp(20px, 3vw, 34px) !important;
  margin: 10px 0 14px !important;
}

.dr-note-factory li {
  margin: 9px 0 !important;
}

.dr-note-factory li::marker {
  color: #8b5cf6 !important;
  font-weight: 800 !important;
}

.dr-note-factory .dr-table-scroll {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  margin: 14px 0 18px !important;
  border: 1px solid rgba(139, 92, 246, 0.18) !important;
  border-radius: 14px !important;
  background: #fff !important;
}

.dr-note-factory .dr-table-scroll table {
  width: 100% !important;
  min-width: 700px !important;
  border-collapse: collapse !important;
  margin: 0 !important;
}

.dr-note-factory table th {
  background: #ede9fe !important;
  color: #312e81 !important;
  font-weight: 800 !important;
}

.dr-note-factory table th,
.dr-note-factory table td {
  padding: 12px 14px !important;
  border: 1px solid rgba(139, 92, 246, 0.16) !important;
  vertical-align: top !important;
}

.dr-note-factory table tr:nth-child(even) td {
  background: rgba(250, 245, 255, 0.55) !important;
}

@media (max-width: 768px) {
  .single-post .entry-content .dr-note-factory,
  .single .entry-content .dr-note-factory,
  .page .entry-content .dr-note-factory {
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 17px !important;
  }

  .dr-note-factory .dr-lead,
  .dr-note-factory section {
    border-radius: 14px !important;
    padding: 13px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .dr-note-factory h2 {
    font-size: clamp(23px, 7vw, 31px) !important;
    padding: 11px 12px !important;
  }

  .dr-note-factory h3 {
    font-size: 18px !important;
    white-space: normal !important;
  }

  .dr-note-factory .dr-table-scroll table {
    min-width: 640px !important;
  }
}