/* ==========================================================================
   Tambahan khusus versi SATU HALAMAN (index.html).
   Dimuat setelah style.css — hanya berisi yang tidak ada di versi
   multi-halaman, yang berkasnya tetap tersimpan sebagai multi-halaman.html.
   ========================================================================== */

/* Sticky header setinggi 74px: beri ruang agar judul section tidak tertutup
   saat dilompati lewat tautan anchor. */
[id^="s-"] { scroll-margin-top: 74px; }

/* Penanda section aktif pada navigasi. Di versi multi-halaman penandanya
   aria-current="page" (menandai halaman); di sini "true" (menandai posisi). */
.nav-links a[aria-current="true"] { color: var(--olive); font-weight: 700; background: var(--cream-3); }

/* Pemisah antar-section untuk memberi ritme di halaman panjang —
   memakai bilah zaitun/terakota, motif yang sama dengan company profile. */
.divider { display: flex; height: 4px; width: 100%; }
.divider i:first-child { flex: 3; background: var(--olive); }
.divider i:last-child  { flex: 1; background: var(--terra); }

/* Tombol kembali ke atas — hanya berguna di halaman panjang. */
.totop {
  position: fixed; right: clamp(1rem, 3vw, 2rem); bottom: clamp(1rem, 3vw, 2rem);
  z-index: 90; width: 46px; height: 46px; display: grid; place-items: center;
  background: var(--olive); color: var(--cream); border: 0; border-radius: var(--r);
  cursor: pointer; box-shadow: var(--shadow);
  opacity: 0; pointer-events: none; transform: translateY(10px);
  transition: opacity var(--t), transform var(--t), background var(--t);
}
.totop.is-on { opacity: 1; pointer-events: auto; transform: none; }
.totop:hover { background: var(--olive-2); }
.totop svg { width: 18px; height: 18px; }

/* Dua section berlatar sama yang berurutan akan menyatu jadi satu blok
   kosong panjang — rapatkan jarak atasnya. */
.section + .section.section--paper { padding-top: clamp(2.5rem, 6vw, 4.5rem); }