/* Additional product detail pages (AI Call Center Agent, AI Annual Wellness Visit, AI Advanced Dental Eligibility).
   Loaded after product.css; reuses its hero / brief / accordion / outcomes system and only adds what text-led outcomes need. */

/* outcomes whose headline is a phrase, not a figure: same ledger, calmer scale */
.marks--text dt, .marks--text > li { font-size: clamp(1.375rem, 1.15rem + 0.75vw, 1.75rem); font-weight: 650; letter-spacing: -0.02em; line-height: 1.2; color: var(--navy); }
.marks--text > li { padding: 24px 0 22px; border-bottom: 1px solid rgba(12, 26, 75, 0.1); }

/* dental chair schedule: the refilled slot */
.m-gantt i.is-new { background: linear-gradient(90deg, #2bb985, var(--green)); }

/* hero rail with four or five stages: same rail, larger so it carries the hero like the seven-stage APCM rail */
.m--rail-lg { padding: 2.4em 2.4em; font-size: clamp(12.5px, 2.75cqw, 17px); }
.m--rail-lg .rail { gap: 0.8em; }
.m--rail-lg .rail__step { min-height: 3.6em; }

/* how-it-works scenes: fewer, larger surfaces than APCM, so they read a little larger */
.pd-acc .m--cc1, .pd-acc .m--cc2, .pd-acc .m--cc3, .pd-acc .m--cc4,
.pd-acc .m--aw1, .pd-acc .m--aw2, .pd-acc .m--aw3, .pd-acc .m--aw4,
.pd-acc .m--de1, .pd-acc .m--de2, .pd-acc .m--de3, .pd-acc .m--de4 { --k: 1.22; }
@container (min-width: 480px) {   /* optical centring (measured at 1440; em = each scene's own font-size) */
  .pd-acc .m--cc1 { translate: 0 1.73em; } .pd-acc .m--cc2 { translate: 0 2.02em; } .pd-acc .m--cc3 { translate: 0 2.29em; } .pd-acc .m--cc4 { translate: 0 1.84em; }
  .pd-acc .m--aw1 { translate: 0 0.22em; } .pd-acc .m--aw2 { translate: 0 1.07em; } .pd-acc .m--aw3 { translate: 0 2.87em; } .pd-acc .m--aw4 { translate: 0 2.63em; }
  .pd-acc .m--de1 { translate: 0 2.15em; } .pd-acc .m--de2 { translate: 0 2.56em; } .pd-acc .m--de3 { translate: 0 2.09em; } .pd-acc .m--de4 { translate: 0 1.98em; }
}