*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; }
body {
  font-family: var(--huruf); font-size: var(--teks); line-height: var(--teks-baris);
  color: var(--tinta); background: var(--latar);
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, p { margin: 0; }
a { color: var(--aksen); }
button, input, select, textarea { font: inherit; color: inherit; }
:focus-visible { outline: none; box-shadow: var(--fokus); border-radius: var(--radius); }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.lompat { position: absolute; left: 12px; top: -60px; z-index: 300; background: var(--pita); color: #fff; padding: 8px 14px; border-radius: var(--radius); text-decoration: none; }
.lompat:focus { top: 8px; }
[hidden] { display: none !important; }