* { box-sizing: border-box; }

html { background: var(--bg); }

body {
  margin: 0;
  font: 16px/1.45 var(--font);
  color: var(--text);
  background: var(--bg);
  padding: env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);
  -webkit-tap-highlight-color: transparent;
}

#view {
  max-width: var(--content-max);
  margin: 0 auto;
  /* Platz für die fest stehende Tab-Leiste samt Home-Indikator */
  padding: var(--pad) var(--pad) calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 24px);
}

a { color: var(--gold); text-decoration: none; }
h1 { margin: 0; font-size: 22px; font-weight: 600; }
h2 { margin: 0 0 12px; font-size: 18px; font-weight: 600; }

input, textarea, select, button { font: inherit; color: inherit; }