/* Partners, phones only (<=899px). Tab 4, 12 Oct 2026: one frame per section, one claim plus one exhibit,
   centred titles, row lists left. The days keep their drawings as a vertical list. */
@media (max-width:899px) {
  main .p-days, main .p-offer > .p-col { min-height:var(--m-full); box-sizing:border-box; display:flex; flex-direction:column; justify-content:center; padding:40px var(--m-pad) 44px !important; margin:0; }
  main .p-offer { display:block; padding:0 !important; }
  main .p-days h2, main .p-offer h2 { font-family:PlexM,Plex,sans-serif; font-weight:600; font-size:30px !important; line-height:1.08; letter-spacing:-.03em; color:var(--m-ink); text-align:center; text-wrap:balance; }

  /* the days: drawing left, step right, four rows */
  main .p-days .partners-figure { margin:28px 0 0; }
  main .p-days .gap-options { gap:24px; }
  main .p-days .gap-option { grid-template-columns:124px minmax(0,1fr); column-gap:16px; }
  main .p-days .gap-scene { max-width:124px; }
  main .p-days .gap-label { align-self:end; text-align:left; } /* 13 Oct review: label and line on one left axis */
  main .p-days .gap-option p { align-self:start; }
  main .p-days .gap-label { font-family:PlexM,Plex,sans-serif; font-weight:600; font-size:17px; color:var(--m-ink); }
  main .p-days .gap-option p { margin-top:4px; font-size:16px; line-height:1.4; color:var(--m-ink); text-align:left; text-wrap:pretty; }

  /* what you get, your side: plain rows on hairlines */
  main .p-get, main .p-need { margin-top:28px; border-top:2px solid var(--m-ink); text-align:left; }
  main .p-get li { grid-template-columns:24px minmax(0,1fr); column-gap:14px; padding:16px 0; }
  main .p-get .og-mark { width:24px; height:24px; margin-top:1px; }
  main .p-get h3 { font-family:PlexM,Plex,sans-serif; font-weight:600; font-size:18px; white-space:normal; color:var(--m-ink); }
  main .p-need li { grid-template-columns:1fr; row-gap:2px; padding:12px 0 13px; }
  main .p-need h4 { font-family:PlexM,Plex,sans-serif; font-weight:600; font-size:17px; line-height:1.3; color:var(--m-ink); }
  main .p-get p, main .p-need p { max-width:none; font-size:16px; line-height:1.45; color:var(--m-ink); text-wrap:pretty; }
  main .p-terms { margin:24px 0 0; max-width:none; font-size:16px; line-height:1.5; color:var(--m-ink); text-align:center; }

  /* 13 Oct mobile pass: What you get and Your side read as two whole frames on their own grounds;
     Who fits and Three questions ran 57% and 75% empty, so their rows grow instead of the padding */
  main .p-offer > .p-col.m-screen { padding:40px var(--m-pad) 44px !important; }
  main .p-fit .row-list { margin-top:28px; border-top:2px solid var(--m-ink); }
  main .p-fit .row-list > li { padding:20px 0 !important; }
  main .p-fit .row-list h3 { font-size:20px !important; line-height:1.25; } /* 13 Oct review: the page h3 size, 22 competed with the title */
  main .p-fit .row-list p { margin-top:4px; font-size:17px; line-height:1.45; }
  main .p-q .faq-q .page-row-title { font-size:21px !important; line-height:1.3; }
  main .p-q .faq-q > summary { min-height:76px !important; padding:14px 0 !important; }
  main .p-q .faq-q > .page-row-copy { font-size:17px; line-height:1.5; }
  @media (max-height:700px) { main .p-q .faq-q > summary { min-height:56px !important; padding:8px 0 !important; } main .p-q .faq-q > .page-row-copy { padding-bottom:14px; } }
}

/* draft15 (13 Oct 2026): What you get and Your side merge into one frame, "The exchange.", two lists on one left
   axis, one-line rows of equal height. Founders: portrait and name in a row, the proof sentence full width beneath. */
@media (max-width:899px) {
  main .p-offer { display:none !important; }
  main .p-exchange .p-ex-list { width:100%; margin-top:28px; text-align:left; }
  main .p-exchange .p-ex-list + .p-ex-list { margin-top:32px; }
  main .p-exchange h3 { margin:0; padding-bottom:8px; border-bottom:2px solid var(--m-ink); font-weight:600; font-size:20px; line-height:1.25; color:var(--m-ink); }
  main .p-exchange ul { list-style:none; margin:0; padding:0; }
  main .p-exchange li { display:block; padding:9px 0; box-sizing:border-box; border-bottom:1px solid var(--line); font-size:18px; line-height:1.3; color:var(--m-ink); white-space:nowrap; }
  main .p-exchange li span { display:block; margin-top:2px; font-size:16px; line-height:1.3; font-weight:400; color:var(--m-ink); }
  @media (max-height:700px) { main .p-exchange li { padding:6px 0; font-size:17px; } main .p-exchange li span { font-size:16px; } main .p-exchange .p-ex-list { margin-top:20px; } main .p-exchange .p-ex-list + .p-ex-list { margin-top:22px; } }

  main .p-people .team-person { grid-template-columns:96px minmax(0,1fr); grid-template-rows:auto auto; align-items:center; column-gap:16px; }
  main .p-people .team-person > img { grid-row:1 / span 2; }
  main .p-people .team-person-name { grid-column:2; grid-row:1; align-self:end; }
  main .p-people .team-role { grid-column:2; grid-row:2; align-self:start; margin-top:2px; }
  main .p-people .team-person-proof { grid-column:1 / -1; grid-row:3; margin-top:12px; font-size:16px; line-height:1.45; text-wrap:balance; }
}
@media (max-width:899px) and (max-height:820px) {
  main .p-people.m-screen { padding:28px var(--m-pad) !important; }
  main .p-people .team-person { grid-template-columns:72px minmax(0,1fr); padding:12px 0; }
  main .p-people .team-person > img { width:72px; height:72px; }
  main .p-people .team-person-proof { margin-top:8px; }
  main .p-people .p-team-link { margin-top:16px; }
}
@media (max-width:899px) and (max-height:700px) {
  main .p-people .team-list { margin-top:16px; }
  main .p-people .team-person { grid-template-columns:56px minmax(0,1fr); padding:8px 0; }
  main .p-people .team-person > img { width:56px; height:56px; }
  main .p-people .team-person-proof { margin-top:6px; }
  main .p-people .p-team-link { margin-top:8px; }
}

/* draft15: the three proof sentences hold two lines each at every width (430 let one run to a single line) */
@media (max-width:899px) { main .p-people .team-person-proof { max-width:310px; } }

/* draft16: smaller founder portraits */
@media (max-width:899px) { main .p-people .team-person { grid-template-columns:56px minmax(0,1fr); } main .p-people .team-person > img { width:56px; height:56px; } }