/* r25 · 26.10.2026: Grzegorz's notes on r24 (strona/agencje/FEEDBACK-R25.md). */
/* Dynamic Island scene: Apple's iOS Home Screen under our island (Newsroom press image, cut to the screen), Apple's own status bar */
.di-screen > img.di-home { position: absolute; left: 0; top: 0; width: 100%; height: auto; object-fit: unset; opacity: 1; filter: none; transform: none; }
.di-screen::after { background: linear-gradient(180deg, rgba(11,11,13,0) 0, rgba(11,11,13,0) 55%, rgba(11,11,13,.35) 100%); }
.di-sb, .di-tabs { display: none; }
/* more black between sections (his general note) */
.sec { padding-block: calc(var(--sp) * 1.15); }
.claim { padding-block: calc(var(--sp) * 1.6); }
@media (max-width: 759px) { .sec { padding-block: calc(var(--sp) * 1.0); } .claim { padding-block: calc(var(--sp) * 1.2); } }
/* Monday morning: the heading never meets the card stack (the stack takes the band right of the heading), the buttons never meet the pages */
@media (min-width: 760px) {
  .rep-stage { left: calc(var(--gut) + 340px); right: var(--gut); width: min(720px, calc(100% - 2 * var(--gut) - 340px)); margin: 0 auto; top: 46%; height: min(68vh, 860px); transform: translateY(-50%); }
  .rep-acts { bottom: clamp(14px, 2.4vh, 26px); }
}
/* phones: the scene stacks (heading, pages, buttons), so nothing can meet anything on short screens either */
@media (max-width: 759px) {
  .rep-vp { display: flex; flex-direction: column; }
  .rep-head { position: static; padding-top: 22px; flex: none; }
  .rep-stage { position: relative; left: auto; right: auto; top: auto; transform: none; width: calc(100% - 32px); margin: 14px auto 0; flex: 1 1 auto; min-height: 0; height: auto; }
  .rep-acts { position: relative; z-index: 5; flex: none; margin: 48px 0 calc(74px + env(safe-area-inset-bottom, 0px)); }   /* clear of the tilted back pages, above the bottom Generate button */
}