/* Halaman Kontak Mabur (template-kontak.php). Hanya dimuat di halaman ini. Gaya mengikuti info layanan Mabur. */
.mbk{--sky:#7FB6C0;--teal:#2B6874;--deep:#1F4E57;--mist:#EEF5F6;--line:#E3E8EA;--ink:#15191C;--muted:#4F5B5E;--fd:'Crimson Text',Georgia,serif;--fx:'Exo',Arial,sans-serif;--fb:'Roboto',Arial,sans-serif;font-family:var(--fb);color:var(--ink);padding:24px 0 72px}
.mbk *{box-sizing:border-box}
.mbk-shell{max-width:1108px;margin:0 auto;padding:0 24px}
.mbk h1,.mbk h2{font-family:var(--fd);font-weight:600;color:var(--ink);margin:0;line-height:1.1;letter-spacing:-.01em;text-wrap:balance}
.mbk p{margin:0}
.mbk a{color:inherit}
.mbk-crumb{font:500 14px/1.4 var(--fx);color:var(--muted)}
.mbk-crumb a{text-decoration:none}
.mbk-crumb a:hover{text-decoration:underline}
.mbk-crumb span{margin:0 6px;color:#9AA7AA}

.mbk-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 48px;align-items:end;margin-top:18px;padding:64px 40px 36px;border-radius:28px;background:var(--mist);overflow:hidden}
.mbk-trail{position:absolute;left:0;right:0;top:8px;width:100%;height:auto;color:var(--sky);pointer-events:none}
.mbk-eyebrow{font:600 12px/1 var(--fx);letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.mbk h1{font-size:clamp(40px,5vw,60px);margin-top:10px}
.mbk-intro{font:400 18px/1.55 var(--fx);color:var(--muted);margin-top:12px;max-width:30em}
.mbk-info{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mbk-info li{background:#fff;border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;font-size:16px;font-weight:500;line-height:1.4}
.mbk-info span{font:600 11px/1.2 var(--fx);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.mbk-info a{text-decoration:none;word-break:break-word}
.mbk-info a:hover{color:var(--teal);text-decoration:underline}

.mbk-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;margin-top:20px;align-items:start;scroll-margin-top:100px}
.mbk-card{border-radius:24px 24px 64px 24px;padding:32px 34px 36px}
.mbk-form,.mbk-success{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:16px}
.mbk-form h2,.mbk-success h2{font-size:30px}
.mbk-success p{font:400 17px/1.6 var(--fx);color:var(--muted)}
.mbk-note{font:400 14px/1.4 var(--fx);color:var(--muted);margin-top:-6px}
.mbk-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mbk-form label{display:block;font:600 14px/1.3 var(--fx);color:var(--ink)}
.mbk-req{color:#A0543A;margin-left:2px}
.mbk-opt{font-weight:400;color:var(--muted)}
.mbk .mbk-form input,.mbk .mbk-form select,.mbk .mbk-form textarea{display:block;width:100%;min-height:50px;margin:7px 0 0;padding:12px 14px;border:1px solid #C7D5D8;border-radius:12px;background:#fff;color:var(--ink);font:400 16px/1.4 var(--fb);box-shadow:none}
.mbk .mbk-form textarea{min-height:150px;resize:vertical}
.mbk .mbk-form input:focus,.mbk .mbk-form select:focus,.mbk .mbk-form textarea:focus{outline:3px solid rgba(43,104,116,.35);outline-offset:1px;border-color:var(--teal)}
.mbk-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.mbk-error{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;background:#FBEDE7;color:#7A3A24;font:400 15px/1.45 var(--fx)}

.mbk .mbk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:999px;font:600 16px/1 var(--fx);text-decoration:none;cursor:pointer;border:0;transition:transform .15s ease,box-shadow .2s ease}
.mbk .mbk-btn:hover{transform:translateY(-1px)}
.mbk .mbk-btn--teal{align-self:flex-start;background:var(--teal);color:#fff}
.mbk .mbk-btn--teal:hover{box-shadow:0 10px 24px -12px var(--teal)}
.mbk .mbk-btn--light{background:#fff;color:var(--deep)}
.mbk .mbk-btn--line{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}
.mbk .mbk-btn--line:hover{box-shadow:inset 0 0 0 1.5px #fff}

.mbk-side{background:var(--deep);color:#fff;display:flex;flex-direction:column;gap:14px}
.mbk-side .mbk-eyebrow{color:var(--sky)}
.mbk-side h2{font-size:30px;color:#fff}
.mbk-side p{font:400 16px/1.55 var(--fx);color:#D3E4E7}
.mbk-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.mbk-i{width:19px;height:19px}
.mbk a:focus-visible,.mbk button:focus-visible{outline:3px solid var(--sky);outline-offset:3px}

@media (max-width:900px){
  .mbk-hero,.mbk-layout{grid-template-columns:minmax(0,1fr)}
  .mbk-hero{padding:56px 24px 26px}
}
@media (max-width:600px){
  .mbk{padding:16px 0 48px}
  .mbk-shell{padding:0 16px}
  .mbk-hero{padding:48px 18px 20px;border-radius:22px;gap:22px}
  .mbk-trail{top:4px}
  .mbk-intro{font-size:16px}
  .mbk-info{grid-template-columns:minmax(0,1fr)}
  .mbk-card{padding:24px 18px 28px;border-radius:20px 20px 48px 20px}
  .mbk-two{grid-template-columns:minmax(0,1fr)}
  .mbk-form h2,.mbk-side h2{font-size:26px}
}

/* kartu kerja sama (v1.2.0): teal tua, daftar tautan berikon, hiasan jalur pesawat kertas */
.mbk .mbk-side{position:relative;overflow:hidden}
.mbk-plane-o{position:absolute;right:16px;top:12px;width:110px;opacity:.45;pointer-events:none}
.mbk .mbk-side>*:not(.mbk-plane-o){position:relative}
.mbk-rows{display:grid;gap:8px;margin-top:6px}
.mbk .mbk-rows a{display:flex;align-items:center;gap:12px;padding:12px 14px 12px 12px;border-radius:18px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;transition:background-color .2s ease}
.mbk .mbk-rows a:hover{background:rgba(255,255,255,.15)}
.mbk .mbk-rows a.is-main{background:var(--sky);color:#10313A}
.mbk .mbk-rows a.is-main:hover{background:#93C4CD}
.mbk-row-i{width:40px;height:40px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);color:var(--sky)}
.is-main .mbk-row-i{background:rgba(255,255,255,.4);color:#10313A}
.mbk-rows b{display:block;font:600 16px/1.3 var(--fx)}
.mbk-rows small{display:block;font:400 14px/1.35 var(--fx);color:#C3DADE}
.mbk-rows .is-main small{color:#1F4E57}
.mbk-rows a>.mbk-i:last-child{width:17px;height:17px;margin-left:auto;opacity:.8}
/* Kartu kerja sama tanpa media sosial: desktop menempel saat formulir digulir */
@media (min-width:901px){.mbk .mbk-side{position:sticky;top:100px}}