/* Review packages of 6 September. Tax planning below 1200 only.
   Approved desktop styles and text remain in their original files. */
@media (max-width: 1199px) {
  body[data-service="tax-planning"] .tax-adaptive-line {
    display: block;
    white-space: pre;
    text-wrap: nowrap;
    font: inherit;
    letter-spacing: inherit;
  }

  body[data-service="tax-planning"] :is(.scenario-grid, .includes-grid) :is(h3, p) {
    min-width: 0;
    align-self: stretch;
  }

  body[data-service="tax-planning"] :is(.service-hero__lead,
    .service-section__intro--split > p, .service-price-individual__copy > p,
    .service-detail-card > div p, .service-detail-card > div li,
    .outcomes-list > p, .faq__lead, .faq-item__question,
    .faq-item__answer p, .service-final > div > p:last-child) {
    text-wrap: balance;
  }
}

@media (min-width: 640px) and (max-width: 1199px) {
  /* Each card owns its heading row. At 640 the fixed three-line title must
     not leave a spare row under a shorter title in the neighbouring card. */
  body[data-service="tax-planning"] .scenario-grid > * { grid-row: auto; }
  body[data-service="tax-planning"] .scenario-grid article {
    display: grid;
    grid-template-rows: auto auto 1fr;
    gap: 14px;
    align-content: start;
    justify-content: normal;
  }
}

@media (min-width: 768px) and (max-width: 959px) {
  body[data-service="tax-planning"] .service-faq .faq-item__answer { padding-right: 50px; }
}

@media (min-width: 640px) and (max-width: 767px) {
  body[data-service="tax-planning"] .service-faq .faq-item__answer { padding-right: 40px; }
}

@media (max-width: 639px) {
  body[data-service="tax-planning"] .service-process__route h3 .service-wide-line {
    display: inline;
  }
  /* The old narrow route ended just 6px from its edge. Preserve the marker
     rail and add a genuine inside gutter instead of reducing the body font. */
  body[data-service="tax-planning"] .service-process__route { padding-right: 20px; }
}

@media (max-width: 369px) {
  body[data-service="tax-planning"] .service-hero h1 {
    font-size: clamp(20px, calc(20px + (100vw - 320px) * .1), 24px);
  }
}