/* Rytm strony: bloki uloone jeden pod drugim z waska przerwa,
   zgodnie z kompozycja Mockupu v2 (oddech powstaje wewnatrz blokow). */

.page-main { display: flex; flex-direction: column; gap: var(--block-gap); }

/* Hero i pasek zaufania stykaja sie ze soba i z headerem. */
.page-main > .hero { margin-bottom: calc(-1 * var(--block-gap)); }

.block { padding-block: var(--block-pad-y); }
.block--flush { padding-block: 0; }

/* Jasny panel (Pflegeplan, Google) */
.panel {
  background: var(--color-paper-warm);
  border-radius: var(--radius-card);
}

.section-head { display: flex; flex-direction: column; gap: var(--space-4); }

@media (prefers-reduced-motion: no-preference) {
  html:not([data-motion="off"]) { scroll-behavior: smooth; }
  .reveal {
    opacity: 0;
    transform: translateY(14px);
    transition: opacity var(--dur-slow) var(--ease-out),
                transform var(--dur-slow) var(--ease-out);
  }
  .reveal.is-visible { opacity: 1; transform: none; }
}
html[data-motion="off"] .reveal { opacity: 1; transform: none; transition: none; }