/* Pita penanda contoh: muncul di semua website contoh portofolio. Tokoh dan isinya fiktif,
   ada jalan kembali ke website Bantu Karier, dan pengunjung bisa berpindah ke bidang lain. */
.bk-pita { position: relative; z-index: 60; display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; justify-content: center; padding: 8px 16px; background: #243882; color: #fff; font: 500 13px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif; text-align: center; }
.bk-pita a { color: #fff; font-weight: 700; text-underline-offset: 3px; }
.bk-pita nav { display: inline-flex; flex-wrap: wrap; gap: 4px; justify-content: center; }
.bk-pita nav a { padding: 4px 10px; border-radius: 999px; text-decoration: none; font-weight: 600; border: 1px solid rgba(255,255,255,.35); }
.bk-pita nav a[aria-current="page"] { background: #fff; color: #243882; border-color: #fff; }
.bk-pita nav a:hover { border-color: #fff; }
.bk-pita a:focus-visible { outline: 2px solid #ffd166; outline-offset: 2px; }