/* r28 · paleta z kreacji „Say hello to Lineapp!” (28.10): niebieski główny, limonka rzadko, czerwień do podkreśleń */
:root {
  --blue: #3E2AC9; --blue-rgb: 62,42,201; --lime-brand: #D2E800; --red: #E73A00; --cream: #FBF4DF; --deep: #111F1A;
  --lime: var(--blue); --lime-rgb: var(--blue-rgb); --lime-ink: #fff;
  --acc-text: #A69AFF;
}
/* czerwone ręczne podkreślenia */
.claim-h .ring { color: var(--red); }
[data-mark] { --mark-color: var(--red) !important; }
.fld .past { display: block; margin-top: 6px; font-size: 13px; line-height: 1.4; color: var(--cream); }
.fld .past[hidden] { display: none; }
/* r28 · telefon: sekcje przypięte (przewijają się w miejscu) krótsze o ok. 35 % (Sue, Ted, 28.10) */
@media (max-width: 759px) {
  .h11 { height: 780vh; }   /* otwarcie: 1200 → 780 */
  .di { height: 340vh; }    /* wyspa: 520 → 340 */
  .rep { height: 240vh; }   /* raport: 340 → 240 */
}
/* r28 · „Ogranicz ruch” na iPhonie (zrzut znajomego A, 28.10): statyczny układ bez nachodzenia */
html.rm .di-vp { display: flex; flex-direction: column; align-items: stretch; min-height: 0; overflow: visible; }
html.rm .di-copy { position: relative; left: auto; right: auto; top: auto; transform: none; width: auto; max-width: 640px; margin: 0 auto; padding: 0 var(--gut); }
html.rm .di-step { display: none; }
html.rm .di-phone { position: relative; left: auto; top: auto; bottom: auto; margin: 40px auto 0; transform: none !important; }
html.rm .h11-phone { left: auto !important; right: auto !important; margin: 40px auto 0 !important; translate: none !important; }
/* kreski postępu wyspy nie mogą wchodzić na ostatnią linię podpisu (375 px) */
@media (max-width: 759px) { .di-caps { min-height: 5.4em; } }
/* reduced motion, desktop: the report scene runs in normal flow, so r25's pinned-layout offsets (left: gut + 340px, translateY(-50%))
   pushed the card ~370px to the right and off screen at 1266–1440 (L2-1168) */
@media (min-width: 760px) and (prefers-reduced-motion: reduce) { .rep-stage { left: auto; right: auto; top: auto; transform: none; } .rep-acts { margin-top: 96px; } }   /* buttons clear the tilted back pages (they hang ~65px below the stage) */