/* ==========================================================================
   Tambahan khusus versi SATU HALAMAN (satu-halaman.html).
   Dimuat setelah style.css — hanya berisi yang tidak ada di versi multi-halaman.
   Versi multi-halaman tidak terpengaruh sama sekali oleh berkas ini.
   ========================================================================== */

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

/* Penanda section aktif pada navigasi — menggantikan aria-current="page"
   yang di versi multi-halaman menandai halaman, bukan posisi gulir. */
.nav-links a[aria-current="true"] { color: #fff; }
.nav-links a[aria-current="true"]::after { transform: scaleX(1); }

/* Pemisah antar-section: pita dua warna tipis, motif yang sama dengan
   company profile, dipakai sebagai penanda ritme di halaman panjang. */
.divider { display: flex; height: 4px; width: 100%; }
.divider i { flex: 1; }
.divider i:first-child { background: var(--red); }
.divider i:last-child { background: var(--orange); }

/* 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(--red); color: #fff; border: 0; cursor: pointer;
  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(--red-dk); }
.totop svg { width: 18px; height: 18px; }

/* Di halaman panjang, section berurutan dengan latar sama akan menyatu.
   Rapatkan padding-nya supaya tidak terasa seperti dua blok kosong. */
.section + .section.section--paper,
.section + .section.section--dark { padding-top: clamp(2.5rem, 6vw, 4.5rem); }