/* Artist Development Program polish (DRAFT, 15 Sep 2026). Loaded only by page-adp-v2-draft.php
   (?nzdraft=1). Layout and rhythm fixes only: no new animations, no new media.
   Scope: main.temp-adp, so no other page is affected. */

/* 1. Community stories sat outside the page container: flush against the screen edge on every
      width. The draft wraps them in .shell; this keeps the swipe row inside that edge. */
main.temp-adp #proof .adp-community-shell { margin-top: clamp(2.5rem, 5vw, 4rem); }
main.temp-adp #proof .adp-community-shell .nz-community-stories { margin: 0 !important; width: 100% !important; max-width: none !important; padding-inline: 0 !important; }

/* 2. Pain section: "The old loop" card held one short line at the top of a tall card. */
main.temp-adp #pain-loop .home-program-grid > .nz-card:first-child { display: flex; flex-direction: column; }
main.temp-adp #pain-loop .home-program-grid > .nz-card:first-child > p:last-child {
  margin: auto 0 !important;
  padding-block: 12px;
  font-size: clamp(1.05rem, 1.4vw, 1.25rem) !important;
  line-height: 1.5 !important;
  color: #d9d8e0 !important;
}
main.temp-adp #pain-loop .section-intro h2 { margin-bottom: 14px !important; }

/* 3. Offer: the refund card stretched to the list's height (empty lower half on desktop) and its
      heading, text, link and note ran into each other. */
main.temp-adp #enrol .tp-offer-aside { align-self: start !important; }
main.temp-adp #enrol .tp-offer-aside h3 { margin: 6px 0 10px !important; }
main.temp-adp #enrol .tp-offer-aside .tp-text-link { display: inline-block; margin: 12px 0 16px !important; }
main.temp-adp #enrol .tp-offer-aside p { line-height: 1.6 !important; }

/* 4. Headings: balanced line breaks now that Montserrat (wider than the Arial fallback) renders. */
main.temp-adp :is(h1, h2) { text-wrap: balance; }

/* 5. Phones: Montserrat is wider than the Arial fallback the page was tuned on, so the 43px section
      headings ran to six lines ("Stop releasing music nobody remembers two days later."). */
@media (max-width: 760px) {
  main.temp-adp section:not(.hero):not(#enrol) h2 {
    font-size: clamp(30px, 8.8vw, 36px) !important;
    line-height: 1.06 !important;
  }
}