/* Jetonomy Dictio Shim: kartu feed / forum / Q&A + grid gambar + lightbox + composer Quill */

.jtds-card {
	--jtds-ink: #111;
	--jtds-mute: #6b7280;
	--jtds-line: #e8e8e8;
	--jtds-accent: #4a76b5;
	--jtds-link: #4a76b5;
	--jtds-link-hover: #35609f;
	--jtds-card: #fff;
	--jtds-soft: #f6f7f9;
	--jtds-ok-bg: #f0faf4;
	--jtds-blue: #cddcf3;
	--jtds-blue-bg: #f3f7fd;
	--jtds-blue-ink: #3f5f94;

	box-sizing: border-box;
	display: block;
	background: var(--jtds-card);
	border: 1px solid var(--jtds-line);
	border-radius: 14px;
	overflow: hidden;
	padding: 14px 0 0;
	margin: 0 0 10px;
	color: var(--jtds-ink);
}
.jtds-card *, .jtds-card *::before, .jtds-card *::after { box-sizing: border-box; }
.jtds-card a { color: inherit; text-decoration: none; }

/* Header */
.jtds-card .jtds-head { display: flex; align-items: center; gap: 10px; padding: 0 14px; }
.jtds-card .jtds-meta { min-width: 0; flex: 1; }
.jtds-card .jtds-name-row { font-size: 14px; font-weight: 700; line-height: 1.25; letter-spacing: 0; }
.jtds-card .jtds-name { color: var(--jtds-ink); }
.jtds-card .jtds-sub { font-size: 12.5px; color: var(--jtds-mute); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.jtds-card .jtds-sub a:hover { text-decoration: underline; }

/* Teks */
.jtds-card .jtds-title { margin: 12px 14px 0; padding: 0; font-size: 19px; font-weight: 700; line-height: 1.28; letter-spacing: -.012em; color: #0b1220; text-wrap: balance; }
.jtds-card .jtds-title a:hover { text-decoration: underline; }
.jtds-card .jtds-excerpt { margin: 6px 14px 0; padding: 0; font-size: 15px; line-height: 1.55; color: #475569; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.jtds-card.is-poem .jtds-excerpt { display: block; -webkit-line-clamp: unset; white-space: pre-line; font-style: italic; overflow: visible; }
.jtds-card .jtds-body { margin: 10px 14px 0; padding: 0; font-size: 16px; line-height: 1.6; overflow-wrap: anywhere; }
.jtds-card .jtds-body > :first-child { margin-top: 0; }
.jtds-card .jtds-body > :last-child { margin-bottom: 0; }
.jtds-card .jtds-body.is-clamped { display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; }
.jtds-card .jtds-readmore { display: inline-block; margin: 4px 14px 0; font-size: 14px; font-weight: 600; color: var(--jtds-accent) !important; }

/* Grid gambar (maks. 4 sel) */
.jtds-card .jtds-grid { display: grid; width: auto; max-width: none; gap: 2px; margin: 12px 0 0; padding: 0; border-radius: 0; overflow: hidden; background: #fff; }
.jtds-card .jtds-cell { position: relative; padding: 0; margin: 0; border: 0; background: #e5e7eb; cursor: zoom-in; min-width: 0; min-height: 0; display: block; font: inherit; }
.jtds-card .jtds-cell img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.jtds-card .jtds-grid--1 { grid-template-columns: 1fr; aspect-ratio: 16 / 10; height: auto; max-height: 70vh; }
.jtds-card .jtds-grid--2 { grid-template-columns: 1fr 1fr; height: 220px; }
.jtds-card .jtds-grid--3 { grid-template-columns: 3fr 2fr; grid-template-rows: 1fr 1fr; height: 280px; }
.jtds-card .jtds-grid--3 .jtds-cell:first-child { grid-row: 1 / span 2; }
.jtds-card .jtds-grid--4 { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; height: 300px; }
.jtds-card .jtds-more { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(17, 17, 17, .55); color: #fff; font-size: 24px; font-weight: 700; }
.jtds-card .jtds-grid--inset { margin: 10px 0 0; border-radius: 12px; }
@media (min-width: 640px) {
	.jtds-card .jtds-grid--2 { height: 280px; }
	.jtds-card .jtds-grid--3 { height: 340px; }
	.jtds-card .jtds-grid--4 { height: 360px; }
}

/* Aksi */
.jtds-card .jtds-actions { display: flex; align-items: center; padding: 4px 6px 6px; flex-wrap: wrap; }
.jtds-card .jtds-act { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 10px; font: inherit; font-size: 13px; font-weight: 600; color: var(--jtds-mute); background: none; border: 0; border-radius: 10px; cursor: pointer; text-decoration: none; }
.jtds-card .jtds-act:hover { background: #f4f4f4; }
.jtds-card .jtds-act.voted, .jtds-card .jtds-act.bookmarked { color: var(--jtds-accent); }
.jtds-card .jtds-act .n { transition: transform .15s; }
.jtds-card .jtds-act--icon { padding: 0 8px; }
.jtds-card .jtds-act--end { margin-left: auto; }
.jtds-card .jtds-more-link { margin-left: auto; padding: 0 8px; font-size: 12px; font-weight: 600; color: var(--jtds-accent) !important; }
.jtds-card .jtds-more-link + .jtds-act--end { margin-left: 0; }

/* Pill & chip */
.jtds-card .jtds-pill { display: inline-flex; align-items: center; gap: 4px; margin: 10px 14px 0; padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 700; }
.jtds-card .jtds-pill--ok { background: #d1fae5; color: #065f46; }
.jtds-card .jtds-pill--grey { background: #e5e7eb; color: #4b5563; }
.jtds-card .jtds-pill--warn { background: #fef3c7; color: #92400e; }
.jtds-card .jtds-chip { display: inline-block; margin: 10px 14px 0; padding: 3px 10px; border-radius: 999px; background: #e6eefb; color: #3f5f94; font-size: 11px; font-weight: 600; }
.jtds-card .jtds-tag { margin-left: 6px; padding: 1px 8px; border-radius: 999px; background: #e5e7eb; color: #4b5563; font-size: 11px; font-weight: 600; }
.jtds-card .jtds-tag--ok { background: #d1fae5; color: #065f46; }

/* Q&A: jawaban terbaik di kotak lembut, tanpa garis penghubung */
.jtds-card .jtds-answer { margin: 12px 10px 0; padding: 12px; background: var(--jtds-soft); border-radius: 12px; }
.jtds-card .jtds-answer.is-accepted { background: var(--jtds-ok-bg); }
.jtds-card .jtds-answer-head { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; }
.jtds-card .jtds-answer-text { margin: 8px 0 0; font-size: 14px; line-height: 1.5; color: #1f2937; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* Forum: balasan terbaik */
.jtds-card .jtds-bubble { display: flex; align-items: flex-start; gap: 10px; margin: 12px 14px 0; padding: 10px 12px; border: 1px solid var(--jtds-blue); background: var(--jtds-blue-bg); border-radius: 12px; color: var(--jtds-blue-ink) !important; }
.jtds-card .jtds-bubble-body { flex: 1; min-width: 0; display: block; }
.jtds-card .jtds-bubble-who { display: block; font-size: 12px; font-weight: 700; margin-bottom: 2px; }
.jtds-card .jtds-bubble-text { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 13px; line-height: 1.45; }
.jtds-card .jtds-bubble-thumb { width: 56px; height: 56px; flex: none; border-radius: 8px; object-fit: cover; }

/* Forum: footer */
.jtds-card .jtds-foot { display: flex; align-items: center; gap: 8px; padding: 12px 14px 14px; }
.jtds-card .jtds-foot-note { flex: 1; min-width: 0; font-size: 12px; color: var(--jtds-mute); }
.jtds-card .jtds-stack { display: inline-flex; }
.jtds-card .jtds-stack > * { margin-left: -6px; border: 2px solid #fff; border-radius: 50%; }
.jtds-card .jtds-stack > *:first-child { margin-left: 0; }
.jtds-card .jtds-btn { display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px; border: 1px solid #bfd2f0; border-radius: 999px; background: #fff; color: #3f5f94 !important; font-size: 13px; font-weight: 600; }
.jtds-card--forum.is-empty { border-style: dashed; border-color: #c7c7c7; }
.jtds-card--forum.is-empty .jtds-foot-note { font-weight: 600; color: var(--jtds-accent); }

/* Daftar bersih */
.jt-topics > .jtds-card:last-child { margin-bottom: 0; }

/* Lightbox */
.jtds-lb { position: fixed; inset: 0; z-index: 100000; background: rgba(0, 0, 0, .92); display: flex; align-items: center; justify-content: center; touch-action: pan-y; }
.jtds-lb img { max-width: 100%; max-height: 100%; object-fit: contain; user-select: none; -webkit-user-drag: none; }
.jtds-lb button { position: absolute; width: 44px; height: 44px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .16); color: #fff; font-size: 22px; line-height: 1; cursor: pointer; }
.jtds-lb-close { top: 12px; right: 12px; }
.jtds-lb-prev { left: 8px; top: 50%; transform: translateY(-50%); }
.jtds-lb-next { right: 8px; top: 50%; transform: translateY(-50%); }
.jtds-lb-count { position: absolute; top: 20px; left: 16px; color: #fff; font-size: 13px; font-weight: 600; }
body.jtds-lb-open { overflow: hidden; }

/* Composer Quill (pure JS bridge) */
.jtds-quill { margin: 0; }
.jtds-quill .ql-toolbar.ql-snow { border: 0; border-bottom: 1px solid var(--jtds-line, #e8e8e8); padding: 6px 8px; }
.jtds-quill .ql-container.ql-snow { border: 0; font-family: inherit; font-size: 15px; }
.jtds-quill .ql-editor { min-height: 120px; padding: 12px; line-height: 1.55; }
.jtds-quill .ql-editor img { max-width: 100%; height: auto; border-radius: 8px; }
.jtds-quill .jtds-uploading { opacity: .5; pointer-events: none; }

/* Edit inline (post & balasan) */
.jt-post-editor .jtds-quill, .jt-reply-editor .jtds-quill { border: 1px solid #e8e8e8; border-radius: 10px; overflow: hidden; background: #fff; }
.jt-post-editor .jtds-quill .ql-editor, .jt-reply-editor .jtds-quill .ql-editor { min-height: 100px; }

.jtds-card .jtds-btn:hover { background: #eef4fc; }

/* Warna tautan: biru pastel lembut (menggantikan merah dari theme) */
.jt-app .jt-post-body a:not(.jt-btn):not(.jtds-btn),
.jt-app .jt-reply-body a:not(.jt-btn):not(.jtds-btn),
.jtds-card .jtds-body a:not(.jtds-btn) { color: #4a76b5 !important; text-decoration-line: underline; text-decoration-color: rgba(74, 118, 181, .35); text-underline-offset: 2px; }
.jt-app .jt-post-body a:not(.jt-btn):not(.jtds-btn):hover,
.jt-app .jt-reply-body a:not(.jt-btn):not(.jtds-btn):hover,
.jtds-card .jtds-body a:not(.jtds-btn):hover { color: #35609f !important; text-decoration-color: currentColor; }
.jt-app .jt-tag-link { color: #4a76b5 !important; }

/* Edit inline: judul & tag */
.jtds-field { margin: 0 0 10px; }
.jtds-field-label { display: block; margin: 0 0 4px; font-size: 12.5px; font-weight: 700; color: #374151; }
.jtds-field-label span { font-weight: 400; color: #6b7280; }
.jtds-field .jt-input { width: 100%; box-sizing: border-box; padding: 9px 12px; font: inherit; font-size: 15px; border: 1px solid #e8e8e8; border-radius: 10px; background: #fff; }
.jtds-field .jt-input:focus { outline: 0; border-color: #bfd2f0; box-shadow: 0 0 0 3px #e6eefb; }
.jtds-field + .jtds-quill, .jtds-quill + .jtds-field { margin-top: 10px; }
.jtds-title-input { font-weight: 700; }

/* Toolbar sederhana pada editor bawaan */
.jtds-simplebar { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; margin: 0 0 6px; }
.jtds-simplebar button { min-width: 36px; height: 34px; padding: 0 8px; font: inherit; font-size: 14px; color: #475569; background: #f4f6f9; border: 0; border-radius: 8px; cursor: pointer; }
.jtds-simplebar button:hover { background: #e6eefb; color: #3f5f94; }
.jtds-simplebar-note { margin-left: auto; font-size: 11.5px; color: #6b7280; }

/* Subjudul (H3): sengaja kecil, bukan tulisan besar */
.jt-app .jt-post-body h3, .jt-app .jt-reply-body h3, .jtds-card .jtds-body h3, .jtds-quill .ql-editor h3 { margin: 1.1em 0 .4em; font-size: 1.06em; font-weight: 700; line-height: 1.4; letter-spacing: 0; }

/* Teks: rata kiri di HP (lebih nyaman dibaca), rata kanan-kiri (justify) hanya di layar lebar */
.jt-app .jt-post-body, .jt-app .jt-reply-body, .jtds-card .jtds-body, .jtds-card .jtds-excerpt {
	text-align: left; -webkit-hyphens: none; hyphens: none; overflow-wrap: break-word;
}
@media (min-width: 900px) {
	.jt-app .jt-post-body, .jt-app .jt-reply-body, .jtds-card .jtds-body, .jtds-card .jtds-excerpt { text-align: justify; text-justify: inter-word; }
	.jt-app .jt-post-body :is(h1, h2, h3, h4, h5, h6, pre, figcaption, code),
	.jt-app .jt-reply-body :is(h1, h2, h3, h4, h5, h6, pre, figcaption, code),
	.jtds-card .jtds-body :is(h1, h2, h3, h4, h5, h6, pre, code),
	.jtds-quill .ql-editor :is(h1, h2, h3, pre) { text-align: left; }
	.jtds-card.is-poem .jtds-excerpt { text-align: left; }
}

/* Pemilih warna */
.jtds-quill .ql-toolbar .ql-color-picker .ql-picker-options { width: 168px; padding: 6px; }
.jtds-quill .ql-toolbar .ql-color-picker .ql-picker-item { width: 20px; height: 20px; margin: 2px; border-radius: 50%; }
.jtds-swatches { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 6px; }
.jtds-swatches[hidden] { display: none; }
.jtds-swatches button { width: 26px; height: 26px; padding: 0; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 0 1px #d6dbe3; cursor: pointer; }
.jtds-swatches .is-reset { background: #fff; color: #6b7280; font-size: 15px; line-height: 1; }

/* Puisi (terdeteksi otomatis oleh dictio-cards.js): tetap rata kiri */
.jt-app .jtds-left, .jtds-card .jtds-left { text-align: left !important; -webkit-hyphens: manual !important; hyphens: manual !important; }

/* Puisi: baris rapat seperti di daftar post; baris kosong = jeda bait.
 * !important dipakai karena theme/Jetonomy memberi margin paragraf dengan selektor yang lebih spesifik. */
.jt-app .jtds-left p, .jtds-card .jtds-left p { margin: 0 !important; line-height: 1.75; }
.jt-app .jtds-left > div:not([class]) { margin: 0 !important; }
.jt-app .jtds-left p.jtds-gap, .jtds-card .jtds-left p.jtds-gap { min-height: 1.75em; }
.jt-app .jtds-left p.jtds-pimg, .jtds-card .jtds-left p.jtds-pimg { margin: 0 0 14px !important; }

/* Q&A: teks jawaban adalah tautan ke balasan, tetapi tampil sebagai teks biasa */
.jtds-card .jtds-answer-text a { color: inherit !important; text-decoration: none !important; }
.jtds-card .jtds-answer-text a:hover { text-decoration: none !important; }

/* Pertanyaan tanpa keterangan: tidak ada kotak isi kosong */
.jt-app .jt-post-body.jtds-empty { display: none; }

/* ==========================================================================
 * v0.5.0 - tampilan editorial: tanpa kotak, tipografi serif, header kategori ringkas
 * ========================================================================== */
.jt-app {
	--jt-accent: #4a76b5; --jt-accent-hover: #35609f; --jt-accent-muted: #eef4fc; --jt-accent-light: #f3f7fd;
	--jtds-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
}

/* Halaman posting (Q&A dan forum): kartu putih lembut, spasi konsisten, gaya media sosial modern */
.jt-app .jt-post {
	background: #fff !important; border: 1px solid #e8edf5 !important; border-radius: 18px !important;
	box-shadow: 0 1px 2px rgba(20,30,60,.04), 0 8px 24px rgba(20,30,60,.04) !important; margin-bottom: 16px;
}
.jt-app .jt-post-head { border-bottom: 0 !important; padding: 20px 20px 2px !important; gap: 12px; }
.jt-app .jt-post-head h1 { font-size: 22px; line-height: 1.3; font-weight: 800; letter-spacing: -.01em; color: #161c2b; }
.jt-app .jt-post-body { padding: 8px 20px 4px !important; font-size: 16.5px; line-height: 1.7; color: #232a3b; }
.jt-app .jt-post-tags { padding-inline: 20px !important; margin-block: 12px; }
.jt-app .jt-post-foot { padding: 8px 14px !important; border-top: 1px solid #eef1f6; }
.jt-app .jt-replies-head h2, .jt-app .jt-replies-head h3 { font-size: 17px; font-weight: 800; color: #161c2b; }

.jt-app .jt-reply {
	background: #fff !important; border: 1px solid #e8edf5 !important; border-radius: 16px !important;
	box-shadow: none !important; margin-bottom: 10px;
}
.jt-app .jt-reply .jt-reply-head, .jt-app .jt-reply.accepted .jt-reply-head, .jt-app .jt-reply:target > .jt-reply-head { background: transparent !important; padding: 14px 18px 0; }
.jt-app .jt-reply .jt-reply-body { padding: 6px 18px 4px !important; font-size: 16px; line-height: 1.7; color: #232a3b; }
.jt-app .jt-reply-foot { padding-inline: 12px; }
.jt-app .jt-reply.accepted { background: #f6fbf7 !important; border-color: #cfe5d7 !important; border-width: 1px !important; }
.jt-app .jt-accepted-tag { color: #3d7a55; }
.jt-app .jt-nested { border-left: 0; }
@media (max-width: 640px) {
	.jt-app .jt-post-head { padding: 16px 16px 2px !important; }
	.jt-app .jt-post-head h1 { font-size: 20px; }
	.jt-app .jt-post-body { padding: 8px 16px 4px !important; font-size: 16px; }
	.jt-app .jt-post-tags { padding-inline: 16px !important; }
	.jt-app .jt-reply .jt-reply-head { padding: 12px 14px 0; }
	.jt-app .jt-reply .jt-reply-body { padding: 6px 14px 4px !important; }
}

/* Filter berbentuk chip lembut */
.jt-app .jt-bar .jt-pills .jt-pill {
	border: 1px solid #cddcf3 !important; background: #fff !important; color: #3f5f94 !important;
	border-radius: 999px !important; padding: 6px 14px !important; font-size: 13.5px !important; box-shadow: none !important;
}
.jt-app .jt-bar .jt-pills .jt-pill.on, .jt-app .jt-bar .jt-pills .jt-pill.active { background: #eef4fc !important; font-weight: 600 !important; }

/* Header kategori: pita warna lembut (aktif setelah JS menyiapkan ikon info) */
.jtds-hdr .jt-space-cover {
	position: relative; overflow: hidden; background: #eef4fc !important; background-image: none !important;
	min-height: 0 !important; height: auto !important; margin: 0 !important; border-radius: 0 !important; box-shadow: none !important;
	padding: 16px 16px 6px !important;
}
.jtds-hdr .jt-space-cover img, .jtds-hdr .jt-space-cover::before, .jtds-hdr .jt-space-cover::after { display: none !important; }
.jtds-hdr .jt-space-cover__identity { position: relative; z-index: 1; display: flex; align-items: center; gap: 12px; }
.jtds-hdr .jt-space-emoji { width: 40px; height: 40px; border-radius: 50%; background: #fff !important; color: #4a76b5 !important; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: none !important; }
.jtds-hdr .jt-space-emoji svg { width: 21px; height: 21px; }
.jtds-hdr .jt-space-cover__title { margin: 0; font-family: var(--jtds-serif); font-size: 20px; line-height: 1.25; font-weight: 700; color: #161c2b !important; text-shadow: none !important; }
.jtds-hdr .jt-space-head { background: #eef4fc; margin: 0 !important; padding: 0 16px 14px !important; border: 0 !important; border-bottom: 1px solid #c4d4ec !important; border-radius: 0 !important; box-shadow: none !important; }
.jtds-hdr .jt-space-head__meta { display: none !important; }
.jtds-hdr .jt-num-val { font-family: var(--jtds-serif); font-size: 20px; font-weight: 700; color: #2c4a7c; }
.jtds-hdr .jt-num-lbl { font-size: 12px; color: #5d6b86; }
.jtds-watermark { position: absolute; right: -14px; bottom: -22px; width: 130px; height: 130px; color: #4a76b5; opacity: .09; pointer-events: none; z-index: 0; }
.jtds-watermark svg { width: 100%; height: 100%; stroke-width: 1.4; }
.jt-app .jtds-info { margin-left: auto; width: 34px; height: 34px; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: rgba(255,255,255,.7) !important; color: #3f5f94 !important; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.jtds-info svg { width: 18px; height: 18px; }

/* Tombol "ajukan pertanyaan" asli disembunyikan, diganti tombol melayang */
.jtds-ask-src { display: none !important; }
.jtds-fab {
	position: fixed; right: 16px; bottom: 20px; z-index: 9990; height: 48px; padding: 0 20px; border: 0; border-radius: 999px;
	background: #4a76b5; color: #fff; font: 600 15px/1 inherit; font-family: inherit; box-shadow: 0 6px 18px rgba(53,96,159,.35); cursor: pointer;
}
.jtds-fab:hover { background: #35609f; }

/* Lembar info kategori */
.jtds-sheet { position: fixed; inset: 0; z-index: 99990; display: flex; align-items: flex-end; justify-content: center; background: rgba(29,36,51,.42); }
.jtds-sheet__panel { width: 100%; max-width: 520px; box-sizing: border-box; padding: 10px 20px 28px; background: #fff; border-radius: 20px 20px 0 0; color: #1d2433; }
.jtds-sheet__grip { width: 40px; height: 4px; border-radius: 2px; background: #d6dbe5; margin: 0 auto 18px; }
.jtds-sheet__head { display: flex; align-items: center; gap: 12px; }
.jtds-sheet__ico { width: 40px; height: 40px; border-radius: 50%; background: #eef4fc; color: #4a76b5; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.jtds-sheet__ico svg { width: 21px; height: 21px; }
.jtds-sheet h2 { margin: 0; font-family: var(--jtds-serif); font-size: 20px; line-height: 1.25; font-weight: 700; color: #161c2b; }
.jtds-sheet p { margin: 16px 0 0; font-size: 15px; line-height: 1.55; color: #3a4358; }
.jtds-sheet__btns { display: flex; gap: 10px; margin-top: 22px; }
.jtds-sheet__btn { flex: 1; height: 44px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #cddcf3; border-radius: 999px; background: #fff; color: #3f5f94; font: 500 15px/1 inherit; font-family: inherit; text-decoration: none; cursor: pointer; }

/* ==========================================================================
 * v0.5.2 - judul lebih kecil tapi tegas, nama biru tua, meta lembut, jawaban pastel, kutipan rapi, header HP ringkas
 * ========================================================================== */

/* Judul: ukuran sedang, tegas. Nama: biru tua. Meta: abu lembut. */
.jtds-card .jtds-title { font-size: 17px; line-height: 1.32; font-weight: 700; letter-spacing: -.005em; color: #121a2b; }
.jtds-card .jtds-name-row, .jtds-card .jtds-name, .jtds-card .jtds-name a { color: #2c4a7c; font-size: 14px; font-weight: 650; }
.jtds-card .jtds-sub, .jtds-card .jtds-sub a { color: #9aa3b5; font-size: 12.5px; font-weight: 400; }
.jt-app .jt-post-head h1 { font-size: 20px; line-height: 1.3; color: #121a2b; }
.jt-app .jt-meta, .jt-app .jt-reply-time, .jt-app .jt-meta a:not(.jt-user-link) { color: #9aa3b5; }
.jt-app .jt-meta strong, .jt-app .jt-reply-author, .jt-app .jt-user-name, .jt-app .jt-meta .jt-user-link { color: #2c4a7c !important; font-weight: 650; }
@media (max-width: 640px) {
	.jt-app .jt-post-head h1 { font-size: 18.5px; }
	.jtds-card .jtds-title { font-size: 16.5px; }
}

/* Jawaban di daftar Q&A: biru pastel (seperti forum); jawaban diterima: hijau pastel */
.jtds-card .jtds-answer { background: #f3f7fd; border: 1px solid #cddcf3; }
.jtds-card .jtds-answer.is-accepted { background: #eef7f0; border-color: #cfe5d7; }
.jtds-card .jtds-answer-head { color: #2c4a7c; }
.jtds-card .jtds-answer.is-accepted .jtds-answer-head { color: #3d7a55; }

/* Kutipan: bersih, bukan gaya theme (tanpa tanda kutip raksasa dan garis merah) */
.jt-app .jt-post-body blockquote:not(.tiktok-embed):not(.instagram-media):not(.twitter-tweet),
.jt-app .jt-reply-body blockquote:not(.tiktok-embed):not(.instagram-media):not(.twitter-tweet),
.jtds-card .jtds-body blockquote, .jtds-card .jtds-excerpt blockquote,
.jtds-quill .ql-editor blockquote {
	margin: 14px 0 !important; padding: 10px 14px !important; border: 0 !important; border-left: 3px solid #b9cdea !important;
	border-radius: 0 10px 10px 0 !important; background: #f5f8fd !important; color: #3a4358 !important;
	font-style: normal !important; font-size: .98em; line-height: 1.6 !important; quotes: none !important; box-shadow: none !important;
}
.jt-app .jt-post-body blockquote::before, .jt-app .jt-post-body blockquote::after,
.jt-app .jt-reply-body blockquote::before, .jt-app .jt-reply-body blockquote::after,
.jtds-card .jtds-body blockquote::before, .jtds-card .jtds-body blockquote::after,
.jtds-quill .ql-editor blockquote::before, .jtds-quill .ql-editor blockquote::after { content: none !important; display: none !important; }
.jt-app .jt-post-body blockquote p, .jt-app .jt-reply-body blockquote p, .jtds-card .jtds-body blockquote p { margin: 0 !important; }
.jt-app .jt-post-body blockquote p + p, .jt-app .jt-reply-body blockquote p + p { margin-top: 8px !important; }

/* Header kategori di HP: ringkas, satu baris, rata kiri */
.jtds-hdr .jt-space-cover { padding: 12px 14px 4px !important; }
.jtds-hdr .jt-space-cover__identity { flex-direction: row !important; align-items: center !important; text-align: left !important; gap: 10px !important; padding: 0 !important; }
.jtds-hdr .jt-space-emoji { width: 36px; height: 36px; }
.jtds-hdr .jt-space-emoji svg { width: 19px; height: 19px; }
.jtds-hdr .jt-space-cover__title { font-size: 18px; text-align: left; }
.jtds-hdr .jt-space-head { flex-direction: row !important; align-items: center !important; justify-content: space-between; text-align: left !important; gap: 12px; padding: 0 14px 12px !important; }
.jtds-hdr .jt-space-nums { margin-left: 0 !important; gap: 18px; }
.jtds-hdr .jt-num { text-align: left; }
.jtds-hdr .jt-num-val { font-size: 17px; line-height: 1.2; }
.jtds-hdr .jt-num-lbl { font-size: 10.5px; letter-spacing: .08em; }
.jtds-hdr .jt-space-head .jt-btn { min-height: 34px; padding: 4px 14px; font-size: 13px; }
.jtds-watermark { width: 96px; height: 96px; right: -10px; bottom: -18px; }
.jt-app .jtds-info { width: 32px; height: 32px; }

/* ==========================================================================
 * v0.5.3 - post page: tanpa jarak ekstra di kiri-kanan, ukuran huruf kecil ala Quora, tanpa breadcrumb
 * ========================================================================== */
.jt-app .jt-crumb { display: none !important; }

/* Jarak lebar di kiri-kanan judul berasal dari padding bawaan kotak post; nolkan, jarak diatur oleh head/body/foot */
.jt-app .jt-post { padding: 0 !important; }
.jt-app .jt-post > * { margin-inline: 0 !important; }
.jt-app .jt-post-head h1 { margin: 0 !important; padding: 0 !important; font-size: 19px; line-height: 1.32; font-weight: 700; letter-spacing: -.005em; }
.jt-app .jt-post-title-row { margin: 0; padding: 0; }
.jt-app .jt-post-head { gap: 10px; }
.jt-app .jt-post-body { font-size: 16px; line-height: 1.65; }
.jt-app .jt-reply .jt-reply-body { font-size: 15.5px; line-height: 1.65; }
@media (max-width: 640px) {
	.jt-app .jt-post-head h1 { font-size: 17px; }
	.jt-app .jt-post-body { font-size: 15px; line-height: 1.65; }
	.jt-app .jt-reply .jt-reply-body { font-size: 15px; }
	.jt-app .jt-replies-head h2, .jt-app .jt-replies-head h3 { font-size: 16px; }
}

/* Kategori di halaman post: tautan besar di atas judul (breadcrumb disembunyikan) */
.jt-app a.jtds-spacepill {
	display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 7px 16px;
	border-radius: 999px; background: #eef4fc; border: 1px solid #cddcf3; color: #2c4a7c !important;
	font-size: 14.5px; font-weight: 600; line-height: 1.2; text-decoration: none !important;
}
.jt-app a.jtds-spacepill::after { content: "\203A"; font-size: 17px; line-height: 1; opacity: .7; }
.jt-app a.jtds-spacepill:hover { background: #dfeafb; border-color: #b9cdea; }
.jtds-spacebar { padding: 16px 20px 0; }
@media (max-width: 640px) { .jtds-spacebar { padding: 14px 16px 0; } }