/* Kork ohne Rand – für alle Seiten von getpinn.app. Nicht Teil der Design-Vorlage: style.css bleibt
   deren CSS, Ergänzungen der Website stehen hier.
   - html: Kork mit Punkten auf der ganzen Fläche (auch neben der Seite und hinter der Notch, viewport-fit=cover).
   - body::before: feste Kork-Ebene hinter der Seite, oben und unten einen halben Bildschirm länger –
     beim Überziehen (Gummiband in Safari) erscheint dort Kork statt einer leeren Fläche. Liegt unter dem
     Inhalt (z-index -1) und ist nur in dieser Lücke zu sehen. */
html {
  background: #1C1814 radial-gradient(rgba(255, 236, 210, 0.06) 1px, transparent 1.3px) 0 0 / 7px 7px;
}
body::before {
  content: "";
  position: fixed;
  inset: -50vh 0;
  z-index: -1;
  pointer-events: none;
  background: #1C1814 radial-gradient(rgba(255, 236, 210, 0.06) 1px, transparent 1.3px) 0 0 / 7px 7px;
}
/* Querformat mit Notch: Inhalt bleibt im sicheren Bereich, der Kork läuft darunter weiter. */
.lp .wrap {
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
}