/* The one shared safe-area file. Fixed header and bottom bar pad for the notch and home indicator
   when Parkday runs installed on iOS (viewport-fit=cover is set from a head script there only). */
:root {
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --bar-h: var(--pd-size-touch-target);
  --tabs-h: var(--pd-size-tab-bar);
}
.bar.top { padding-top: var(--safe-top); padding-left: var(--safe-left); padding-right: var(--safe-right); }
.bar.tabs { padding-bottom: var(--safe-bottom); padding-left: var(--safe-left); padding-right: var(--safe-right); }
body { padding-top: calc(var(--bar-h) + var(--safe-top)); padding-bottom: calc(var(--tabs-h) + var(--safe-bottom) + var(--pd-space-2)); }
/* US-15: what is brought into view lands below the fixed header, not under it. */
[data-details-heading], section.details, section.panel, header#details { scroll-margin-top: calc(var(--bar-h) + var(--safe-top) + var(--pd-space-3)); }