/* =========================
   JODOH — scoped hanya di .pkj-jodoh-page
   ========================= */
.pkj-jodoh-page{--pkj-gold:#F2C94C;--pkj-gold-d:#E0B74A}

/* H1 emas, tanpa kartu/overlay hitam */
.pkj-jodoh-page h1.pkj-title,
.pkj-jodoh-page .pkj-hero-h1{
  color:var(--pkj-gold)!important;background:transparent!important;
  box-shadow:none!important;border:0!important;padding:0!important;margin:0 0 .5rem!important;
  line-height:1.08;font-weight:800;letter-spacing:.2px;font-size:clamp(28px,6vw,56px)
}
/* Matikan overlay hero agar H1 tidak ketimpa */
.pkj-jodoh-page .pkj-hero{background:none!important;min-height:0!important}
.pkj-jodoh-page .pkj-hero::before{display:none!important}

/* Pills "Weton Anda" ♥ "Weton Pasangan" */
.pkj-jodoh-page .pkj-pills{display:flex;justify-content:center;gap:.6rem;margin:.45rem 0 .7rem}
.pkj-jodoh-page .pkj-pill{
  padding:.35rem .75rem;border-radius:999px;
  border:1px solid rgba(242,201,76,.8);background:rgba(242,201,76,.08);
  color:#f7d372;font-weight:700;font-size:.85rem
}
.pkj-jodoh-page .pkj-love{
  width:36px;height:36px;border-radius:12px;display:inline-grid;place-items:center;color:#5a3b00;
  background:linear-gradient(#F7D372,#E8B84D);
  box-shadow:0 6px 16px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.25)
}

/* Form rapi; tombol tidak kepanjangan (bisa ellipsis) */
.pkj-jodoh-page .pkj-weton-form{
  max-width:760px;margin:12px auto;display:grid;grid-template-columns:1fr 1fr;gap:.6rem;align-items:end
}
@media (min-width:992px){.pkj-jodoh-page .pkj-weton-form{grid-template-columns:1fr 1fr auto}}
.pkj-jodoh-page .pkj-weton-form__label{display:block;color:#FFD45A;font-weight:700}
.pkj-jodoh-page .pkj-weton-form__date{width:100%;font-size:1rem}
.pkj-jodoh-page .pkj-weton-form__btn{
  grid-column:1 / -1;justify-self:center;width:100%;max-width:720px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}

/* Note/blockquote batik + bingkai emas (seperti cek-weton) */
.pkj-jodoh-page .pkj-note{
  position:relative;border-radius:18px;padding:18px 20px;
  border:1px solid #E8C35A;background:#1f1f1f;box-shadow:0 10px 28px rgba(0,0,0,.35)
}
.pkj-jodoh-page .pkj-note:before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.4;
  background-image:radial-gradient(transparent 0 85%,rgba(0,0,0,.05)),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23d4aa52' fill-opacity='.15' d='M16 0l4 8 8 4-8 4-4 8-4-8-8-4 8-4z'/%3E%3C/svg%3E")
}
.pkj-jodoh-page .pkj-note b{color:var(--pkj-gold)}

/* Gambar hero artikel: bingkai emas + shadow (letakkan di bawah blockquote) */
.pkj-jodoh-page .pkj-article-hero{
  width:min(860px,100%);margin:14px auto 24px;border:2px solid #E8C35A;border-radius:18px;overflow:hidden;
  box-shadow:0 18px 36px rgba(0,0,0,.45)
}
.pkj-jodoh-page .pkj-article-hero img{display:block;width:100%;height:auto}

/* Prose & FAQ (scoped) */
.pkj-jodoh-page .prose-pkj{color:#E8EDF6;line-height:1.75}
.pkj-jodoh-page .prose-pkj h2{
  color:#FFD66A;margin:1.1rem 0 .55rem;line-height:1.25;border-bottom:1px dashed rgba(255,255,255,.12);padding-bottom:.25rem
}
.pkj-jodoh-page .pkj-faq{background:#0F141B;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin:.55rem 0;padding:.6rem .8rem}
.pkj-jodoh-page .pkj-faq>summary{cursor:pointer;font-weight:700;color:#EDEFF6;list-style:none}
.pkj-jodoh-page .pkj-faq>summary::marker,.pkj-jodoh-page .pkj-faq>summary::-webkit-details-marker{display:none}
.pkj-jodoh-page .pkj-faq>summary:after{content:"▾";float:right;color:#FFD45A;transition:transform .15s ease}
.pkj-jodoh-page .pkj-faq[open]>summary:after{transform:rotate(180deg)}

/* Disclaimer paling bawah — batik emas, tidak memengaruhi page lain */
.pkj-jodoh-page .pkj-disclaimer{
  position:relative;border-radius:16px;padding:16px 18px;margin:20px auto 0;max-width:900px;
  border:1px solid #E8C35A;background:#F7E8C8;color:#231a00;box-shadow:0 10px 26px rgba(0,0,0,.30)
}
.pkj-jodoh-page .pkj-disclaimer:before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.45;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath fill='%23b58b2b' fill-opacity='.12' d='M14 0l3 6 6 3-6 3-3 6-3-6-6-3 6-3z'/%3E%3C/svg%3E")
}

/* =========================
   JODOH — scoped only here
   ========================= */
.pkj-jodoh-page{ --pkj-gold:#F2C94C; --pkj-gold-d:#E0B74A; }

/* H1 gold dan center di desktop */
.pkj-jodoh-page .pkj-hero-h1{
  color:var(--pkj-gold);
  line-height:1.08; font-weight:800; letter-spacing:.2px;
  font-size:clamp(28px,6vw,56px);
  margin:0 0 .5rem;
  text-align:left;
}
@media (min-width:1024px){
  .pkj-jodoh-page .pkj-hero-h1{ text-align:center; }
}

/* Subinfo/hari ini → putih */
.pkj-jodoh-page .pkj-hero-sub{ color:#fff; opacity:.95; text-align:left; }
@media (min-width:1024px){
  .pkj-jodoh-page .pkj-hero-sub{ text-align:center; }
}

/* Matikan hero overlay/box gelap yang bikin H1 tertutup */
.pkj-jodoh-page .pkj-hero{ background:none; padding:.25rem 0 0; }

/* FORM – mobile 1 kolom; desktop 2 kolom + tombol */
.pkj-jodoh-page .pkj-jodoh-form{
  display:grid; grid-template-columns:1fr; gap:.7rem; margin:.6rem 0 1rem;
  max-width:760px; margin-left:auto; margin-right:auto;
}
@media (min-width:992px){
  .pkj-jodoh-page .pkj-jodoh-form{ grid-template-columns:1fr 1fr auto; align-items:end; }
}
.pkj-jodoh-page .pkj-jodoh-form__row{ display:grid; gap:.35rem; }
.pkj-jodoh-page .pkj-weton-form__label{ color:#FFD45A; font-weight:700; }
.pkj-jodoh-page .pkj-weton-form__date{
  width:100%; min-inline-size:0; /* biar tidak melebar */
  background:#ECEFF5; color:#111; border:1px solid #d7dbe5; border-radius:10px; padding:.5rem .65rem;
}
.pkj-jodoh-page .pkj-weton-form__btn{
  grid-column:1/-1; width:100%; max-width:720px; justify-self:center;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* Tombol gold (pakai motif seperti cek-weton) */
.pkj-jodoh-page .pkj-btn-gold{
  background:repeating-linear-gradient(45deg,#f4d44f,#f4d44f 10px,#f0c93a 10px,#f0c93a 20px);
  color:#111; font-weight:700; border-radius:20px; padding:.9rem 1.1rem; border:0;
  box-shadow:0 12px 28px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.65);
}

/* Hapus pills dekoratif (sesuai permintaan) jika masih ada di HTML lama */
.pkj-jodoh-page .pkj-pills{ display:none !important; }

/* Catatan budaya: putih + batik + bingkai emas */
.pkj-jodoh-page .pkj-note{
  position:relative; margin:1rem auto 1.1rem; padding:16px 18px; max-width:900px;
  color:#fff; background:#171a20; border:1px solid #E8C35A; border-radius:16px;
  box-shadow:0 10px 26px rgba(0,0,0,.30);
}
.pkj-jodoh-page .pkj-note b{ color:var(--pkj-gold); }
.pkj-jodoh-page .pkj-note:before{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; opacity:.22;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath fill='%23b58b2b' fill-opacity='.8' d='M14 0l3 6 6 3-6 3-3 6-3-6-6-3 6-3z'/%3E%3C/svg%3E");
}

/* Gambar hero artikel: bingkai emas + shadow */
.pkj-jodoh-page .pkj-article-hero{
  width:min(860px,100%); margin:14px auto 24px; border:2px solid #E8C35A;
  border-radius:18px; overflow:hidden; box-shadow:0 18px 36px rgba(0,0,0,.45);
}
.pkj-jodoh-page .pkj-article-hero img{ display:block; width:100%; height:auto; }

/* Prose/FAQ (mengikuti cek-weton) */
.pkj-jodoh-page .prose-pkj{ color:#E8EDF6; line-height:1.75; }
.pkj-jodoh-page .prose-pkj h2{
  color:#FFD66A; margin:1.1rem 0 .55rem; line-height:1.25;
  border-bottom:1px dashed rgba(255,255,255,.12); padding-bottom:.25rem;
}
.pkj-jodoh-page .prose-pkj a{ color:#FFD45A; text-decoration:underline; text-underline-offset:2px; }

.pkj-jodoh-page .pkj-faq{
  background:#0F141B; border:1px solid rgba(255,255,255,.08);
  border-radius:12px; margin:.55rem 0; padding:.6rem .8rem;
}
.pkj-jodoh-page .pkj-faq>summary{ cursor:pointer; font-weight:700; color:#EDEFF6; list-style:none; }
.pkj-jodoh-page .pkj-faq>summary::marker,
.pkj-jodoh-page .pkj-faq>summary::-webkit-details-marker{ display:none; }
.pkj-jodoh-page .pkj-faq>summary:after{ content:"▾"; float:right; color:#FFD45A; transition:transform .15s ease; }
.pkj-jodoh-page .pkj-faq[open]>summary:after{ transform:rotate(180deg); }

/* Kotak hasil beraksen emas */
.pkj-jodoh-page .pkj-box--gold{
  border:1px solid rgba(168,116,26,.35);
  background:linear-gradient(180deg,#fff,#fffdf6);
}

/* =========================
   JODOH — scoped hanya di .pkj-jodoh-page
   ========================= */
.pkj-jodoh-page { --pkj-gold:#F2C94C; --pkj-gold-d:#E0B74A; padding-bottom:72px; }

/* H1 emas tanpa kartu, ada ruang dari header */
.pkj-jodoh-page .pkj-hero { margin-top:.35rem; }
.pkj-jodoh-page h1.pkj-title,
.pkj-jodoh-page .pkj-hero-h1{
  color:#F2C94C; background:transparent !important; box-shadow:none !important;
  border:0 !important; padding:0 !important; margin:.15rem 0 .5rem 0;
  line-height:1.08; font-weight:800; letter-spacing:.2px;
  font-size:clamp(28px,6vw,56px);
}
.pkj-jodoh-page .pkj-hero-sub{ color:#fff; opacity:.92; font-size:clamp(14px,2.8vw,18px); }

/* Center di desktop */
@media (min-width:1024px){
  .pkj-jodoh-page .pkj-hero{ text-align:center; }
}

/* Pills A ❤ B */
.pkj-jodoh-page .pkj-pills{ display:flex; justify-content:center; gap:.6rem; margin:.4rem 0 .7rem; }
.pkj-jodoh-page .pkj-pill{
  display:inline-block; padding:.35rem .75rem; border-radius:999px;
  border:1px solid rgba(242,201,76,.8); background:rgba(242,201,76,.08);
  color:#f7d372; font-weight:700; font-size:.85rem;
}
.pkj-jodoh-page .pkj-love{
  width:36px;height:36px;border-radius:12px; display:inline-grid; place-items:center;
  background:linear-gradient(#F7D372,#E8B84D);
  box-shadow:0 6px 16px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.25);
  color:#5a3b00;
}

/* Form grid */
.pkj-jodoh-page .pkj-weton-form{ max-width:760px; margin:12px auto 14px; display:grid; grid-template-columns:1fr; gap:.65rem; }
@media (min-width:992px){ .pkj-jodoh-page .pkj-weton-form{ grid-template-columns:1fr 1fr auto; align-items:end; } }
.pkj-jodoh-page .pkj-weton-form__label{ color:#FFD45A; font-weight:700; }

/* Input tanggal: hitam elegan */
.pkj-jodoh-page .pkj-date-wrap{ position:relative; }
.pkj-jodoh-page .pkj-weton-form__date{
  width:100%; height:46px; border-radius:14px;
  background:#0E1117; color:#F8FAFC; border:1px solid rgba(255,255,255,.18);
  padding:.55rem .85rem; box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.pkj-jodoh-page .pkj-weton-form__date:focus{ outline:2px solid rgba(242,201,76,.35); outline-offset:1px; }

/* Placeholder overlay utk <input type="date"> */
.pkj-jodoh-page .pkj-date-wrap::after{
  content:attr(data-ph);
  position:absolute; left:14px; top:50%; transform:translateY(-50%);
  pointer-events:none; color:#C7CBD2; opacity:.5; font-size:.95rem;
}
.pkj-jodoh-page .pkj-date-wrap.has-value::after{ content:''; }

/* Tombol emas */
.pkj-jodoh-page .pkj-btn-gold{
  background: repeating-linear-gradient(45deg, #f4d44f, #f4d44f 10px, #f0c93a 10px, #f0c93a 20px);
  color:#111; font-weight:700; border-radius:20px; padding:.9rem 1.1rem; border:0;
  box-shadow:0 12px 28px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.65);
  width:100%; max-width:720px; justify-self:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* Note / blockquote di bawah H1 */
.pkj-jodoh-page .pkj-note{
  position:relative; border-radius:18px; padding:18px 20px;
  border:1px solid #E8C35A; background:#1f1f1f; color:#EDEFF6;
  box-shadow:0 10px 28px rgba(0,0,0,.35); margin:.75rem 0 1rem;
}
.pkj-jodoh-page .pkj-note--batik:before{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; opacity:.35;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath fill='%23b58b2b' fill-opacity='.14' d='M14 0l3 6 6 3-6 3-3 6-3-6-6-3 6-3z'/%3E%3C/svg%3E");
}

/* Gambar artikel */
.pkj-jodoh-page .pkj-article-hero{
  width:min(860px,100%); margin:14px auto 24px;
  border:2px solid #E8C35A; border-radius:18px; overflow:hidden;
  box-shadow:0 18px 36px rgba(0,0,0,.45);
}
.pkj-jodoh-page .pkj-article-hero img{ display:block; width:100%; height:auto; }

/* Prose & FAQ (kontras seperti cek-weton) */
.pkj-jodoh-page .prose-pkj{ color:#E8EDF6; line-height:1.75; }
.pkj-jodoh-page .prose-pkj h2{
  color:#FFD66A; margin:1.1rem 0 .55rem; line-height:1.25;
  border-bottom:1px dashed rgba(255,255,255,.12); padding-bottom:.25rem;
}
.pkj-jodoh-page .pkj-faq{ background:#0F141B; border:1px solid rgba(255,255,255,.08);
  border-radius:12px; margin:.55rem 0; padding:.6rem .8rem; }
.pkj-jodoh-page .pkj-faq>summary{ cursor:pointer; font-weight:700; color:#EDEFF6; list-style:none; }
.pkj-jodoh-page .pkj-faq>summary::marker,
.pkj-jodoh-page .pkj-faq>summary::-webkit-details-marker{ display:none; }
.pkj-jodoh-page .pkj-faq>summary:after{ content:"▾"; float:right; color:#FFD45A; transition:transform .15s ease; }
.pkj-jodoh-page .pkj-faq[open]>summary:after{ transform:rotate(180deg); }

/* Disclaimer ala foto #2 (Ky Tutur) + jarak ke footer */
.pkj-jodoh-page .pkj-disclaimer--ky{
  display:flex; gap:.75rem; align-items:flex-start; margin:18px auto 0;
  max-width:900px; padding:16px 18px; border-radius:16px;
  border:1px solid #E8C35A; background:#0f1015; color:#EAEFF7;
  box-shadow:0 18px 32px rgba(0,0,0,.35);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath fill='%23f2c94c' fill-opacity='.08' d='M16 0l4 8 8 4-8 4-4 8-4-8-8-4 8-4z'/%3E%3C/svg%3E");
}
.pkj-jodoh-page .pkj-disclaimer--ky .ico{
  width:44px; height:44px; border-radius:12px;
  display:grid; place-items:center; font-size:24px;
  background:linear-gradient(180deg,#f8e390,#d3a82f); color:#22324a;
  box-shadow: inset 0 2px 8px rgba(255,255,255,.5), 0 6px 18px rgba(0,0,0,.25);
}
.pkj-jodoh-page .pkj-disclaimer--ky b{ color:#F2C94C; }
.pkj-jodoh-page .pkj-disclaimer--ky em{ font-style:italic; color:#FFF0B0; }

/* === Desktop polish: blockquote (catatan budaya) rapi & seimbang === */
@media (min-width:1024px){
  /* lebar & posisi */
  .pkj-jodoh-page .pkj-note{
    max-width: 760px;          /* samakan dengan gambar hero di bawah */
    margin: 14px auto 18px;    /* center + jarak nyaman */
    padding: 16px 20px;
    border-radius: 16px;
    text-align: left;
  }
  /* motif batik lebih halus agar teks terbaca */
  .pkj-jodoh-page .pkj-note--batik:before{
    opacity: .18;
    background-size: 24px 24px;   /* pola lebih kecil */
  }
  /* samakan juga lebar gambar hero agar garis lurus */
  .pkj-jodoh-page .pkj-article-hero{
    max-width: 760px;
    margin: 14px auto 24px;
  }
  /* beri sedikit jarak dari form */
  .pkj-jodoh-page .pkj-weton-form{ margin-bottom: 10px; }
}

/* ===== scoped hanya halaman jodoh ===== */
.pkj-jodoh-page { --pkj-gold:#F2C94C; --pkj-gold-d:#E0B74A; }

/* H1 emas */
.pkj-jodoh-page .pkj-title{
  color:var(--pkj-gold);
  margin:.3rem 0 .6rem; line-height:1.12; font-weight:800;
  text-align:center;
}

/* Chips / badges */
.pkj-jodoh-page .pkj-badges{
  display:flex; flex-wrap:wrap; gap:.5rem; justify-content:center; margin:.2rem 0 1rem;
}
.pkj-jodoh-page .pkj-chip{
  display:inline-block; padding:.4rem .7rem; border-radius:999px; font-weight:700;
  background:#111; color:#eee; border:1px solid rgba(255,255,255,.12);
}
.pkj-jodoh-page .pkj-chip.is-pegat   { background:#2a0e0e; color:#fecaca; border-color:#b91c1c; }
.pkj-jodoh-page .pkj-chip.is-ratu    { background:#3a2a0a; color:#fde68a; border-color:#eab308; }
.pkj-jodoh-page .pkj-chip.is-jodoh   { background:#0b2a1f; color:#bbf7d0; border-color:#10b981; }
.pkj-jodoh-page .pkj-chip.is-topo    { background:#12163a; color:#c7d2fe; border-color:#6366f1; }
.pkj-jodoh-page .pkj-chip.is-tinari  { background:#3a3008; color:#fef08a; border-color:#facc15; }
.pkj-jodoh-page .pkj-chip.is-padu    { background:#2f1a09; color:#ffedd5; border-color:#fb923c; }
.pkj-jodoh-page .pkj-chip.is-sujanan { background:#2a0f39; color:#f3e8ff; border-color:#a855f7; }
.pkj-jodoh-page .pkj-chip.is-pesthi  { background:#0b2a0f; color:#dcfce7; border-color:#22c55e; }

/* Grid hasil */
.pkj-jodoh-page .pkj-result-grid{
  display:grid; gap:1rem; align-items:start;
}
@media (min-width: 992px){
  .pkj-jodoh-page .pkj-result-grid{ grid-template-columns: 1fr 1fr; gap:1.25rem; }
}

/* Kiri: gambar + deskripsi */
.pkj-jodoh-page .pkj-jodoh-fig{ text-align:center; margin:.25rem 0 .75rem; }
.pkj-jodoh-page .pkj-jodoh-fig img{
  width:min(320px, 90%); height:auto; border-radius:14px;
  border:2px solid #E8C35A; box-shadow:0 12px 28px rgba(0,0,0,.35);
}
.pkj-jodoh-page .pkj-jodoh-fig figcaption{ font-weight:800; margin-top:.45rem; color:#a8741a; letter-spacing:.3px; }
.pkj-jodoh-page .pkj-kat-desc{ margin:.5rem 0 .9rem; }

/* Kanan: dua kartu weton */
.pkj-jodoh-page .pkj-pair{ display:grid; gap:.75rem; }
@media (min-width: 600px){ .pkj-jodoh-page .pkj-pair{ grid-template-columns:1fr 1fr; } }
.pkj-jodoh-page .pkj-box--gold{
  border:1px solid rgba(168,116,26,.35);
  background:linear-gradient(180deg,#fff,#fffdf6);
  border-radius:12px; padding:.75rem .85rem;
}

/* Link lanjut */
.pkj-jodoh-page .pkj-next-links{ display:flex; flex-direction:column; gap:.4rem; margin:.8rem 0 0; }
.pkj-jodoh-page .pkj-next-links .pkj-link{ color:#60a5fa; text-decoration:underline; }

/* Disclaimer bawah */
.pkj-jodoh-page .pkj-disclaimer{
  position:relative; border-radius:16px; padding:14px 16px; margin:18px auto 18px;
  border:1px solid #E8C35A; background:#F7E8C8; color:#231a00; max-width:900px;
  box-shadow:0 10px 26px rgba(0,0,0,.30);
}
.pkj-jodoh-page .pkj-disclaimer .hd{ font-weight:800; color:#E5B84F; margin-right:.35rem; }

/* Inline re-check form */
.pkj-jodoh-page .pkj-inline{ display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; justify-content:center; }
.pkj-jodoh-page .pkj-btn-gold{
  background:linear-gradient(135deg,#f4d44f,#f0c93a);
  color:#111; font-weight:800; border-radius:12px; padding:.6rem .9rem; border:0;
  box-shadow:0 10px 20px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.6);
}

/* Input date “hitam bingkai emas” seperti di jodoh landing */
.pkj-jodoh-page .pkj-date--gold{
  appearance:none; -webkit-appearance:none;
  background:#111; color:#fff; border:1px solid #E8C35A;
  border-radius:10px; padding:.5rem .6rem; min-width:220px;
  box-shadow:0 6px 16px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.06);
}
.pkj-jodoh-page .pkj-date--gold::-webkit-calendar-picker-indicator{ filter:invert(1); opacity:.9; }

/* A1 — Poster hasil: samakan lebar dgn hero landing di desktop */
@media (min-width: 992px){
  .pkj-result .pkj-jodoh-fig{ max-width: 720px; margin: .8rem auto 0; }
  .pkj-result .pkj-jodoh-fig img{ width:100%; height:auto; display:block; }
}

/* B1 — Wejangan: kartu dengan border emas + pattern tipis */
.pkj-result .pkj-box--wej{
  position: relative;
  border-radius: 14px;
  background:
    linear-gradient(#1c2330, #1c2330) padding-box,
    linear-gradient(135deg, rgba(255,213,120,.55), rgba(255,213,120,.15)) border-box;
  border: 1px solid transparent;
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
}
.pkj-result .pkj-box--wej::before{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.08;
  background-image:
    radial-gradient(circle at 12px 12px, #ffd780 1px, transparent 1px),
    radial-gradient(circle at 0 0, #ffd780 1px, transparent 1px);
  background-size:24px 24px, 24px 24px; background-position:0 0, 12px 12px;
  border-radius:inherit;
}
.pkj-result .pkj-box--wej .pkj-label{ color:#ffd780; font-weight:700; }
.pkj-result .pkj-wej-p{ margin:.45rem 0; line-height:1.65; }

/* B2 — Weton Anda/Pasangan: kartu penuh + border emas */
.pkj-result .pkj-box--weton{
  background:
    linear-gradient(#1c2330, #1c2330) padding-box,
    linear-gradient(135deg, rgba(255,213,120,.45), rgba(255,213,120,.12)) border-box;
  border:1px solid transparent;
  border-radius:12px;
}
.pkj-result #weton-a .pkj-label,
.pkj-result #weton-b .pkj-label{ color:#ffd780; }

/* B3 — Disclaimer seperti contoh emas */
.pkj-disclaimer--ky{
  background:
    linear-gradient(#232b39,#232b39) padding-box,
    linear-gradient(135deg, rgba(255,213,120,.6), rgba(255,213,120,.2)) border-box;
  border:1px solid transparent;
  border-radius:14px; position:relative;
}
.pkj-disclaimer--ky::before{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.12;
  background-image:
    radial-gradient(circle at 12px 12px, #ffd780 1px, transparent 1px),
    radial-gradient(circle at 0 0, #ffd780 1px, transparent 1px);
  background-size:24px 24px, 24px 24px; background-position:0 0, 12px 12px;
  border-radius:inherit;
}

/* Poster hasil: selebar hero landing di desktop */
@media (min-width: 992px){
  .pkj-result .pkj-jodoh-fig{ max-width: 720px; margin: .8rem auto 0; }
  .pkj-result .pkj-jodoh-fig img{ width:100%; height:auto; display:block; }
}

/* Kartu Wejangan: border emas + pattern tipis */
.pkj-result .pkj-box--wej{
  position: relative;
  border-radius: 14px;
  background:
    linear-gradient(#1c2330, #1c2330) padding-box,
    linear-gradient(135deg, rgba(255,213,120,.55), rgba(255,213,120,.15)) border-box;
  border: 1px solid transparent; box-shadow: 0 6px 18px rgba(0,0,0,.25);
}
.pkj-result .pkj-box--wej::before{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.08;
  background-image:
    radial-gradient(circle at 12px 12px, #ffd780 1px, transparent 1px),
    radial-gradient(circle at 0 0, #ffd780 1px, transparent 1px);
  background-size:24px 24px, 24px 24px; background-position:0 0, 12px 12px;
  border-radius:inherit;
}
.pkj-result .pkj-box--wej .pkj-label{ color:#ffd780; font-weight:700; }

/* Kartu Weton Anda / Pasangan: border emas tipis */
.pkj-result .pkj-box--weton{
  background:
    linear-gradient(#1c2330, #1c2330) padding-box,
    linear-gradient(135deg, rgba(255,213,120,.45), rgba(255,213,120,.12)) border-box;
  border:1px solid transparent;
  border-radius:12px;
}
.pkj-result #weton-a .pkj-label,
.pkj-result #weton-b .pkj-label{ color:#ffd780; }

/* Disclaimer gaya gold patterned pill */
.pkj-disclaimer--ky{
  background:
    linear-gradient(#232b39,#232b39) padding-box,
    linear-gradient(135deg, rgba(255,213,120,.6), rgba(255,213,120,.2)) border-box;
  border:1px solid transparent;
  border-radius:14px; position:relative;
}
.pkj-disclaimer--ky::before{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.12;
  background-image:
    radial-gradient(circle at 12px 12px, #ffd780 1px, transparent 1px),
    radial-gradient(circle at 0 0, #ffd780 1px, transparent 1px);
  background-size:24px 24px, 24px 24px; background-position:0 0, 12px 12px;
  border-radius:inherit;
}

/* === PKJ Jodoh: tweak desktop & mobile === */

/* Variabel lebar konten "sempit" biar seragam */
.pkj-jodoh-page { --pkj-narrow: 720px; } /* silakan ubah 680–760 sesuai selera */

/* Desktop: kecilkan H1 + samakan lebar dengan blockquote */
@media (min-width: 992px) {
  .pkj-jodoh-page .pkj-hero-h1 {
    font-size: clamp(28px, 3.0vw, 40px); /* ↓ lebih kecil dari sebelumnya */
    line-height: 1.15;
    max-width: var(--pkj-narrow);
    margin-left: auto;
    margin-right: auto;
  }

  /* Lebar komponen hasil diseragamkan dg blockquote */
  .pkj-jodoh-page .pkj-note,             /* blockquote (tagline) */
  .pkj-jodoh-page .pkj-box--wej,         /* box Wejangan */
  .pkj-jodoh-page .pkj-box--weton,       /* Weton Anda & Weton Pasangan */
  .pkj-jodoh-page .pkj-jodoh-fig {       /* poster kategori */
    max-width: var(--pkj-narrow);
    margin-left: auto;
    margin-right: auto;
  }
}

/* Mobile: poster mengikuti ukuran landing (full width, auto height) */
.pkj-jodoh-page .pkj-jodoh-fig img {
  width: 100%;
  height: auto;
  display: block;
}

/* === PKJ Jodoh: perapian desktop (H1 & disclaimer) === */

/* lebar seragam komponen hasil */
.pkj-jodoh-page { --pkj-narrow: 720px; } /* ubah 680–760 jika perlu */

/* Desktop */
@media (min-width: 992px) {
  /* 1) H1 hasil: benar-benar center + lebar sama dg blockquote */
  .pkj-jodoh-page .pkj-hero { text-align: center; }
  .pkj-jodoh-page .pkj-hero-h1 {
    display: block;
    font-size: clamp(28px, 3.0vw, 40px);
    line-height: 1.15;
    max-width: var(--pkj-narrow);
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  /* 2) Disclaimer: kecilkan & lebarnya disamakan dg komponen lain */
  .pkj-jodoh-page .pkj-disclaimer {
    max-width: var(--pkj-narrow);
    margin-left: auto;
    margin-right: auto;
    font-size: 0.95rem;     /* lebih kecil */
    padding: 0.6rem 0.8rem; /* kotak lebih ringkas */
  }
  .pkj-jodoh-page .pkj-disclaimer .ico { font-size: 1rem; }

  /* Samakan lebar elemen hasil lain (biar konsisten dengan blockquote) */
  .pkj-jodoh-page .pkj-note,
  .pkj-jodoh-page .pkj-box--wej,
  .pkj-jodoh-page .pkj-box--weton,
  .pkj-jodoh-page .pkj-jodoh-fig {
    max-width: var(--pkj-narrow);
    margin-left: auto;
    margin-right: auto;
  }
}

/* Mobile: poster/gambar mengikuti lebar kontainer (seperti landing) */
.pkj-jodoh-page .pkj-jodoh-fig img { width: 100%; height: auto; display: block; }

/* === PKJ Jodoh — PERAPIAN LANDING (desktop) === */
.pkj-jodoh-page { --pkj-narrow: 720px; } /* ubah 700–760 px kalau mau */

/* Khusus landing */
@media (min-width: 992px) {
  /* Bikin H1 & subinfo center dan lebarnya sama seperti konten lain */
  .pkj-jodoh-page.pkj-jodoh-landing .pkj-hero {
    max-width: var(--pkj-narrow);
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .pkj-jodoh-page.pkj-jodoh-landing .pkj-hero-h1 {
    font-size: clamp(28px, 3.0vw, 40px);
    line-height: 1.15;
    margin-left: auto;
    margin-right: auto;
  }
  .pkj-jodoh-page.pkj-jodoh-landing .pkj-hero-sub { text-align: center; }

  /* Samakan lebar SEMUA blok di landing */
  .pkj-jodoh-page.pkj-jodoh-landing .pkj-jodoh-form,
  .pkj-jodoh-page.pkj-jodoh-landing .pkj-note,             /* catatan budaya */
  .pkj-jodoh-page.pkj-jodoh-landing .pkj-article-hero,     /* gambar artikel */
  .pkj-jodoh-page.pkj-jodoh-landing .prose-pkj,            /* isi artikel */
  .pkj-jodoh-page.pkj-jodoh-landing .pkj-disclaimer {      /* disclaimer */
    max-width: var(--pkj-narrow);
    margin-left: auto;
    margin-right: auto;
  }

  /* Disclaimer landing: kotak lebih ringkas (match hasil) */
  .pkj-jodoh-page.pkj-jodoh-landing .pkj-disclaimer {
    font-size: 0.95rem;
    padding: 0.6rem 0.8rem;
  }
}

/* Gambar landing tetap responsif */
.pkj-jodoh-page .pkj-article-hero img {
  width: 100%;
  height: auto;
  display: block;
}
/* === FIX 1: Disclaimer lebih kontras & mudah dibaca (versi terang) === */
.pkj-jodoh-page .pkj-disclaimer{
  background:#F7EAC6;       /* krem lembut */
  color:#1C1300;            /* teks gelap */
}
.pkj-jodoh-page .pkj-disclaimer:before{ opacity:.12; } /* pola lebih halus */
.pkj-jodoh-page .pkj-disclaimer b{ color:#C89211; }
.pkj-jodoh-page .pkj-disclaimer em{
  color:#5A4800;            /* italic tetap terbaca */
  opacity:1;                /* jangan diturunkan lagi */
}

/* Kalau yang dipakai varian gelap (.pkj-disclaimer--ky), haluskan patternnya */
.pkj-jodoh-page .pkj-disclaimer--ky::before{ opacity:.06; }
.pkj-jodoh-page .pkj-disclaimer--ky em{ color:#FFF3B0; opacity:1; }