/* Reportase Kirim — form kirim tulisan */
.rk {
	--rk-c: #0068BD;
	--rk-ink: #0f172a;
	--rk-text: #334155;
	--rk-muted: #5b6475;
	--rk-line: #e3e7ee;
	--rk-soft: #f6f8fb;
	--rk-tint: #eef5fc;
	--rk-err: #b42318;
	max-width: 720px;
	margin: 0 auto;
	font-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	font-size: 16px;
	line-height: 1.6;
	color: var(--rk-text);
	-webkit-font-smoothing: antialiased;
}
.rk *, .rk *::before, .rk *::after { box-sizing: border-box; }
.rk a { color: var(--rk-c); }
.rk svg { flex-shrink: 0; }
.rk [hidden] { display: none !important; }
.rk-sr, .rk-hp { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); left: -9999px; }

/* Kepala biru + paket */
.rk-hero { background: var(--rk-c); color: #fff; border-radius: 18px; padding: 24px 18px 18px; margin: 0 0 14px; }
@media (min-width: 600px) { .rk-hero { padding: 30px 28px 22px; } }
.rk-eyebrow { margin: 0 0 6px; font-size: 13px; font-weight: 700; letter-spacing: .03em; opacity: .9; color: #fff; }
.rk-title { margin: 0 0 8px !important; padding: 0 !important; font-family: inherit !important; font-size: clamp(26px, 6.5vw, 34px) !important; font-weight: 800 !important; line-height: 1.15 !important; letter-spacing: -.02em; color: #fff !important; }
.rk-lead { margin: 0 0 18px; font-size: 15px; line-height: 1.55; color: rgba(255,255,255,.92); max-width: 58ch; }
.rk-pkgs { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 8px; margin: 0; padding: 0; border: 0; min-width: 0; }
.rk-pkg { position: relative; display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border-radius: 12px; background: rgba(255,255,255,.12); border: 1.5px solid rgba(255,255,255,.28); color: #fff; cursor: pointer; transition: background .15s, border-color .15s; }
.rk-pkg input { position: absolute; opacity: 0; pointer-events: none; }
.rk-pkg-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.rk-pkg-name { font-size: 15.5px; font-weight: 800; }
.rk-pkg-dot { width: 20px; height: 20px; border-radius: 50%; border: 1.5px solid rgba(255,255,255,.6); display: flex; align-items: center; justify-content: center; color: transparent; }
.rk-pkg-dot svg { stroke-width: 3.2; }
.rk-pkg-desc { font-size: 13px; line-height: 1.4; opacity: .9; }
.rk-pkg-price { margin-top: 6px; font-size: 13px; }
.rk-pkg-price s { opacity: .7; }
.rk-pkg-price b { font-size: 17px; font-weight: 800; }
.rk-pkg.is-on { background: #fff; border-color: #fff; color: var(--rk-ink); }
.rk-pkg.is-on .rk-pkg-dot { background: var(--rk-c); border-color: var(--rk-c); color: #fff; }
.rk-pkg.is-on .rk-pkg-price b { color: var(--rk-c); }
.rk-pkg.is-on .rk-pkg-desc, .rk-pkg.is-on .rk-pkg-price s { color: var(--rk-muted); opacity: 1; }
.rk-pkg:has(input:focus-visible) { outline: 3px solid rgba(255,255,255,.7); outline-offset: 2px; }
.rk-hero .rk-err { color: #ffe1dc; }
.rk-steps { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin: 14px 0 0; padding: 0; }
.rk-steps a { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 40px; border-radius: 10px; background: rgba(255,255,255,.14); color: #fff !important; font-size: 13px; font-weight: 700; text-decoration: none !important; }
.rk-steps a b { width: 20px; height: 20px; border-radius: 50%; background: rgba(255,255,255,.22); display: inline-flex; align-items: center; justify-content: center; font-size: 11.5px; }
.rk-steps li.is-now a { background: #fff; color: var(--rk-c) !important; }
.rk-steps li.is-now a b { background: var(--rk-c); color: #fff; }
.rk-steps li.is-done a b { background: #fff; color: var(--rk-c); }

/* Kartu langkah */
.rk-card { background: #fff; border: 1px solid var(--rk-line); border-radius: 18px; padding: 22px 18px; margin: 0 0 14px; scroll-margin-top: 90px; }
@media (min-width: 600px) { .rk-card { padding: 28px; } }
.rk-sect { display: flex; align-items: center; gap: 10px; margin: 0 0 18px !important; padding: 0 !important; border: 0 !important; font-family: inherit !important; font-size: 19px !important; font-weight: 800 !important; line-height: 1.3 !important; color: var(--rk-ink) !important; }
.rk-num { width: 30px; height: 30px; border-radius: 50%; background: var(--rk-c); color: #fff; font-size: 14px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; }

/* Kolom */
.rk-field { margin: 0 0 18px; }
.rk-field > label, .rk-label { display: block; margin: 0 0 6px; font-size: 14.5px; font-weight: 700; color: var(--rk-ink); }
.rk-req { color: #c2410c; margin-left: 2px; }
.rk-opt { font-weight: 500; color: var(--rk-muted); }
.rk-grid2 { display: grid; grid-template-columns: 1fr; gap: 0 14px; }
@media (min-width: 600px) { .rk-grid2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.rk input[type="text"], .rk input[type="email"], .rk input[type="tel"], .rk select {
	display: block; width: 100%; min-height: 50px; margin: 0; padding: 12px 14px;
	font: inherit; font-size: 16px; line-height: 1.4; color: var(--rk-ink);
	background: #fff; border: 1.5px solid #cfd6e1; border-radius: 12px; box-shadow: none;
	-webkit-appearance: none; appearance: none; transition: border-color .15s, box-shadow .15s;
}
.rk input::placeholder { color: #8b94a3; }
.rk input:focus, .rk select:focus { outline: none; border-color: var(--rk-c); box-shadow: 0 0 0 3px color-mix(in srgb, var(--rk-c) 18%, transparent); }
.rk-select { position: relative; }
.rk-select::after { content: ""; position: absolute; right: 16px; top: 50%; width: 8px; height: 8px; margin-top: -6px; border-right: 2px solid var(--rk-muted); border-bottom: 2px solid var(--rk-muted); transform: rotate(45deg); pointer-events: none; }
.rk-select select { padding-right: 40px; }
.rk-hint { margin: 6px 0 0; font-size: 13px; line-height: 1.5; color: var(--rk-muted); }
.rk-err { margin: 6px 0 0; font-size: 13.5px; font-weight: 600; line-height: 1.5; color: var(--rk-err); }
.rk-field.has-err input, .rk-field.has-err select, .rk-field.has-err .rk-drop, .rk-field.has-err .rk-editor { border-color: var(--rk-err) !important; }

/* Foto penulis */
.rk-avatar-pick { display: flex; align-items: center; gap: 14px; }
.rk-avatar { width: 56px; height: 56px; border-radius: 50%; background: var(--rk-c); color: #fff; font-weight: 800; font-size: 19px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; background-size: cover; background-position: center; }
.rk-avatar.has-img { color: transparent; }

/* Tombol */
.rk-btn, .rk-btn-line { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 18px; border-radius: 12px; font: inherit; font-size: 15px; font-weight: 700; text-decoration: none !important; cursor: pointer; -webkit-appearance: none; }
.rk-btn { border: 0; background: var(--rk-c); color: #fff !important; }
.rk-btn:hover { filter: brightness(1.08); }
.rk-btn-line { border: 1.5px solid var(--rk-c); background: #fff; color: var(--rk-c) !important; }
.rk-btn-sm { min-height: 44px; font-size: 14.5px; }
.rk-btn input, .rk-btn-line input, .rk-drop input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; font-size: 0; }
.rk-btn:focus-visible, .rk-btn-line:focus-within, .rk-btn:focus-within { outline: 3px solid color-mix(in srgb, var(--rk-c) 40%, transparent); outline-offset: 2px; }
.rk-btn.is-busy, .rk-btn-line.is-busy { opacity: .6; pointer-events: none; }

/* Kotak unggah */
.rk .rk-drop { position: relative; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center; gap: 12px; min-height: 68px; padding: 12px 14px; border: 1.5px dashed #b9c3d1; border-radius: 12px; background: var(--rk-soft); color: var(--rk-ink); cursor: pointer; transition: border-color .15s; }
.rk-drop:hover { border-color: var(--rk-c); }
.rk-drop > svg { color: var(--rk-c); }
.rk-drop b { display: block; font-size: 15px; }
.rk-drop small { display: block; font-size: 12.5px; line-height: 1.45; color: var(--rk-muted); }
.rk-drop.has-file { border-style: solid; border-color: #9fd3b4; background: #f1faf4; }
.rk .rk-drop .rk-thumb { display: block; width: 56px !important; height: 56px !important; max-width: none; margin: 0; border-radius: 8px; object-fit: cover; flex-shrink: 0; }
.rk-drop.has-file > svg { display: none; }
.rk-drop > span { min-width: 0; }

/* Ketentuan redaksi */
.rk-rules { border: 1.5px solid #f2c94c; background: #fffbeb; border-radius: 14px; overflow: hidden; margin: 0 0 20px; }
.rk-rules-head { display: flex; align-items: center; gap: 10px; padding: 13px 16px; background: #fef3c7; color: #78350f; }
.rk-rules-head b { display: block; font-size: 15.5px; }
.rk-rules-head span { display: block; font-size: 12.5px; font-weight: 600; color: #92400e; }
.rk-rules-body { padding: 14px 16px 16px; font-size: 14px; line-height: 1.6; color: #422006; }
.rk-rules-body p { margin: 0 0 10px; }
.rk-rules-body ol { margin: 0 0 12px; padding-left: 20px; }
.rk-rules-body li { margin-bottom: 6px; }
.rk-guides { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; }
.rk-guides a { flex: 1 1 140px; display: flex; align-items: center; justify-content: center; min-height: 44px; border-radius: 10px; background: #fff; border: 1px solid #f2c94c; font-weight: 700; font-size: 13.5px; text-decoration: none !important; }

/* Kotak centang */
.rk-check { display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; border-radius: 12px; background: #fff; border: 1.5px solid #f2c94c; cursor: pointer; font-size: 14.5px; font-weight: 600; line-height: 1.5; color: var(--rk-ink); }
.rk-check input { width: 22px; height: 22px; margin: 1px 0 0; flex-shrink: 0; accent-color: var(--rk-c); }
.rk-consent { border-color: var(--rk-line); background: var(--rk-soft); font-weight: 500; font-size: 13.5px; color: var(--rk-text); }

/* Editor */
.rk-import { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 14px; border: 1.5px dashed #93c5fd; border-radius: 12px; background: #f0f7ff; }
.rk-import-msg { margin: 0; font-size: 13px; color: #1e3a5f; }
.rk-import-msg.is-ok { color: #11683d; font-weight: 600; }
.rk-import-msg.is-err { color: var(--rk-err); font-weight: 600; }
.rk-or { display: flex; align-items: center; gap: 10px; margin: 12px 0; font-size: 13px; color: var(--rk-muted); }
.rk-or::before, .rk-or::after { content: ""; flex: 1; height: 1px; background: var(--rk-line); }
.rk-editor { border: 1.5px solid #cfd6e1; border-radius: 12px; overflow: hidden; background: #fff; }
.rk-editor .wp-editor-container { border: 0 !important; }
.rk-editor .mce-tinymce { border: 0 !important; box-shadow: none !important; }
.rk-editor .mce-top-part::before { box-shadow: none !important; }
.rk-editor .mce-toolbar-grp { background: var(--rk-soft) !important; border-bottom: 1px solid var(--rk-line) !important; }
.rk-editor textarea.wp-editor-area { font-size: 16px !important; border: 0; }
.rk-editor-bar { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 10px; border-top: 1px solid var(--rk-line); background: var(--rk-soft); }
.rk-count { font-size: 12.5px; font-weight: 600; color: var(--rk-muted); text-align: right; }
.rk-count.is-low { color: #b45309; }
.rk-count.is-ok { color: #11683d; }

/* Pembayaran */
.rk-pay { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 16px; margin: 0 0 18px; border-radius: 14px; background: var(--rk-tint); border: 1px solid #cfe1f4; text-align: center; }
.rk-pay-total { align-self: stretch; display: flex; align-items: baseline; justify-content: space-between; gap: 8px; text-align: left; font-size: 14px; font-weight: 600; color: #1e3a5f; }
.rk-pay-total s { font-size: 13px; color: var(--rk-muted); font-weight: 500; }
.rk-pay-total b { font-size: 24px; font-weight: 800; color: var(--rk-c); }
.rk-qris { display: block; width: 220px; max-width: 100%; height: auto; border-radius: 12px; border: 1px solid #cbd5e1; background: #fff; }
.rk-pay-or { margin: 0; font-size: 13px; color: #1e3a5f; }
.rk-banks { list-style: none; align-self: stretch; margin: 4px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.rk-banks li { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border-radius: 10px; background: #fff; border: 1px solid #cfe1f4; font-size: 14px; font-weight: 600; color: var(--rk-ink); text-align: left; }
.rk-copy { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 12px; border-radius: 9px; border: 1px solid var(--rk-line); background: var(--rk-soft); color: var(--rk-ink); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.rk-copy.is-done { color: #11683d; border-color: #9fd3b4; background: #f1faf4; }
.rk-pay-note { margin: 0; font-size: 13px; color: var(--rk-muted); }

/* Kirim */
.rk-general { margin: 16px 0 0; padding: 12px 14px; border-radius: 12px; background: #fdecea; color: #7a1a12; font-size: 14px; font-weight: 600; }
.rk-submit { width: 100%; min-height: 56px; margin-top: 18px; font-size: 17px; font-weight: 800; box-shadow: 0 8px 20px color-mix(in srgb, var(--rk-c) 28%, transparent); }
.rk-submit-note { margin: 10px 0 0; font-size: 13px; text-align: center; color: var(--rk-muted); }
.rk-help { display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 0 16px; margin: 0 0 14px; border-radius: 14px; border: 1px solid var(--rk-line); background: #fff; color: var(--rk-text) !important; font-size: 14px; text-decoration: none !important; }
.rk-help svg { color: var(--rk-c); }
.rk-help b { color: var(--rk-ink); }

/* Pulihkan draf */
.rk-restore { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; padding: 12px 14px; margin: 0 0 14px; border-radius: 12px; background: #e7f6ee; color: #0c4a2b; font-size: 14px; }
.rk-restore button { min-height: 36px; padding: 0 10px; border: 0; background: none; color: #0c4a2b; font: inherit; font-weight: 700; text-decoration: underline; cursor: pointer; }

/* Layar loading */
.rk-ov[hidden] { display: none !important; }
.rk-ov { position: fixed; inset: 0; z-index: 2147483000; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(10,22,42,.7); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.rk-ov-card { width: 100%; max-width: 380px; background: #fff; border-radius: 18px; padding: 28px 24px 22px; text-align: center; box-shadow: 0 24px 60px rgba(0,0,0,.3); font-family: 'Plus Jakarta Sans', system-ui, sans-serif; color: var(--rk-ink, #0f172a); }
.rk-ov-spin { width: 54px; height: 54px; margin: 0 auto 16px; position: relative; }
.rk-ov-spin i { position: absolute; inset: 0; border-radius: 50%; border: 5px solid #e6eef8; border-top-color: var(--rk-c, #0068BD); animation: rkSpin .9s linear infinite; }
.rk-ov.is-error .rk-ov-spin i { animation: none; border-color: #fde2df; border-top-color: #b42318; }
.rk-ov.is-done .rk-ov-spin i { animation: none; border-color: #11683d; }
@keyframes rkSpin { to { transform: rotate(360deg); } }
.rk-ov-title { margin: 0 0 14px; font-size: 19px; font-weight: 800; line-height: 1.35; }
.rk-ov-steps { list-style: none; display: inline-block; margin: 0 0 14px; padding: 0; text-align: left; }
.rk-ov-steps li { position: relative; padding: 5px 0 5px 28px; font-size: 15px; color: #94a3b8; }
.rk-ov-steps li::before { content: ""; position: absolute; left: 0; top: 8px; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #d1d5db; }
.rk-ov-steps li.now { color: #0f172a; font-weight: 700; }
.rk-ov-steps li.now::before { border-color: var(--rk-c, #0068BD); box-shadow: 0 0 0 4px color-mix(in srgb, var(--rk-c, #0068BD) 18%, transparent); }
.rk-ov-steps li.done { color: #334155; }
.rk-ov-steps li.done::before { background: var(--rk-c, #0068BD); border-color: var(--rk-c, #0068BD); }
.rk-ov.is-error .rk-ov-steps { display: none; }
.rk-ov-note { margin: 0; font-size: 13.5px; line-height: 1.55; color: #5b6475; }
.rk-ov.is-error .rk-ov-note { color: #b42318; font-size: 14.5px; }
.rk-ov-back { width: 100%; margin-top: 16px; }

/* Selesai (paket direview) */
.rk-done { background: #fff; border: 1px solid var(--rk-line); border-radius: 18px; padding: 30px 20px 22px; text-align: center; }
.rk-done-ic { width: 60px; height: 60px; margin: 0 auto 14px; border-radius: 50%; background: #e7f6ee; color: #11683d; display: flex; align-items: center; justify-content: center; }
.rk-done-title { margin: 0 0 6px !important; font-family: inherit !important; font-size: 24px !important; font-weight: 800 !important; line-height: 1.25 !important; color: var(--rk-ink) !important; }
.rk-done-lead { margin: 0 auto 18px; max-width: 46ch; font-size: 15px; font-weight: 600; color: var(--rk-muted); }
.rk-next { list-style: none; margin: 0 0 18px; padding: 0; display: flex; flex-direction: column; gap: 10px; text-align: left; }
.rk-next li { display: flex; gap: 12px; padding: 12px 14px; border-radius: 12px; background: var(--rk-soft); font-size: 14px; line-height: 1.5; }
.rk-next li > span { width: 34px; height: 34px; border-radius: 10px; background: #fff; color: var(--rk-c); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.rk-next b { display: block; color: var(--rk-ink); }
.rk-done-meta { margin: 0 0 14px; font-size: 13px; color: var(--rk-muted); }

@media (prefers-reduced-motion: reduce) { .rk *, .rk-ov * { transition: none !important; animation-duration: 2.5s !important; } }

/* ===== Pengaman dari gaya tema (daftar, tautan, judul) ===== */
.rk .rk-steps, .rk .rk-pkgs, .rk .rk-banks, .rk .rk-next, .rk-ov .rk-ov-steps {
	list-style: none !important; margin-left: 0 !important; margin-right: 0 !important; padding: 0 !important;
}
.rk .rk-steps { margin-top: 14px !important; margin-bottom: 0 !important; }
.rk .rk-steps li, .rk .rk-banks li, .rk .rk-next li, .rk-ov .rk-ov-steps li {
	list-style: none !important; margin: 0 !important; background-image: none !important;
}
.rk .rk-banks li, .rk .rk-next li { margin: 0 !important; }
.rk .rk-steps li::marker, .rk .rk-banks li::marker, .rk .rk-next li::marker, .rk-ov .rk-ov-steps li::marker { content: none !important; }
.rk .rk-steps li::before, .rk .rk-steps li::after, .rk .rk-banks li::before, .rk .rk-next li::before { content: none !important; display: none !important; }
.rk .rk-hero .rk-steps li a { color: #fff !important; background: rgba(255,255,255,.16); opacity: 1 !important; border: 0 !important; box-shadow: none !important; }
.rk .rk-hero .rk-steps li.is-now a { color: var(--rk-c) !important; background: #fff; }
.rk .rk-hero .rk-steps li a b { color: #fff !important; }
.rk .rk-hero .rk-steps li.is-now a b { color: #fff !important; background: var(--rk-c); }
.rk .rk-hero .rk-steps li.is-done a b { color: var(--rk-c) !important; background: #fff; }
.rk .rk-hero, .rk .rk-hero p, .rk .rk-hero .rk-pkg:not(.is-on) { color: #fff; }
.rk .rk-hero .rk-pkg.is-on, .rk .rk-hero .rk-pkg.is-on .rk-pkg-name { color: var(--rk-ink) !important; }
.rk .rk-hero .rk-pkg:not(.is-on) .rk-pkg-name, .rk .rk-hero .rk-pkg:not(.is-on) .rk-pkg-desc, .rk .rk-hero .rk-pkg:not(.is-on) .rk-pkg-price { color: #fff !important; }
.rk .rk-rules-body ol { list-style: decimal !important; margin: 0 0 12px !important; padding-left: 20px !important; }
.rk .rk-rules-body ol li { list-style: decimal !important; margin: 0 0 6px !important; padding: 0 !important; }
.rk .rk-rules-body ol li::before { content: none !important; display: none !important; }
.rk p { margin-left: 0; margin-right: 0; }
.rk .rk-hero > *:last-child { margin-bottom: 0 !important; }
.rk .rk-eyebrow { margin: 0 0 6px !important; }
.rk .rk-lead { margin: 0 0 18px !important; }
.rk .rk-hint, .rk .rk-err { margin: 6px 0 0 !important; }
.rk .rk-pay p, .rk .rk-import p, .rk .rk-done p, .rk .rk-submit-note { margin-top: 0 !important; margin-bottom: 0 !important; }
.rk .rk-rules-body p { margin: 0 0 10px !important; }
.rk .rk-field > label, .rk .rk-label { margin: 0 0 6px !important; }

/* Mode perbaikan */
.rk .rk-edit-meta { margin: 12px 0 0 !important; display: inline-block; padding: 6px 12px; border-radius: 99px; background: rgba(255,255,255,.16); font-size: 13px; font-weight: 600; color: #fff; }
.rk .rk-hero .rk-lead b { color: #fff; }
.rk .rk-done .rk-btn-line { margin-top: 4px; }

/* ---------- Pratinjau ---------- */
.rk-pv-btn { width: 100%; margin-top: 18px; min-height: 52px; }
.rk-pv-btn + .rk-submit { margin-top: 10px; }
.rk .rk-pv-link { display: inline-flex !important; align-items: center; gap: 6px; margin: 12px 0 0 !important; padding: 6px 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; font: inherit; font-size: 14.5px !important; font-weight: 600; color: var(--rk-muted) !important; cursor: pointer; text-transform: none !important; letter-spacing: 0 !important; }
.rk .rk-pv-link u { color: var(--rk-c); text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
.rk .rk-pv-link svg { color: var(--rk-c); }

.rk-pv[hidden] { display: none !important; }
.rk-pv { position: fixed; inset: 0; z-index: 2147482999; display: flex; justify-content: center; align-items: stretch; background: rgba(10,22,42,.62); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
	--rk-ink: #0f172a; --rk-text: #334155; --rk-muted: #5b6475; --rk-line: #e3e7ee;
	font-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; -webkit-font-smoothing: antialiased; text-align: left; }
.rk-pv *, .rk-pv *::before, .rk-pv *::after { box-sizing: border-box; }
.rk-pv-panel { position: relative; display: flex; flex-direction: column; width: 100%; max-width: 780px; height: 100%; background: #fff; animation: rkPvIn .22s ease-out; }
@media (min-width: 820px) { .rk-pv { padding: 28px 20px; } .rk-pv-panel { border-radius: 20px; overflow: hidden; box-shadow: 0 30px 80px rgba(0,0,0,.35); } }
@keyframes rkPvIn { from { transform: translateY(18px); opacity: 0; } to { transform: none; opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .rk-pv-panel { animation: none; } }

.rk-pv-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 12px 12px 18px; border-bottom: 1px solid var(--rk-line); background: #fff; flex-shrink: 0; }
.rk-pv-top-t { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.rk-pv-top-t b { font-size: 16px; font-weight: 800; color: var(--rk-ink); }
.rk-pv-top-t span { font-size: 12.5px; color: var(--rk-muted); }
.rk-pv .rk-pv-x { display: flex !important; align-items: center; justify-content: center; width: 44px; height: 44px; min-height: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 12px; background: #f1f4f8 !important; color: var(--rk-ink) !important; cursor: pointer; box-shadow: none !important; }

.rk-pv-scroll { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; padding: 18px 18px 28px; }
@media (min-width: 600px) { .rk-pv-scroll { padding: 26px 40px 36px; } }

/* catatan di atas artikel */
.rk-pv-status:empty { display: none; }
.rk-pv-status { display: grid; gap: 10px; margin: 0 0 22px; }
.rk-pv-note { border-radius: 14px; padding: 13px 15px; font-size: 14.5px; line-height: 1.5; color: var(--rk-ink); }
.rk-pv .rk-pv-note-h { display: flex; align-items: flex-start; gap: 8px; margin: 0 !important; padding: 0 !important; font-weight: 700; font-size: 14.5px; line-height: 1.45; }
.rk-pv-note-h svg { flex-shrink: 0; margin-top: 1px; }
.rk-pv .rk-pv-note ul { margin: 8px 0 0 !important; padding: 0 0 0 26px !important; list-style: disc !important; }
.rk-pv .rk-pv-note li { margin: 3px 0 !important; padding: 0 !important; font-size: 14px; line-height: 1.5; color: var(--rk-text); list-style: disc !important; background: none !important; }
.rk-pv .rk-pv-note li::before { content: none !important; display: none !important; }
.rk-pv-note.is-fix { background: #eef5fc; } .rk-pv-note.is-fix .rk-pv-note-h { color: #08467d; }
.rk-pv-note.is-ok { background: #ecf8f1; } .rk-pv-note.is-ok .rk-pv-note-h { color: #0b6a3a; }
.rk-pv-note.is-err { background: #fdf0ee; } .rk-pv-note.is-err .rk-pv-note-h { color: #b42318; }
.rk-pv-note.is-tip { background: #fff8e8; } .rk-pv-note.is-tip .rk-pv-note-h { color: #7a4a00; }
.rk-pv-note.is-todo { background: #f4f6f9; } .rk-pv-note.is-todo .rk-pv-note-h { color: #334155; font-weight: 600; }

/* artikel */
.rk-pv-art { color: #1f2937; font-size: 17px; line-height: 1.75; overflow-wrap: anywhere; }
.rk-pv .rk-pv-cat { display: inline-block; margin: 0 0 10px !important; padding: 4px 10px !important; border-radius: 99px; background: color-mix(in srgb, var(--rk-c) 12%, #fff); color: var(--rk-c) !important; font-size: 12px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; line-height: 1.4; }
.rk-pv .rk-pv-title { margin: 0 0 10px !important; padding: 0 !important; border: 0 !important; font-family: inherit !important; font-size: clamp(24px, 6vw, 32px) !important; font-weight: 800 !important; line-height: 1.22 !important; letter-spacing: -.015em !important; color: var(--rk-ink) !important; text-transform: none !important; }
.rk-pv .rk-pv-meta { margin: 0 0 20px !important; padding: 0 0 16px !important; border-bottom: 1px solid var(--rk-line); font-size: 14px; color: var(--rk-muted); line-height: 1.5; }
.rk-pv .rk-pv-meta b { color: var(--rk-ink); font-weight: 700; }
.rk-pv .rk-pv-feat { margin: 0 0 22px !important; padding: 0 !important; }
.rk-pv .rk-pv-feat img { display: block; width: 100% !important; max-width: 100% !important; height: auto !important; border-radius: 12px; margin: 0 !important; }
.rk-pv .rk-pv-body > * { max-width: 100%; }
.rk-pv .rk-pv-body p { margin: 0 0 1.1em !important; padding: 0 !important; font-size: 17px !important; line-height: 1.75 !important; color: #1f2937 !important; text-align: left; }
.rk-pv .rk-pv-body h2, .rk-pv .rk-pv-body h3, .rk-pv .rk-pv-body h4 { margin: 1.5em 0 .5em !important; padding: 0 !important; font-family: inherit !important; font-weight: 800 !important; line-height: 1.3 !important; color: var(--rk-ink) !important; text-transform: none !important; border: 0 !important; }
.rk-pv .rk-pv-body h2 { font-size: 22px !important; } .rk-pv .rk-pv-body h3 { font-size: 19px !important; } .rk-pv .rk-pv-body h4 { font-size: 17px !important; }
.rk-pv .rk-pv-body strong, .rk-pv .rk-pv-body b { font-weight: 800; color: var(--rk-ink); }
.rk-pv .rk-pv-body a { color: var(--rk-c) !important; text-decoration: underline !important; text-underline-offset: 2px; }
.rk-pv .rk-pv-body ul, .rk-pv .rk-pv-body ol { margin: 0 0 1.1em !important; padding: 0 0 0 1.4em !important; }
.rk-pv .rk-pv-body ul li { list-style: disc !important; } .rk-pv .rk-pv-body ol li { list-style: decimal !important; }
.rk-pv .rk-pv-body li { margin: 0 0 .35em !important; padding: 0 !important; font-size: 17px; line-height: 1.7; background: none !important; }
.rk-pv .rk-pv-body li::before { content: none !important; }
.rk-pv .rk-pv-body blockquote { margin: 1.2em 0 !important; padding: 4px 0 4px 16px !important; border: 0 !important; border-left: 4px solid var(--rk-c) !important; background: none !important; font-style: italic; color: #334155; }
.rk-pv .rk-pv-body img { display: block; max-width: 100% !important; height: auto !important; margin: 0 auto !important; border-radius: 10px; }
.rk-pv .rk-pv-body figure { margin: 1.4em 0 !important; padding: 0 !important; max-width: 100% !important; width: auto !important; }
.rk-pv .rk-pv-body figcaption, .rk-pv .rk-pv-body .wp-caption-text { margin: 8px 0 0 !important; padding: 0 !important; font-size: 13.5px !important; line-height: 1.5 !important; color: var(--rk-muted) !important; text-align: center; font-style: normal; }
.rk-pv .rk-pv-body table { width: 100%; border-collapse: collapse; margin: 0 0 1.1em; font-size: 15px; display: block; overflow-x: auto; }
.rk-pv .rk-pv-body td, .rk-pv .rk-pv-body th { border: 1px solid var(--rk-line); padding: 6px 8px; }
.rk-pv .rk-author { font-family: inherit; }

/* kerangka saat memuat */
.rk-pv-skel i { display: block; height: 14px; margin: 0 0 12px; border-radius: 6px; background: linear-gradient(90deg, #eef1f5 25%, #f7f9fb 50%, #eef1f5 75%); background-size: 200% 100%; animation: rkSkel 1.2s linear infinite; }
.rk-pv-skel i.is-h { height: 26px; }
@keyframes rkSkel { from { background-position: 200% 0; } to { background-position: -200% 0; } }

/* tombol bawah */
.rk-pv-bar { display: flex; gap: 10px; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--rk-line); background: #fff; flex-shrink: 0; }
.rk-pv-bar .rk-btn, .rk-pv-bar .rk-btn-line { min-height: 50px; margin: 0 !important; font-family: inherit; font-size: 15px; text-transform: none !important; letter-spacing: 0 !important; }
.rk-pv-bar .rk-btn-line { flex: 0 0 auto; padding: 0 16px !important; }
.rk-pv-bar .rk-btn { flex: 1; padding: 0 14px !important; font-weight: 800; }
.rk-pv-bar .rk-btn:disabled { opacity: .55; cursor: default; filter: none; }
.rk-pv .rk-pv-bar .rk-btn { background: var(--rk-c) !important; color: #fff !important; border: 0 !important; box-shadow: none !important; }
.rk-pv .rk-pv-bar .rk-btn-line { background: #fff !important; color: var(--rk-c) !important; border: 1.5px solid var(--rk-c) !important; box-shadow: none !important; }
.rk .rk-pv-btn { background: #fff !important; color: var(--rk-c) !important; border: 1.5px solid var(--rk-c) !important; box-shadow: none !important; text-transform: none !important; }
.rk-pv details.rk-pv-note > summary { cursor: pointer; list-style: none !important; align-items: center; }
.rk-pv details.rk-pv-note > summary::-webkit-details-marker { display: none; }
.rk-pv details.rk-pv-note > summary span { flex: 1; }
.rk-pv details.rk-pv-note > summary em { font-style: normal; font-size: 13.5px; font-weight: 700; color: var(--rk-c); padding: 2px 0 2px 10px; white-space: nowrap; }
.rk-pv details.rk-pv-note > summary em::after { content: ' ▾'; }
.rk-pv details.rk-pv-note[open] > summary em { font-size: 0; }
.rk-pv details.rk-pv-note[open] > summary em::after { content: 'Tutup ▴'; font-size: 13.5px; }
.rk-pv .rk-pv-meta span { white-space: nowrap; }
/* kunci dari CSS tema */
.rk-pv p, .rk-pv li, .rk-pv span, .rk-pv b, .rk-pv strong, .rk-pv em, .rk-pv a, .rk-pv h1, .rk-pv h2, .rk-pv h3, .rk-pv h4, .rk-pv figcaption, .rk-pv summary, .rk-pv blockquote, .rk-pv button { font-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important; }
.rk-pv .rk-pv-meta, .rk-pv .rk-pv-meta * { font-size: 14px !important; }
.rk-pv img { border: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; float: none !important; }
.rk-pv .rk-pv-body figcaption { display: block !important; }
.rk-pv .rk-pv-body h1, .rk-pv .rk-pv-body h2, .rk-pv .rk-pv-body h3, .rk-pv .rk-pv-title { text-transform: none !important; border: 0 !important; }
.rk-pv .rk-author { float: none !important; width: auto !important; max-width: none !important; }
.rk-pv .rk-author-pic img { border-radius: 50% !important; width: 64px !important; height: 64px !important; max-width: none !important; object-fit: cover !important; object-position: 50% 25% !important; aspect-ratio: 1/1; }
/* 1.4.1: kolom unggah tersembunyi tidak boleh "meluber" menutupi tombol lain bila tema mengubah position */
.rk .rk-drop, .rk .rk-btn, .rk .rk-btn-line { position: relative !important; }
.rk .rk-submit.is-busy { opacity: .75; }
.rk .rk-general { font-weight: 600; }
.rk .rk-qris-box { display: flex; flex-direction: column; align-items: center; gap: 10px; width: 100%; }
/* keterangan gambar utama (opini) */
.rk .rk-cap { display: block !important; margin: 10px 0 0 !important; }
.rk .rk-cap-l { display: block; margin: 0 0 6px; font-size: 14px; font-weight: 600; color: var(--rk-ink); }
.rk-pv .rk-pv-feat figcaption { margin: 8px 0 0 !important; padding: 0 !important; font-size: 13.5px !important; line-height: 1.5 !important; color: #6b7280 !important; text-align: left; font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important; }

/* keterangan foto sisipan */
.rk-photo-cap { display: flex; gap: 12px; align-items: flex-start; margin: 10px 0 4px; padding: 12px; border: 1.5px solid color-mix(in srgb, var(--rk-c) 35%, #e5e7eb); border-radius: 14px; background: color-mix(in srgb, var(--rk-c) 5%, #fff); }
.rk-photo-cap[hidden] { display: none; }
.rk-photo-cap-img { width: 84px; height: 84px; flex-shrink: 0; border-radius: 10px; object-fit: cover; background: #e5e7eb; }
.rk-photo-cap-in { flex: 1; min-width: 0; }
.rk-photo-cap-in label { display: block; font-weight: 700; font-size: 14.5px; margin: 0 0 6px; }
.rk-photo-cap-in label small { font-weight: 500; color: #6b7280; }
.rk-photo-cap-in input { width: 100%; }
.rk-photo-cap-st { margin: 6px 0 0; font-size: 13px; color: #6b7280; }
.rk-photo-cap-st.is-ok { color: #15803d; }
.rk-photo-cap-act { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; }
.rk-photo-cap-act .rk-btn, .rk-photo-cap-act .rk-btn-line { white-space: nowrap; padding: 0 16px; }
.rk-photo-cap-act .rk-btn[disabled] { opacity: .5; pointer-events: none; }
@media (max-width: 480px) { .rk-photo-cap { flex-direction: column; } .rk-photo-cap-img { width: 100%; height: 160px; } .rk-photo-cap-act .rk-btn, .rk-photo-cap-act .rk-btn-line { flex: 1; } }

/* cek keterangan foto setelah impor Word */
.rk-cap-review { margin: 10px 0 4px; padding: 14px; border: 1.5px solid color-mix(in srgb, var(--rk-c) 35%, #e5e7eb); border-radius: 14px; background: color-mix(in srgb, var(--rk-c) 5%, #fff); }
.rk-cap-review-h { margin: 0 0 10px; font-size: 14.5px; line-height: 1.5; }
.rk-cap-row { display: flex; gap: 12px; align-items: center; padding: 8px 0; border-top: 1px solid #e5e7eb; }
.rk-cap-row img { width: 72px; height: 54px; flex-shrink: 0; border-radius: 8px; object-fit: cover; background: #e5e7eb; }
.rk-cap-row label { flex: 1; min-width: 0; margin: 0; }
.rk-cap-row label span { display: block; font-weight: 700; font-size: 13px; margin-bottom: 4px; color: #374151; }
.rk-cap-row textarea { width: 100%; min-height: 0; resize: vertical; font: inherit; font-size: 15px; line-height: 1.45; padding: 8px 12px; border-radius: 10px; }
.rk-cap-row { align-items: flex-start; }
.rk-cap-row img { margin-top: 22px; }
@media (max-width: 480px) { .rk-cap-row { flex-direction: column; gap: 8px; } .rk-cap-row img { width: 100%; height: 150px; margin-top: 0; } .rk-cap-row label { width: 100%; } }
.rk-cap-row textarea { overflow: hidden; }

/* tambahan LoA + Invoice */
.rk .rk-addon { display: flex; gap: 12px; align-items: flex-start; margin: 0 0 14px; padding: 14px 16px; border: 1.5px dashed color-mix(in srgb, var(--rk-c) 45%, #cbd5e1); border-radius: 14px; background: #fff; cursor: pointer; transition: border-color .15s, background .15s, box-shadow .15s; }
.rk .rk-addon input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.rk .rk-addon-box { flex-shrink: 0; width: 24px; height: 24px; margin-top: 1px; border: 2px solid #94a3b8; border-radius: 7px; display: flex; align-items: center; justify-content: center; color: transparent; background: #fff; transition: all .15s; }
.rk .rk-addon.is-on { border-style: solid; border-color: var(--rk-c); background: color-mix(in srgb, var(--rk-c) 6%, #fff); box-shadow: 0 0 0 3px color-mix(in srgb, var(--rk-c) 14%, transparent); }
.rk .rk-addon.is-on .rk-addon-box { background: var(--rk-c); border-color: var(--rk-c); color: #fff; }
.rk .rk-addon input:focus-visible + .rk-addon-box { outline: 3px solid color-mix(in srgb, var(--rk-c) 40%, transparent); outline-offset: 2px; }
.rk .rk-addon-txt { display: block; flex: 1; min-width: 0; }
.rk .rk-addon-top { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; flex-wrap: wrap; font-size: 16px; line-height: 1.35; color: #0f172a; }
.rk .rk-addon-top b { font-weight: 800; }
.rk .rk-addon-price { font-weight: 800; color: var(--rk-c); white-space: nowrap; }
.rk .rk-addon-desc { display: block; margin-top: 4px; font-size: 14px; line-height: 1.5; color: #475569; }
.rk .rk-addon-off { display: block; margin-top: 4px; font-size: 13px; line-height: 1.5; color: #64748b; }
.rk .rk-addon.is-on .rk-addon-off { display: none; }
.rk .rk-pay-sum { align-self: stretch; margin-top: -6px !important; font-size: 13.5px; color: #475569; text-align: right; }
.rk .rk-pay-noqr { align-self: stretch; text-align: left; padding: 12px 14px; border-radius: 10px; background: #fff7e6; color: #7a4b00; font-size: 14.5px; line-height: 1.5; }
.rk .rk-pay-noqr[hidden], .rk .rk-pay-sum[hidden] { display: none; }

/* gambar utama saat ini (halaman perbaikan) */
.rk-feat-now{margin:0 0 10px;border:1px solid var(--rk-line,#e2e8f0);border-radius:12px;overflow:hidden;background:#f8fafc}
.rk-feat-now img{display:block;width:100%;max-height:260px;object-fit:contain;background:#eef2f7}
.rk-feat-now figcaption{padding:8px 12px;font-size:13px;color:#64748b;line-height:1.4}

.rk-pay-sum{text-wrap:balance}