/* Workflow EN/TR: native Elementor imagery and content, mobile only. */
@media (max-width: 767px) {
  body.family-field .tpi-mobile-workflow .shell { width: calc(100% - 40px); max-width: 100%; }
  body.family-field .tpi-mobile-workflow .field-dossier__hero {
    min-height: 450px; display: flex; flex-direction: column; justify-content: flex-end; isolation: isolate;
  }
  body.family-field .tpi-mobile-workflow .field-dossier__media { z-index: 0; }
  body.family-field .tpi-mobile-workflow .field-dossier__media img { opacity: 1; object-position: 58% center; }
  body.family-field .tpi-mobile-workflow .field-dossier__media::after {
    content: ''; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(15,20,17,.06) 5%,rgba(15,20,17,.88) 100%); pointer-events: none;
  }
  body.family-field .tpi-mobile-workflow .field-dossier__copy { padding: 165px 0 26px; margin-inline: auto; }
  body.family-field .tpi-mobile-workflow .field-dossier__copy h1 {
    font-size: clamp(30px,8.4vw,43px) !important; line-height: 1.08 !important; color: #fff;
    letter-spacing: -.035em; text-transform: none; overflow-wrap: normal; word-break: normal; hyphens: none; margin: 0;
  }
  body.family-field .tpi-mobile-workflow .field-dossier__meta { margin-top: 24px; gap: 12px; grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.family-field .tpi-mobile-workflow .field-dossier__meta span { padding: 12px 0 0; color: #eee9dc; font-size: 14px; }
  body.family-field .tpi-mobile-workflow .field-dossier__meta strong { font-size: 14px; color: #fff; }
  body.family-field .tpi-mobile-workflow .field-dossier__notice:empty { display: none; }
  body.family-field .tpi-mobile-workflow .field-photo-strip {
    display: flex; overflow-x: auto; gap: 10px; padding: 16px 20px; scroll-snap-type: x proximity; background: var(--paper);
  }
  body.family-field .tpi-mobile-workflow .field-photo-strip > :is(figure,.tpi-native-tag-figure) {
    flex: 0 0 78%; height: 175px; min-width: 0; border: 0; scroll-snap-align: center;
  }
  body.family-field .tpi-mobile-workflow .field-photo-strip :is(figcaption,.tpi-native-tag-figcaption) { font-size: 14px; padding: 12px; }
  body.family-field .tpi-mobile-workflow .section { padding-block: 30px; }
  body.family-field .tpi-mobile-workflow h2 { font-size: clamp(25px,7vw,34px) !important; line-height: 1.15 !important; letter-spacing: -.025em; text-transform: none; }
  body.family-field .tpi-mobile-workflow .field-section-heading { margin-bottom: 20px; }
  body.family-field .tpi-mobile-workflow .field-story-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 16px; border: 0; background: transparent; }
  body.family-field .tpi-mobile-workflow .field-story-grid article { margin: 0; border: 0; background: var(--paper-deep); overflow: hidden; }
  body.family-field .tpi-mobile-workflow .field-story-grid :is(figure,.tpi-native-tag-figure) { height: auto; aspect-ratio: 2.15; }
  body.family-field .tpi-mobile-workflow .field-story-grid :is(figure,.tpi-native-tag-figure) .elementor-widget-image,
  body.family-field .tpi-mobile-workflow .field-story-grid :is(figure,.tpi-native-tag-figure) .elementor-widget-container { height: 100%; }
  body.family-field .tpi-mobile-workflow .field-story-grid article > div:not(.tpi-native-tag-figure) { display: flex; align-items: center; gap: 12px; padding: 14px 16px; }
  body.family-field .tpi-mobile-workflow .field-story-grid article > div > .elementor-widget-text-editor { flex-shrink: 0; color: var(--accent); }
  body.family-field .tpi-mobile-workflow .field-story-grid h3 { margin: 0; font-size: 20px !important; line-height: 1.2; text-transform: none; }
  body.family-field .tpi-mobile-workflow .field-challenge-response > .shell { display: grid; gap: 20px; grid-template-columns: minmax(0,1fr); }
  body.family-field .tpi-mobile-workflow .field-responsibility__layout { gap: 20px; }
  body.family-field .tpi-mobile-workflow .field-responsibility__row { display: grid; grid-template-columns: minmax(0,1fr); }
  body.family-field .tpi-mobile-workflow .field-responsibility__row article { display: flex; align-items: center; gap: 16px; padding: 16px 0; min-height: 0; }
  body.family-field .tpi-mobile-workflow .field-responsibility__row h3 { font-size: 20px !important; line-height: 1.2; margin: 0; }
  body.family-field .tpi-mobile-workflow .field-lessons aside { padding: 20px 0 0; border-left: 0; }
  body.family-field .tpi-mobile-workflow .field-enquiry__spread { gap: 28px; }
  body.family-field .tpi-mobile-workflow .field-paper-form { padding: 24px 20px; }
  body.family-field .tpi-mobile-workflow .field-contact-panel .button { width: 100%; min-height: 48px; }
  body.family-field .tpi-mobile-workflow .elementor-toggle-title { font-size: 16px; line-height: 1.4; }
}