html { scroll-behavior: smooth; }
body.tarakan-body {
  margin: 0;
  background: var(--tarakan-white);
  color: var(--tarakan-ink);
  font-family: var(--tarakan-font);
  font-size: 18px;
  line-height: 1.7;
}

body.tarakan-body * { box-sizing: border-box; }
body.tarakan-body img { display: block; max-width: 100%; height: auto; }
body.tarakan-body a { color: inherit; }
body.tarakan-body h1,
body.tarakan-body h2,
body.tarakan-body h3,
body.tarakan-body p { margin-top: 0; }
body.tarakan-body ul,
body.tarakan-body ol { margin-top: 0; }
.tarakan-shell { width: min(calc(100% - 48px), var(--tarakan-container)); margin-inline: auto; }
.tarakan-main { overflow: clip; }
.tarakan-skip-link {
  position: fixed;
  z-index: 99;
  top: 12px;
  left: 12px;
  transform: translateY(-160%);
  padding: 10px 14px;
  border-radius: 8px;
  background: var(--tarakan-blue);
  color: var(--tarakan-white);
  font-weight: 800;
  transition: transform 160ms ease;
}
.tarakan-skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid var(--tarakan-blue); outline-offset: 3px; }