/* Tambahan implementasi (bukan bagian mockup): pengganti atribut style inline dan elemen baru kecil. */
header.guest{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
header.guest a{color:#fff;text-decoration:none;font-weight:600}
header.guest .logo{margin-right:auto;font-size:20px}
form.inline{display:inline}
form.inline button{vertical-align:middle}
.mt12{margin-top:12px}.mt20{margin-top:20px}
.f2{flex:2;min-width:220px}
.hbar{margin:0 0 6px;color:var(--bd)}
.card.note-bl{background:var(--bl);border-color:var(--bb)}
.err-list{margin:6px 0 0;padding-left:20px}
.pending{padding:6px 10px;border-radius:12px;background:#fde68a;color:#451a03;font-weight:700}
.cf-turnstile{margin:6px 0}
.img img{max-width:100%;height:auto;display:block;border-radius:16px}
.legend i{display:inline-block;width:14px;height:14px;border-radius:4px;margin-right:6px;vertical-align:-2px;border:1px solid rgba(15,23,42,.35)}
.legend i.c1{background:#1d4ed8}.legend i.c2{background:#ffd9b8}.legend i.c3{background:#d6f3e4}
.vh{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;padding:0;border:0;box-shadow:none}