/* Digital marketing training pages: warmer section rhythm + human elements.
   Loaded only by page-digital-marketing-training.php. Brand purple stays primary;
   amber and teal are supporting accents (education palette). */
:root {
  --dmt-cream: #fff8ef;
  --dmt-sand: #fbf3e8;
  --dmt-lav: #f4f1ff;
  --dmt-mint: #ecfaf5;
  --dmt-amber: #b45309;
  --dmt-amber-soft: #fde9cc;
  --dmt-teal: #0f766e;
  --dmt-ink: #1c1633;
}

/* Section backgrounds, alternating warm / white / brand tints */
.dmt-outcomes   { background: var(--dmt-cream) !important; }
.dmt-curriculum { background: var(--dmt-lav) !important; }
.dmt-packages   { background: #fff !important; }
.dmt-includes   { background: var(--dmt-mint) !important; }
.dmt-whyus      { background: #fff !important; }
.dmt-trainers   { background: var(--dmt-cream) !important; }
.dmt-for-whom   { background: var(--dmt-lav) !important; }
.dmt-locations  { background: #fff !important; }
.dmt-page .seo-prose-section { background: var(--dmt-sand) !important; }
.dmt-page .sfaq-section { background: #fff !important; }
.dmt-trust-strip { background: #fff !important; border-bottom: 1px solid #efe9fb; }

/* Eyebrows pick up the section's accent */
.dmt-outcomes .lp-section-eyebrow, .dmt-trainers .lp-section-eyebrow { background: var(--dmt-amber-soft) !important; color: var(--dmt-amber) !important; }
.dmt-includes .lp-section-eyebrow { background: #cdf3e6 !important; color: var(--dmt-teal) !important; }

/* Cards: white on tinted sections, softer warm shadow */
.dmt-outcome-card, .dmt-module-card, .dmt-tr-card, .dmt-inc-item, .dmt-whyus-card {
  background: #fff !important; border-color: rgba(28,22,51,.07) !important;
  box-shadow: 0 1px 2px rgba(28,22,51,.04), 0 10px 24px -14px rgba(28,22,51,.18) !important;
}
.dmt-outcome-icon { background: var(--dmt-amber-soft) !important; }
.dmt-outcome-icon .material-symbols-outlined { color: var(--dmt-amber) !important; }
.dmt-inc-icon { color: var(--dmt-teal) !important; }
.dmt-whyus .dmt-whyus-card { background: var(--dmt-lav) !important; box-shadow: none !important; }

/* Trainer avatars: photo or coloured initials instead of a grey person icon */
.dmt-tr-avatar { border-radius: 50% !important; }
.dmt-tr-avatar--init { display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 22px; letter-spacing: .02em; }
.dmt-tr-card { border-radius: 18px !important; }

/* A note from the founder */
.dmt-note { padding: 72px 20px; background: #fff; }
.dmt-note-inner { max-width: 1080px; margin: 0 auto; display: grid; grid-template-columns: 280px 1fr; gap: 52px; align-items: center; }
.dmt-note-photo { position: relative; width: 260px; }
.dmt-note-photo::before { content: ""; position: absolute; inset: 16px -16px -16px 16px; border-radius: 28px; background: var(--dmt-amber-soft); }
.dmt-note-photo .dmt-note-img { position: relative; display: block; width: 260px; height: 325px; border-radius: 28px; object-fit: cover; object-position: center top; box-shadow: 0 18px 40px -20px rgba(28,22,51,.45); }
.dmt-note-badge { position: absolute; left: 50%; bottom: -14px; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; padding: 7px 14px; border-radius: 999px; background: #fff; color: var(--dmt-ink); font-size: 13px; font-weight: 700; box-shadow: 0 8px 20px -10px rgba(28,22,51,.35); }
.dmt-note-badge .material-symbols-outlined { font-size: 17px; color: #5427e6; }
.dmt-note-card { position: relative; background: var(--dmt-sand); border-radius: 24px; padding: 36px 40px 30px; }
.dmt-note-card::before { content: "\201C"; position: absolute; top: -18px; left: 28px; font: 800 96px/1 Georgia, serif; color: #f2c88f; }
.dmt-note-eyebrow { display: inline-block; margin-bottom: 10px; padding: 4px 12px; border-radius: 999px; background: var(--dmt-amber-soft); color: var(--dmt-amber); font-size: 12.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.dmt-note h2 { margin: 0 0 14px; font-size: clamp(24px, 2.6vw, 30px); line-height: 1.25; color: var(--dmt-ink); }
.dmt-note p { margin: 0 0 14px; font-size: 16.5px; line-height: 1.75; color: #3f3a52; }
.dmt-note-sign { display: flex; align-items: center; gap: 12px; margin-top: 18px; padding-top: 16px; border-top: 1px dashed #e6cfa9; }
.dmt-note-sign strong { display: block; font-size: 16px; color: var(--dmt-ink); }
.dmt-note-sign span { font-size: 13.5px; color: #6b6480; }
.dmt-note-sign a { margin-left: auto; font-size: 14px; font-weight: 700; color: #5427e6; text-decoration: none; }
.dmt-note-sign a:hover { text-decoration: underline; }
@media (max-width: 760px) {
  .dmt-note { padding: 52px 16px; }
  .dmt-note-inner { grid-template-columns: 1fr; gap: 28px; justify-items: center; }
  .dmt-note-photo { width: 200px; }
  .dmt-note-photo .dmt-note-img { width: 200px; height: 250px; }
  .dmt-note-card { padding: 30px 22px 24px; }
  .dmt-note-sign { flex-wrap: wrap; }
  .dmt-note-sign a { margin-left: 0; }
}

/* Hero: who teaches, with a real face */
.dmt-hero-trainer { display: flex; align-items: center; gap: 12px; margin: 20px 0 4px; padding: 8px 16px 8px 8px; width: fit-content; max-width: 100%; border-radius: 999px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16); }
.dmt-hero-trainer img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(255,255,255,.7); flex: none; }
.dmt-hero-trainer span { color: rgba(255,255,255,.86); font-size: 14px; line-height: 1.4; }
.dmt-hero-trainer strong { color: #fff; }
@media (max-width: 560px) { .dmt-hero-trainer { border-radius: 18px; } .dmt-hero-trainer span { font-size: 13px; } }
/* Bigger photo on the trainer cards */
.dmt-tr-avatar { width: 72px !important; height: 72px !important; }

/* ───────── Hero v2: copy left, trainer photo card right ───────── */
.dmt-hx { position: relative; overflow: hidden; padding: 64px 20px 72px !important;
  background: radial-gradient(900px 480px at 85% 10%, rgba(180,83,9,.22), transparent 60%),
              radial-gradient(800px 520px at 0% 100%, rgba(84,39,230,.35), transparent 60%),
              linear-gradient(160deg, #120d33 0%, #1b1350 55%, #160f3d 100%) !important; }
.dmt-hx-glow { position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(rgba(255,255,255,.07) 1px, transparent 1px); background-size: 22px 22px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.6), transparent 75%); -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,.6), transparent 75%); }
.dmt-hx-inner { position: relative; max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .85fr); gap: 56px; align-items: center; }
.dmt-hx-eyebrow { display: inline-flex; align-items: center; gap: 9px; padding: 7px 14px; border-radius: 999px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); color: #e9e4ff; font-size: 12.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.dmt-hx-h1 { margin: 20px 0 16px !important; font-size: clamp(2.1rem, 4.2vw, 3.4rem) !important; line-height: 1.08 !important; letter-spacing: -.025em; color: #fff !important; }
.dmt-hx .dmt-hero-accent { color: #ffb86b !important; }
.dmt-hx-sub { max-width: 600px; margin: 0 0 24px !important; font-size: 1.08rem !important; color: #cfcbe6 !important; }
.dmt-hx-facts { list-style: none; margin: 0 0 28px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 18px; }
.dmt-hx-facts li { display: inline-flex; align-items: center; gap: 7px; color: #fff; font-size: 15px; font-weight: 600; }
.dmt-hx-facts .material-symbols-outlined { font-size: 20px; color: #ffb86b; }
.dmt-hx-buy { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 26px; padding: 18px 20px; border-radius: 20px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); width: fit-content; max-width: 100%; }
.dmt-hx-price strong { display: block; color: #fff; font-size: 30px; line-height: 1; font-weight: 800; letter-spacing: -.02em; }
.dmt-hx-price span { display: block; margin-top: 6px; color: #b9b3d6; font-size: 13px; }
.dmt-hx-btns { display: flex; flex-wrap: wrap; gap: 10px; }
.dmt-hx-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 50px; padding: 0 22px; border-radius: 14px; font-weight: 700; font-size: 15.5px; text-decoration: none !important; transition: transform .15s, background .15s, box-shadow .15s; }
.dmt-hx-btn--wa { background: #16a34a; color: #fff !important; box-shadow: 0 10px 24px -10px rgba(22,163,74,.7); }
.dmt-hx-btn--wa:hover { background: #128a3e; transform: translateY(-1px); }
.dmt-hx-btn--ghost { background: transparent; color: #fff !important; border: 1.5px solid rgba(255,255,255,.35); }
.dmt-hx-btn--ghost:hover { background: rgba(255,255,255,.1); }
.dmt-hx-btn:focus-visible { outline: 3px solid #ffb86b; outline-offset: 2px; }
.dmt-hx-btn .material-symbols-outlined { font-size: 20px; }
.dmt-hx-proof { display: flex; align-items: center; gap: 8px; margin: 22px 0 0; color: #cfcbe6; font-size: 14.5px; }
.dmt-hx-proof .material-symbols-outlined { color: #4ade80; font-size: 20px; }
.dmt-hx-proof strong { color: #fff; }

.dmt-hx-card { position: relative; justify-self: end; width: 100%; max-width: 430px; padding: 14px; border-radius: 30px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.14); box-shadow: 0 40px 80px -40px rgba(0,0,0,.7); }
.dmt-hx-photo { position: relative; margin: 0; border-radius: 22px; overflow: hidden; aspect-ratio: 4 / 4.4; background: #2a2160; }
.dmt-hx-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 18%; display: block; }
.dmt-hx-photo figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 48px 18px 16px; background: linear-gradient(180deg, transparent, rgba(12,8,36,.88)); }
.dmt-hx-photo figcaption strong { display: block; color: #fff; font-size: 18px; }
.dmt-hx-photo figcaption span { color: #ddd8f5; font-size: 13.5px; }
.dmt-hx-tag { position: absolute; display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border-radius: 999px; background: #fff; color: #1c1633; font-size: 12.5px; font-weight: 700; box-shadow: 0 10px 22px -10px rgba(0,0,0,.5); }
.dmt-hx-tag--top { top: 14px; left: 14px; }
.dmt-hx-tag--side { top: 14px; right: 14px; }
.dmt-hx-tag .material-symbols-outlined { font-size: 16px; color: #b45309; }
.dmt-hx .dmt-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 4px rgba(34,197,94,.22); flex: none; }
.dmt-hx-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 12px 0 0; }
.dmt-hx-grid div { padding: 12px 14px; border-radius: 16px; background: rgba(255,255,255,.06); }
.dmt-hx-grid dt { margin: 0 0 3px; color: #a9a2cc; font-size: 11.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.dmt-hx-grid dd { margin: 0; color: #fff; font-size: 14px; font-weight: 600; line-height: 1.35; }

@media (max-width: 900px) {
  .dmt-hx { padding: 40px 16px 52px !important; }
  .dmt-hx-inner { grid-template-columns: 1fr; gap: 34px; }
  .dmt-hx-card { justify-self: center; max-width: 440px; }
}
@media (max-width: 560px) {
  .dmt-hx-h1 { font-size: 2rem !important; }
  .dmt-hx-sub { font-size: 1rem !important; }
  .dmt-hx-facts { gap: 8px 14px; }
  .dmt-hx-facts li { font-size: 14px; }
  .dmt-hx-buy { width: 100%; padding: 16px; }
  .dmt-hx-btns, .dmt-hx-btn { width: 100%; }
  .dmt-hx-photo { aspect-ratio: 4 / 4.2; }
  .dmt-hx-tag { font-size: 11.5px; padding: 6px 10px; }
  .dmt-hx-tag--side { top: 52px; right: auto; left: 14px; }
}
@media (prefers-reduced-motion: reduce) { .dmt-hx-btn { transition: none; } }

/* Hero card without images: course at a glance */
.dmt-hx-card { padding: 22px !important; }
.dmt-hx-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,.12); }
.dmt-hx-head-title { display: inline-flex; align-items: center; gap: 8px; color: #fff; font-size: 17px; font-weight: 800; }
.dmt-hx-head-title .material-symbols-outlined { color: #ffb86b; font-size: 22px; }
.dmt-hx-head-badge { display: inline-flex; align-items: center; gap: 7px; padding: 6px 11px; border-radius: 999px; background: rgba(34,197,94,.14); color: #bbf7d0; font-size: 12px; font-weight: 700; white-space: nowrap; }
.dmt-hx-learn-label { margin: 0 0 10px; color: #a9a2cc; font-size: 11.5px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.dmt-hx-learn { list-style: none; margin: 0 0 4px; padding: 0; display: grid; gap: 8px; }
.dmt-hx-learn li { display: flex; align-items: center; gap: 11px; padding: 9px 12px; border-radius: 12px; background: rgba(255,255,255,.05); color: #f1eefc; font-size: 14.5px; font-weight: 600; }
.dmt-hx-learn .material-symbols-outlined { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 9px; background: rgba(255,184,107,.14); color: #ffb86b; font-size: 18px; flex: none; }
.dmt-hx-grid { grid-template-columns: 1fr 1fr 1fr !important; margin-top: 14px !important; }
.dmt-hx-grid div { padding: 10px 12px !important; }
.dmt-hx-grid dd { font-size: 13px !important; }
@media (max-width: 560px) {
  .dmt-hx-card { padding: 16px !important; }
  .dmt-hx-grid { grid-template-columns: 1fr 1fr !important; }
  .dmt-hx-learn li { font-size: 14px; }
}

/* Hero spacing pass (2026-10-26): tighter on desktop, compact on phones */
.dmt-hx { padding: 48px 20px 56px !important; }
.dmt-hx-h1 { margin: 16px 0 12px !important; }
.dmt-hx-sub { margin-bottom: 20px !important; }
.dmt-hx-facts { margin-bottom: 22px; }
.dmt-hx-proof { margin-top: 16px; }
.dmt-hx-card { padding: 18px !important; }
.dmt-hx-head { padding-bottom: 12px; margin-bottom: 12px; }
.dmt-hx-learn { gap: 6px; }
.dmt-hx-learn li { padding: 7px 10px; }
.dmt-hx-learn .material-symbols-outlined { width: 26px; height: 26px; font-size: 16px; }
.dmt-hx-grid { margin-top: 12px !important; gap: 8px !important; }

@media (max-width: 560px) {
  .dmt-hx { padding: 22px 16px 30px !important; }
  .dmt-hx-inner { gap: 22px !important; }
  .dmt-hx-eyebrow { padding: 5px 11px; font-size: 10.5px; gap: 7px; }
  .dmt-hx-h1 { margin: 12px 0 10px !important; font-size: 1.8rem !important; line-height: 1.12 !important; }
  .dmt-hx-sub { margin-bottom: 14px !important; font-size: .95rem !important; line-height: 1.55 !important; }
  .dmt-hx-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 10px; margin-bottom: 16px; }
  .dmt-hx-facts li { font-size: 13.5px; }
  .dmt-hx-facts .material-symbols-outlined { font-size: 18px; }
  .dmt-hx-buy { gap: 12px; padding: 14px; border-radius: 16px; }
  .dmt-hx-price { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
  .dmt-hx-price strong { font-size: 26px; }
  .dmt-hx-price span { margin-top: 0; font-size: 12.5px; }
  .dmt-hx-btns { gap: 8px; }
  .dmt-hx-btn { min-height: 46px; font-size: 15px; border-radius: 12px; }
  .dmt-hx-proof { margin-top: 12px; font-size: 13px; align-items: flex-start; }
  .dmt-hx-card { padding: 14px !important; border-radius: 22px; }
  .dmt-hx-head { padding-bottom: 10px; margin-bottom: 10px; }
  .dmt-hx-head-title { font-size: 15.5px; }
  .dmt-hx-learn-label { margin-bottom: 8px; }
  .dmt-hx-learn { grid-template-columns: 1fr 1fr; gap: 6px; }
  .dmt-hx-learn li { padding: 7px 8px; gap: 7px; font-size: 12.5px; line-height: 1.25; border-radius: 10px; }
  .dmt-hx-learn .material-symbols-outlined { width: 22px; height: 22px; font-size: 14px; border-radius: 7px; }
  .dmt-hx-grid { grid-template-columns: 1fr 1fr !important; gap: 6px !important; margin-top: 10px !important; }
  .dmt-hx-grid div { padding: 8px 10px !important; border-radius: 12px; }
  .dmt-hx-grid div:nth-child(n+5) { display: none; }
  .dmt-hx-grid dt { font-size: 10.5px; }
  .dmt-hx-grid dd { font-size: 12.5px !important; }
}
@media (max-width: 560px) {
  .dmt-hx-head-title { white-space: nowrap; font-size: 15px; gap: 6px; }
  .dmt-hx-head-title .material-symbols-outlined { font-size: 19px; }
  .dmt-hx-head-badge { padding: 5px 9px; font-size: 11px; gap: 6px; }
}

/* ───────── Mobile spacing pass for every section (2026-10-26) ───────── */
@media (max-width: 560px) {
  body.dmt-page .dmt-outcomes, body.dmt-page .dmt-note, body.dmt-page .dmt-curriculum, body.dmt-page .dmt-packages,
  body.dmt-page .dmt-includes, body.dmt-page .dmt-whyus, body.dmt-page .dmt-trainers, body.dmt-page .dmt-testimonials,
  body.dmt-page .dmt-for-whom, body.dmt-page .dmt-locations, body.dmt-page .seo-prose-section, body.dmt-page .sfaq-section,
  body.dmt-page .dmt-after, body.dmt-page .dmt-jobstats { padding-top: 36px !important; padding-bottom: 36px !important; }
  body.dmt-page .dmt-cta-band { padding-top: 40px !important; padding-bottom: 40px !important; }
  body.dmt-page .lp-container { padding-left: 16px !important; padding-right: 16px !important; }

  /* Section headings */
  body.dmt-page .lp-section-header { margin-bottom: 20px !important; }
  body.dmt-page .lp-section-eyebrow { margin-bottom: 8px !important; font-size: 11px !important; }
  body.dmt-page .lp-section-h2 { font-size: 1.45rem !important; line-height: 1.22 !important; margin-bottom: 8px !important; }
  body.dmt-page .lp-section-sub { font-size: .95rem !important; line-height: 1.5 !important; }

  /* Trust strip: 3 compact columns */
  body.dmt-page .dmt-trust-strip { padding: 14px 0 !important; }
  body.dmt-page .dmt-trust-strip-items { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 10px 6px; }
  body.dmt-page .dmt-trust-strip-div { display: none !important; }
  body.dmt-page .dmt-trust-strip-stat strong { font-size: 1.05rem !important; }
  body.dmt-page .dmt-trust-strip-stat span { font-size: 11px !important; line-height: 1.25; }

  /* Outcomes: 2 columns */
  body.dmt-page .dmt-outcomes-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
  body.dmt-page .dmt-outcome-card { padding: 14px 10px !important; }
  body.dmt-page .dmt-outcome-icon { width: 40px !important; height: 40px !important; margin-bottom: 8px !important; }
  body.dmt-page .dmt-outcome-stat { font-size: 1.05rem !important; }
  body.dmt-page .dmt-outcome-label { font-size: 12.5px !important; line-height: 1.35 !important; }

  /* Founder note */
  body.dmt-page .dmt-note-inner { gap: 22px !important; }
  body.dmt-page .dmt-note-photo { width: 150px !important; }
  body.dmt-page .dmt-note-photo .dmt-note-img { width: 150px !important; height: 188px !important; border-radius: 20px !important; }
  body.dmt-page .dmt-note-photo::before { inset: 10px -10px -10px 10px !important; border-radius: 20px !important; }
  body.dmt-page .dmt-note-badge { font-size: 11.5px !important; padding: 5px 10px !important; }
  body.dmt-page .dmt-note-card { padding: 24px 18px 18px !important; }
  body.dmt-page .dmt-note-card::before { font-size: 70px !important; top: -12px !important; }
  body.dmt-page .dmt-note h2 { font-size: 1.3rem !important; margin-bottom: 10px !important; }
  body.dmt-page .dmt-note p { font-size: 15px !important; line-height: 1.65 !important; margin-bottom: 10px !important; }
  body.dmt-page .dmt-note-sign { margin-top: 12px !important; padding-top: 12px !important; }

  /* Syllabus */
  body.dmt-page .dmt-modules-grid { gap: 10px !important; }
  body.dmt-page .dmt-module-card { padding: 16px !important; }
  body.dmt-page .dmt-module-header { margin-bottom: 10px !important; gap: 10px !important; }
  body.dmt-page .dmt-module-header h3 { font-size: 1rem !important; }
  body.dmt-page .dmt-module-topics { gap: 5px !important; }
  body.dmt-page .dmt-module-topics li { font-size: 14px !important; line-height: 1.4 !important; }
  body.dmt-page .dmt-curriculum-cta { margin-top: 18px !important; }

  /* Packages */
  body.dmt-page .dmt-pkg-grid { gap: 14px !important; }
  body.dmt-page .dmt-pkg-card { padding: 20px 16px !important; gap: 10px !important; }
  body.dmt-page .dmt-pkg-feats { gap: 6px !important; }
  body.dmt-page .dmt-pkg-feats li { font-size: 14px !important; }

  /* Includes, why us, trainers */
  body.dmt-page .dmt-inc-grid { gap: 8px !important; }
  body.dmt-page .dmt-inc-item { padding: 11px 14px !important; gap: 10px !important; }
  body.dmt-page .dmt-inc-text { font-size: 14.5px !important; }
  body.dmt-page .dmt-whyus-grid { gap: 10px !important; }
  body.dmt-page .dmt-whyus-card { padding: 16px !important; gap: 8px !important; }
  body.dmt-page .dmt-whyus-card h3 { font-size: 1rem !important; }
  body.dmt-page .dmt-whyus-card p { font-size: 14px !important; line-height: 1.5 !important; }
  body.dmt-page .dmt-trainers-grid { gap: 12px !important; }
  body.dmt-page .dmt-tr-card { padding: 16px !important; gap: 10px !important; }
  body.dmt-page .dmt-tr-avatar { width: 60px !important; height: 60px !important; }
  body.dmt-page .dmt-tr-bio { font-size: 14px !important; line-height: 1.55 !important; }

  /* Reviews, who it is for */
  body.dmt-page .dmt-testi-card { padding: 18px !important; }
  body.dmt-page .dmt-for-whom-inner { gap: 20px !important; }
  body.dmt-page .dmt-whom-list { gap: 8px !important; }
  body.dmt-page .dmt-whom-list li { font-size: 14.5px !important; }

  /* Other cities: 2-column compact cards */
  body.dmt-page .dmt-locs-feat-grid { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
  body.dmt-page .dmt-loc-feat-card { padding: 10px 12px !important; gap: 8px !important; }
  body.dmt-page .dmt-loc-feat-card strong { font-size: 14.5px !important; }
  body.dmt-page .dmt-loc-feat-link { font-size: 12.5px !important; }
  body.dmt-page .dmt-locs-grid { gap: 6px !important; margin-bottom: 14px !important; }

  /* Guide: drop the sidebar lists that repeat the city links and certifications; keep the WhatsApp card */
  body.dmt-page .seo-prose-header { margin-bottom: 14px !important; }
  body.dmt-page .seo-prose-inner { gap: 18px !important; padding: 0 16px !important; }
  body.dmt-page .seo-prose-sidebar .seo-prose-sidebar-card { display: none !important; }
  body.dmt-page .seo-prose-body h2 { margin: 26px 0 10px !important; font-size: 1.3rem !important; line-height: 1.25 !important; }
  body.dmt-page .seo-prose-body h3 { margin: 18px 0 8px !important; font-size: 1.08rem !important; }
  body.dmt-page .seo-prose-body p, body.dmt-page .seo-prose-body li { font-size: 15.5px !important; line-height: 1.65 !important; }
  body.dmt-page .seo-prose-body p { margin-bottom: 12px !important; }

  /* FAQ and closing CTA */
  body.dmt-page .sfaq-inner { padding: 0 16px !important; gap: 16px !important; }
  body.dmt-page .dmt-cta-band-inner h2 { font-size: 1.4rem !important; }
}
@media (max-width: 560px) {
  /* Trust strip repeats the hero facts on phones */
  body.dmt-page .dmt-trust-strip { display: none !important; }
  /* City cards: name + one-line link */
  body.dmt-page .dmt-loc-feat-card > .material-symbols-outlined { display: none !important; }
  body.dmt-page .dmt-loc-feat-card { padding: 10px 12px !important; }
  body.dmt-page .dmt-loc-feat-link { white-space: nowrap; font-size: 12.5px !important; gap: 2px !important; }
  body.dmt-page .dmt-loc-feat-link .material-symbols-outlined { font-size: 15px !important; }
  /* Syllabus topics a touch tighter */
  body.dmt-page .dmt-module-topics li { font-size: 13.5px !important; gap: 8px !important; }
  body.dmt-page .dmt-module-topics li .material-symbols-outlined { font-size: 16px !important; }
}

/* Syllabus accordion: desktop shows all topics; phones open one module at a time */
.dmt-module-chev { display: none; }
@media (max-width: 560px) {
  body.dmt-page .dmt-modules-grid { gap: 8px !important; }
  body.dmt-page .dmt-module-card { padding: 0 !important; overflow: hidden; }
  body.dmt-page .dmt-module-header { margin: 0 !important; padding: 14px 14px !important; cursor: pointer; -webkit-tap-highlight-color: transparent; min-height: 52px; }
  body.dmt-page .dmt-module-header:focus-visible { outline: 3px solid #5427e6; outline-offset: -3px; border-radius: 14px; }
  body.dmt-page .dmt-module-header h3 { flex: 1; margin: 0 !important; }
  body.dmt-page .dmt-module-chev { display: inline-block; margin-left: auto; font-size: 22px; color: #5427e6; transition: transform .2s ease; flex: none; }
  body.dmt-page .dmt-module-card.is-open .dmt-module-chev { transform: rotate(180deg); }
  body.dmt-page .dmt-module-topics { display: none !important; padding: 0 14px 14px !important; }
  body.dmt-page .dmt-module-card.is-open .dmt-module-topics { display: flex !important; }
}
@media (max-width: 560px) and (prefers-reduced-motion: reduce) { body.dmt-page .dmt-module-chev { transition: none; } }

/* FAQ: compact on phones, first five questions with a "show all" button */
.dmt-faq-more { display: none; }
@media (max-width: 560px) {
  body.dmt-page .sfaq-section { padding-top: 32px !important; padding-bottom: 32px !important; }
  body.dmt-page .sfaq-inner { gap: 14px !important; }
  body.dmt-page .sfaq-left h2 { font-size: 1.3rem !important; line-height: 1.25 !important; margin-bottom: 6px !important; }
  body.dmt-page .sfaq-left p { font-size: 13.5px !important; margin-bottom: 12px !important; }
  body.dmt-page .sfaq-left .lp-section-eyebrow { margin-bottom: 6px !important; }
  body.dmt-page .dmt-faq-ctabts { display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px !important; }
  body.dmt-page .dmt-faq-ctabts a { width: 100% !important; min-height: 44px; padding: 0 10px !important; justify-content: center; font-size: 14px !important; margin: 0 !important; }
  body.dmt-page .sfaq-trigger { padding: 13px 14px !important; font-size: 14px !important; line-height: 1.4 !important; gap: 10px !important; min-height: 48px; }
  body.dmt-page .sfaq-panel p { font-size: 14px !important; line-height: 1.6 !important; }
  body.dmt-page .sfaq-list:not(.is-all) .sfaq-item:nth-child(n+6) { display: none; }
  body.dmt-page .dmt-faq-more { display: inline-flex; align-items: center; justify-content: center; gap: 4px; width: 100%; min-height: 46px; margin-top: 10px; border: 1.5px solid #d9d2f5; border-radius: 12px; background: #fff; color: #5427e6; font: inherit; font-size: 14.5px; font-weight: 700; cursor: pointer; }
  body.dmt-page .dmt-faq-more:focus-visible { outline: 3px solid #5427e6; outline-offset: 2px; }
  body.dmt-page .dmt-faq-more[hidden] { display: none; }
}

/* Other-cities section on phones: tappable city pills instead of cards */
@media (max-width: 560px) {
  body.dmt-page .dmt-locations { padding-top: 32px !important; padding-bottom: 32px !important; }
  body.dmt-page .dmt-locs-feat-label { display: none !important; }
  body.dmt-page .dmt-locs-featured { margin-bottom: 12px !important; }
  body.dmt-page .dmt-locs-feat-grid { display: flex !important; flex-wrap: wrap; gap: 8px !important; }
  body.dmt-page .dmt-loc-feat-card { position: relative; display: inline-flex !important; align-items: center; padding: 0 !important; border-radius: 999px !important; min-height: 40px; }
  body.dmt-page .dmt-loc-feat-card > div { display: flex; align-items: center; gap: 2px; padding: 8px 10px 8px 14px; }
  body.dmt-page .dmt-loc-feat-card strong { font-size: 14px !important; font-weight: 700; }
  body.dmt-page .dmt-loc-feat-link { position: static !important; font-size: 0 !important; line-height: 0; }
  body.dmt-page .dmt-loc-feat-link::after { content: ""; position: absolute; inset: 0; border-radius: 999px; }
  body.dmt-page .dmt-loc-feat-link .material-symbols-outlined { font-size: 16px !important; line-height: 1; color: #5427e6; }
  body.dmt-page .dmt-loc-feat-link:focus-visible::after { outline: 3px solid #5427e6; outline-offset: 2px; }
  body.dmt-page .dmt-locs-grid { display: none !important; }
  body.dmt-page .dmt-locs-note { margin: 0 !important; padding: 12px 14px !important; font-size: 13.5px !important; line-height: 1.5 !important; }
}
@media (max-width: 560px) {
  body.dmt-page .dmt-loc-feat-card { min-height: 0 !important; height: auto !important; }
  body.dmt-page .dmt-loc-feat-card > div { flex-direction: row !important; padding: 7px 10px 7px 14px !important; line-height: 1.2 !important; min-height: 0 !important; gap: 4px !important; }
  body.dmt-page .dmt-loc-feat-card strong { display: inline !important; margin: 0 !important; line-height: 1.2 !important; }
  body.dmt-page .dmt-loc-feat-link { margin: 0 !important; padding: 0 !important; display: inline-flex !important; }
  body.dmt-page .dmt-locs-note { display: block !important; }
  body.dmt-page .dmt-locs-note > .material-symbols-outlined { display: none !important; }
  body.dmt-page .dmt-locs-note a { display: inline !important; margin-left: 4px; white-space: nowrap; }
}
@media (max-width: 560px) {
  /* The whole pill is the tap target (link ::after), so the pill keeps 44px and the inner link drops the global min-height */
  body.dmt-page .dmt-loc-feat-card { min-height: 44px !important; }
  body.dmt-page .dmt-loc-feat-card > div { padding: 0 12px 0 15px !important; min-height: 44px !important; align-items: center !important; }
  body.dmt-page .dmt-loc-feat-link { min-height: 0 !important; min-width: 0 !important; }
}

/* Expert guide on phones: show the opening, expand on tap. Desktop always shows everything. */
.dmt-guide-more { display: none; }
@media (max-width: 560px) {
  body.dmt-page .seo-prose-section { padding-top: 32px !important; padding-bottom: 32px !important; }
  body.dmt-page .seo-prose-header { margin-bottom: 10px !important; }
  body.dmt-page .seo-prose-eyebrow { margin-bottom: 8px !important; }
  body.dmt-page .seo-prose-title { font-size: 1.35rem !important; line-height: 1.25 !important; margin-bottom: 6px !important; }
  body.dmt-page .seo-prose-meta { font-size: 12.5px !important; gap: 10px !important; }
  body.dmt-page .seo-prose-body { position: relative; max-height: 620px; overflow: hidden; }
  body.dmt-page .seo-prose-body::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 140px; background: linear-gradient(180deg, rgba(251,243,232,0), var(--dmt-sand) 85%); pointer-events: none; }
  body.dmt-page .seo-prose-body.is-open { max-height: none; overflow: visible; }
  body.dmt-page .seo-prose-body.is-open::after { display: none; }
  body.dmt-page .seo-prose-body table { font-size: 13px !important; }
  body.dmt-page .dmt-guide-more { display: inline-flex; align-items: center; justify-content: center; gap: 4px; width: 100%; min-height: 46px; margin: 4px 0 0; border: 1.5px solid #e6cfa9; border-radius: 12px; background: #fff; color: #5427e6; font: inherit; font-size: 14.5px; font-weight: 700; cursor: pointer; }
  body.dmt-page .dmt-guide-more[aria-expanded="true"] .material-symbols-outlined { transform: rotate(180deg); }
  body.dmt-page .dmt-guide-more:focus-visible { outline: 3px solid #5427e6; outline-offset: 2px; }
}
@media (max-width: 560px) {
  body.dmt-page .seo-prose-body::after { background: linear-gradient(180deg, rgba(255,255,255,0), #fff 82%) !important; }
  body.dmt-page .seo-prose-inner { display: flex !important; flex-direction: column; }
  body.dmt-page .seo-prose-body { order: 1; }
  body.dmt-page .dmt-guide-more { order: 2; }
  body.dmt-page .seo-prose-sidebar { order: 3; }
}

/* Trainers on phones: one swipeable row instead of four stacked cards */
.dmt-tr-hint { display: none; }
@media (max-width: 560px) {
  body.dmt-page .dmt-trainers { overflow: hidden; }
  body.dmt-page .dmt-tr-hint { display: flex; align-items: center; justify-content: flex-end; gap: 4px; margin: -8px 0 10px; color: #b45309; font-size: 13px; font-weight: 700; }
  body.dmt-page .dmt-tr-hint .material-symbols-outlined { font-size: 17px; }
  body.dmt-page .dmt-trainers-grid {
    display: flex !important; gap: 12px !important; overflow-x: auto; scroll-snap-type: x mandatory;
    margin: 0 -16px !important; padding: 2px 16px 14px !important; scroll-padding-left: 16px;
    -webkit-overflow-scrolling: touch; scrollbar-width: none;
  }
  body.dmt-page .dmt-trainers-grid::-webkit-scrollbar { display: none; }
  body.dmt-page .dmt-tr-card { flex: 0 0 84%; scroll-snap-align: start; max-width: 320px; }
}

/* Packages on phones: swipeable row, most popular first, badge space kept */
.dmt-pkg-hint { display: none; }
@media (max-width: 560px) {
  body.dmt-page .dmt-packages { overflow: hidden; }
  body.dmt-page .dmt-pkg-hint { display: flex; align-items: center; justify-content: flex-end; gap: 4px; margin: -8px 0 4px; color: #5427e6; font-size: 13px; font-weight: 700; }
  body.dmt-page .dmt-pkg-hint .material-symbols-outlined { font-size: 17px; }
  body.dmt-page .dmt-pkg-grid {
    display: flex !important; align-items: stretch; gap: 12px !important; overflow-x: auto; scroll-snap-type: x mandatory;
    margin: 0 -16px !important; padding: 18px 16px 14px !important; scroll-padding-left: 16px;
    -webkit-overflow-scrolling: touch; scrollbar-width: none;
  }
  body.dmt-page .dmt-pkg-grid::-webkit-scrollbar { display: none; }
  body.dmt-page .dmt-pkg-card { flex: 0 0 84%; max-width: 330px; scroll-snap-align: start; transform: none !important; }
  body.dmt-page .dmt-pkg-price { font-size: 2rem !important; }
}

/* Why Ixoric on phones: icon beside the text, compact rows */
@media (max-width: 560px) {
  body.dmt-page .dmt-whyus-grid { gap: 8px !important; }
  body.dmt-page .dmt-whyus-card { display: grid !important; grid-template-columns: 38px 1fr; column-gap: 12px; row-gap: 2px !important; align-items: start; padding: 14px !important; }
  body.dmt-page .dmt-whyus-icon { grid-row: 1 / span 2; width: 38px !important; height: 38px !important; border-radius: 11px !important; margin: 0 !important; }
  body.dmt-page .dmt-whyus-icon .material-symbols-outlined { font-size: 20px !important; }
  body.dmt-page .dmt-whyus-card h3 { margin: 0 !important; font-size: .98rem !important; line-height: 1.3 !important; }
  body.dmt-page .dmt-whyus-card p { margin: 0 !important; font-size: 13.5px !important; line-height: 1.5 !important; }
}

/* What You Get on phones: icon beside the stat, left-aligned, tight label */
@media (max-width: 560px) {
  body.dmt-page .dmt-outcomes-grid { gap: 8px !important; }
  body.dmt-page .dmt-outcome-card { display: grid !important; grid-template-columns: 30px 1fr; column-gap: 8px; row-gap: 4px; align-items: center; text-align: left !important; padding: 12px !important; }
  body.dmt-page .dmt-outcome-icon { width: 30px !important; height: 30px !important; border-radius: 9px !important; margin: 0 !important; }
  body.dmt-page .dmt-outcome-icon .material-symbols-outlined { font-size: 17px !important; }
  body.dmt-page .dmt-outcome-stat { margin: 0 !important; font-size: .95rem !important; line-height: 1.2 !important; }
  body.dmt-page .dmt-outcome-label { grid-column: 1 / -1; margin: 0 !important; font-size: 12.5px !important; line-height: 1.4 !important; }
}

/* Reviews on phones: compact cards; several reviews become a swipeable row */
.dmt-testi-hint { display: none; }
@media (max-width: 560px) {
  body.dmt-page .dmt-testimonials { overflow: hidden; }
  body.dmt-page .dmt-testi-card { padding: 16px !important; border-radius: 16px !important; }
  body.dmt-page .dmt-testi-stars { margin-bottom: 8px !important; }
  body.dmt-page .dmt-testi-stars .material-symbols-outlined { font-size: 17px !important; }
  body.dmt-page .dmt-testi-quote { margin: 0 0 12px !important; font-size: 14.5px !important; line-height: 1.55 !important; }
  body.dmt-page .dmt-testi-footer { gap: 10px !important; padding-top: 10px !important; }
  body.dmt-page .dmt-testi-avatar { width: 38px !important; height: 38px !important; }
  body.dmt-page .dmt-testi-footer strong { font-size: 14px !important; }
  body.dmt-page .dmt-testi-footer span { font-size: 12.5px !important; }
  body.dmt-page .dmt-testi-hint { display: flex; align-items: center; justify-content: flex-end; gap: 4px; margin: -8px 0 10px; color: #c4b5fd; font-size: 13px; font-weight: 700; }
  body.dmt-page .dmt-testi-hint .material-symbols-outlined { font-size: 17px; }
  body.dmt-page .dmt-testi-grid.is-multi {
    display: flex !important; gap: 12px !important; overflow-x: auto; scroll-snap-type: x mandatory;
    margin: 0 -16px !important; padding: 2px 16px 12px !important; scroll-padding-left: 16px;
    -webkit-overflow-scrolling: touch; scrollbar-width: none;
  }
  body.dmt-page .dmt-testi-grid.is-multi::-webkit-scrollbar { display: none; }
  body.dmt-page .dmt-testi-grid.is-multi .dmt-testi-card { flex: 0 0 84%; max-width: 320px; scroll-snap-align: start; }
}
@media (max-width: 560px) {
  /* "Good fit" lists were 3px wider than the screen: let the single column shrink */
  body.dmt-page .dmt-for-whom-inner { grid-template-columns: minmax(0, 1fr) !important; }
  body.dmt-page .dmt-for-whom-col { min-width: 0; }
  body.dmt-page .dmt-whom-list li { overflow-wrap: anywhere; }
}

/* What Is Included on phones: two compact columns */
@media (max-width: 560px) {
  body.dmt-page .dmt-inc-grid { grid-template-columns: 1fr 1fr !important; gap: 6px !important; }
  body.dmt-page .dmt-inc-item { align-items: flex-start !important; padding: 10px !important; gap: 7px !important; border-radius: 12px !important; min-height: 0 !important; }
  body.dmt-page .dmt-inc-icon { font-size: 18px !important; margin-top: 1px; flex: none; }
  body.dmt-page .dmt-inc-text { font-size: 12.5px !important; line-height: 1.35 !important; }
}

/* Closing CTA band on phones */
@media (max-width: 560px) {
  body.dmt-page .dmt-cta-band { padding: 32px 16px !important; }
  body.dmt-page .dmt-cta-badge { margin-bottom: 14px !important; padding: 5px 12px !important; font-size: 11.5px !important; white-space: nowrap; gap: 6px !important; }
  body.dmt-page .dmt-cta-badge .material-symbols-outlined { font-size: 15px !important; }
  body.dmt-page .dmt-cta-band-inner h2 { font-size: 1.3rem !important; line-height: 1.25 !important; margin-bottom: 8px !important; }
  body.dmt-page .dmt-cta-band-inner > p { font-size: 14px !important; line-height: 1.55 !important; margin-bottom: 18px !important; }
  body.dmt-page .dmt-cta-btns { gap: 8px !important; margin-bottom: 16px !important; }
  body.dmt-page .dmt-cta-btns a { min-height: 48px !important; padding: 0 14px !important; font-size: 15px !important; }
  body.dmt-page .dmt-cta-trust { display: grid !important; grid-template-columns: 1fr 1fr; gap: 6px 10px !important; }
  body.dmt-page .dmt-cta-trust span { font-size: 12.5px !important; gap: 5px !important; }
  body.dmt-page .dmt-cta-trust .material-symbols-outlined { font-size: 15px !important; }
}

/* Founder note on phones: no big portrait; small photo beside the signature */
.dmt-note-sign-img { display: none; }
@media (max-width: 560px) {
  body.dmt-page .dmt-note { padding-top: 30px !important; padding-bottom: 30px !important; }
  body.dmt-page .dmt-note-photo { display: none !important; }
  body.dmt-page .dmt-note-inner { gap: 0 !important; }
  body.dmt-page .dmt-note-card { padding: 22px 16px 16px !important; border-radius: 18px !important; }
  body.dmt-page .dmt-note-card::before { font-size: 58px !important; top: -8px !important; left: 16px !important; }
  body.dmt-page .dmt-note-eyebrow { font-size: 11px !important; padding: 3px 10px !important; margin-bottom: 8px !important; }
  body.dmt-page .dmt-note h2 { font-size: 1.2rem !important; margin-bottom: 8px !important; }
  body.dmt-page .dmt-note p { font-size: 14.5px !important; line-height: 1.6 !important; margin-bottom: 8px !important; }
  body.dmt-page .dmt-note-sign { display: grid !important; grid-template-columns: 44px 1fr; column-gap: 10px; row-gap: 2px; align-items: center; margin-top: 10px !important; padding-top: 10px !important; }
  body.dmt-page .dmt-note-sign-img { display: block; width: 44px; height: 44px; border-radius: 50%; object-fit: cover; grid-row: 1 / span 2; border: 2px solid #fff; box-shadow: 0 4px 10px -4px rgba(28,22,51,.35); }
  body.dmt-page .dmt-note-sign strong { font-size: 14.5px !important; }
  body.dmt-page .dmt-note-sign span { font-size: 12.5px !important; }
  body.dmt-page .dmt-note-sign a { grid-column: 2; margin: 0 !important; font-size: 13px !important; }
}
@media (max-width: 560px) {
  body.dmt-page .dmt-note-sign > div { line-height: 1.3 !important; }
  body.dmt-page .dmt-note-sign > div span { display: block; line-height: 1.35 !important; margin-top: 2px; }
}

/* Syllabus on phones: slimmer closed rows, compact PDF box */
@media (max-width: 560px) {
  body.dmt-page .dmt-modules-grid { gap: 6px !important; }
  body.dmt-page .dmt-module-header { padding: 10px 12px !important; min-height: 50px; gap: 8px !important; }
  body.dmt-page .dmt-module-num { font-size: 11.5px !important; min-width: 16px; }
  body.dmt-page .dmt-module-icon { width: 30px !important; height: 30px !important; border-radius: 9px !important; }
  body.dmt-page .dmt-module-icon .material-symbols-outlined { font-size: 17px !important; }
  body.dmt-page .dmt-module-header h3 { font-size: .95rem !important; line-height: 1.3 !important; }
  body.dmt-page .dmt-module-card { border-radius: 14px !important; }
  body.dmt-page .dmt-curriculum-cta { margin-top: 12px !important; padding: 14px !important; }
  body.dmt-page .dmt-curriculum-cta p { font-size: 13.5px !important; margin-bottom: 10px !important; line-height: 1.45 !important; }
  body.dmt-page .dmt-curriculum-cta .dmt-btn-wa { min-height: 44px !important; padding: 0 14px !important; font-size: 14.5px !important; }
}

/* Who it is for, on phones */
@media (max-width: 560px) {
  body.dmt-page .dmt-for-whom { padding-top: 30px !important; padding-bottom: 30px !important; }
  body.dmt-page .dmt-for-whom-inner { gap: 18px !important; }
  body.dmt-page .dmt-for-whom .lp-section-h2 { font-size: 1.25rem !important; margin-bottom: 10px !important; }
  body.dmt-page .dmt-for-whom .lp-section-eyebrow { margin-bottom: 4px !important; }
  body.dmt-page .dmt-whom-list { gap: 6px !important; margin: 0 !important; }
  body.dmt-page .dmt-whom-list li { font-size: 14px !important; line-height: 1.4 !important; gap: 8px !important; padding: 0 !important; }
  body.dmt-page .dmt-whom-list .material-symbols-outlined { font-size: 18px !important; }
  body.dmt-page .dmt-whom-cta { margin-top: 14px !important; padding: 12px !important; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; align-items: stretch; }
  body.dmt-page .dmt-whom-cta p { grid-column: 1 / -1; margin: 0 0 2px !important; font-size: 13.5px !important; line-height: 1.4 !important; }
  body.dmt-page .dmt-whom-cta br { display: none; }
  body.dmt-page .dmt-whom-cta .dmt-btn-call, body.dmt-page .dmt-whom-cta .dmt-wa-text-link {
    display: inline-flex !important; align-items: center; justify-content: center; gap: 6px; width: 100% !important; min-height: 44px; margin: 0 !important;
    padding: 0 8px !important; border-radius: 12px !important; font-size: 13.5px !important; text-align: center; line-height: 1.2;
  }
  body.dmt-page .dmt-whom-cta .dmt-wa-text-link { border: 1.5px solid #16a34a; color: #15803d !important; text-decoration: none !important; font-weight: 700; }
  body.dmt-page .dmt-whom-cta .dmt-wa-text-link svg { width: 16px; height: 16px; flex: none; }
}
@media (max-width: 560px) {
  body.dmt-page .dmt-whom-cta { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; }
  body.dmt-page .dmt-whom-cta .dmt-btn-call, body.dmt-page .dmt-whom-cta .dmt-wa-text-link { white-space: normal !important; min-width: 0 !important; max-width: 100% !important; font-size: 13px !important; padding: 6px 8px !important; }
  body.dmt-page .dmt-whom-cta .dmt-btn-call .material-symbols-outlined { font-size: 17px !important; flex: none; }
}

/* Hub: "After You Complete the Course" swipe row + compact job-market stats, phones only */
.dmt-after-hint { display: none; }
@media (max-width: 560px) {
  body.dmt-page .dmt-after { overflow: hidden; }
  body.dmt-page .dmt-after-hint { display: flex; align-items: center; justify-content: flex-end; gap: 4px; margin: -8px 0 4px; color: #5427e6; font-size: 13px; font-weight: 700; }
  body.dmt-page .dmt-after-hint .material-symbols-outlined { font-size: 17px; }
  body.dmt-page .dmt-after-grid {
    display: flex !important; gap: 12px !important; overflow-x: auto; scroll-snap-type: x mandatory;
    margin: 0 -16px !important; padding: 6px 16px 14px !important; scroll-padding-left: 16px;
    -webkit-overflow-scrolling: touch; scrollbar-width: none;
  }
  body.dmt-page .dmt-after-grid::-webkit-scrollbar { display: none; }
  body.dmt-page .dmt-after-card { flex: 0 0 84%; max-width: 320px; scroll-snap-align: start; padding: 18px 16px !important; }
  body.dmt-page .dmt-after-card h3 { font-size: 1.05rem !important; margin: 8px 0 6px !important; }
  body.dmt-page .dmt-after-desc { font-size: 14px !important; line-height: 1.5 !important; margin-bottom: 10px !important; }
  body.dmt-page .dmt-after-points { gap: 6px !important; }
  body.dmt-page .dmt-after-points li { font-size: 13.5px !important; line-height: 1.4 !important; }

  body.dmt-page .dmt-js-grid { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
  body.dmt-page .dmt-js-card { padding: 12px !important; border-radius: 14px !important; min-height: 0 !important; }
  body.dmt-page .dmt-js-value { font-size: 1.25rem !important; line-height: 1.15 !important; margin-bottom: 4px !important; }
  body.dmt-page .dmt-js-label { font-size: 12.5px !important; line-height: 1.35 !important; }
  body.dmt-page .dmt-js-src { font-size: 11px !important; margin-top: 4px !important; }
  body.dmt-page .dmt-js-roles { margin-top: 16px !important; padding: 14px !important; }
  body.dmt-page .dmt-js-roles-h { font-size: 1rem !important; margin-bottom: 8px !important; }
  body.dmt-page .dmt-js-role { padding: 8px 0 !important; gap: 8px !important; }
  body.dmt-page .dmt-js-role-name { font-size: 13.5px !important; }
  body.dmt-page .dmt-js-role-sal { font-size: 13px !important; white-space: nowrap; }
  body.dmt-page .dmt-js-note { margin-top: 12px !important; font-size: 11.5px !important; line-height: 1.45 !important; }
}

/* Job market on phones, second pass: source inline with the label, tighter list */
@media (max-width: 560px) {
  body.dmt-page .dmt-jobstats { padding-top: 28px !important; padding-bottom: 28px !important; }
  body.dmt-page .dmt-jobstats .lp-section-header { margin-bottom: 14px !important; }
  body.dmt-page .dmt-jobstats .lp-section-h2 { font-size: 1.3rem !important; }
  body.dmt-page .dmt-jobstats .lp-section-sub { font-size: 13.5px !important; line-height: 1.45 !important; }
  body.dmt-page .dmt-js-grid { gap: 6px !important; }
  body.dmt-page .dmt-js-card { padding: 10px 11px !important; display: block !important; }
  body.dmt-page .dmt-js-value { display: block; font-size: 1.15rem !important; margin-bottom: 2px !important; }
  body.dmt-page .dmt-js-label { display: inline !important; font-size: 12px !important; line-height: 1.35 !important; }
  body.dmt-page .dmt-js-src { display: inline !important; margin: 0 0 0 4px !important; font-size: 10.5px !important; letter-spacing: .03em; opacity: .75; }
  body.dmt-page .dmt-js-src::before { content: "· "; }
  body.dmt-page .dmt-js-roles { margin-top: 10px !important; padding: 10px 12px !important; }
  body.dmt-page .dmt-js-roles-h { font-size: .95rem !important; margin-bottom: 4px !important; }
  body.dmt-page .dmt-js-role { padding: 6px 0 !important; min-height: 0 !important; }
  body.dmt-page .dmt-js-role-name, body.dmt-page .dmt-js-role-sal { font-size: 13px !important; line-height: 1.3 !important; }
  body.dmt-page .dmt-js-note { margin-top: 8px !important; font-size: 11px !important; }
}

/* After the course, phones second pass: icon beside the title, tighter text */
@media (max-width: 560px) {
  body.dmt-page .dmt-after { padding-top: 28px !important; padding-bottom: 28px !important; }
  body.dmt-page .dmt-after .lp-section-header { margin-bottom: 14px !important; }
  body.dmt-page .dmt-after-card { display: grid !important; grid-template-columns: 36px 1fr; column-gap: 10px; align-content: start; padding: 14px !important; }
  body.dmt-page .dmt-after-icon { width: 36px !important; height: 36px !important; border-radius: 10px !important; margin: 0 !important; align-self: center; }
  body.dmt-page .dmt-after-icon .material-symbols-outlined { font-size: 19px !important; }
  body.dmt-page .dmt-after-card h3 { margin: 0 !important; align-self: center; font-size: 1rem !important; line-height: 1.25 !important; }
  body.dmt-page .dmt-after-desc, body.dmt-page .dmt-after-points { grid-column: 1 / -1; }
  body.dmt-page .dmt-after-desc { margin: 10px 0 8px !important; font-size: 13.5px !important; line-height: 1.45 !important; }
  body.dmt-page .dmt-after-points { gap: 5px !important; margin: 0 !important; }
  body.dmt-page .dmt-after-points li { font-size: 13px !important; line-height: 1.35 !important; gap: 7px !important; }
  body.dmt-page .dmt-after-points .material-symbols-outlined { font-size: 16px !important; }
}

/* Other cities on phones, second pass: two rows of pills that scroll sideways */
@media (max-width: 560px) {
  body.dmt-page .dmt-locations { padding-top: 28px !important; padding-bottom: 28px !important; }
  body.dmt-page .dmt-locations .lp-section-header { margin-bottom: 12px !important; }
  body.dmt-page .dmt-locations .lp-section-h2 { font-size: 1.25rem !important; }
  body.dmt-page .dmt-locations .lp-section-sub { font-size: 13.5px !important; }
  body.dmt-page .dmt-locs-featured { position: relative; margin: 0 -16px 10px !important; }
  body.dmt-page .dmt-locs-featured::after { content: ""; position: absolute; top: 0; right: 0; bottom: 8px; width: 36px; pointer-events: none; background: linear-gradient(90deg, rgba(255,255,255,0), #fff); }
  body.dmt-page .dmt-locs-feat-grid {
    display: grid !important; grid-auto-flow: column; grid-template-rows: repeat(2, auto); grid-auto-columns: max-content;
    gap: 8px !important; overflow-x: auto; padding: 0 16px 8px !important; scroll-padding-left: 16px;
    -webkit-overflow-scrolling: touch; scrollbar-width: none;
  }
  body.dmt-page .dmt-locs-feat-grid::-webkit-scrollbar { display: none; }
  body.dmt-page .dmt-locs-note { padding: 10px 12px !important; font-size: 13px !important; }
}