/* Tansfa Tours - gaya kad pakej untuk dibina sendiri dalam Breakdance (Post Loop / Global Block).
   Tambah nama class di bawah pada elemen Breakdance. Tiada tarikh/slot; harga & tempoh guna shortcode. */
.tcard-grid{--t-p:#2E3690;--t-d:#252B75;--t-bd:#DFE2F0;--t-soft:#8A90B0;--t-bg:#EEF0FA;display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media(max-width:900px){.tcard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.tcard-grid{grid-template-columns:1fr}}
/* pilihan: tambah "tcard-swipe" pada grid untuk jadi baris sweep pada phone */
@media(max-width:600px){.tcard-grid.tcard-swipe{display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:6px;margin-right:-16px;padding-right:16px;-webkit-overflow-scrolling:touch}
 .tcard-grid.tcard-swipe>*{flex:0 0 82%;scroll-snap-align:start}}

.tcard{background:#fff;border:1px solid #DFE2F0;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;min-width:0;height:100%;transition:box-shadow .15s,transform .15s}
.tcard:hover{box-shadow:0 16px 32px -18px rgba(46,54,144,.35);transform:translateY(-2px)}
.tcard-media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#EEF0FA}
.tcard-media img,.tcard-media .tcard-img,img.tcard-img{width:100% !important;height:100% !important;object-fit:cover;display:block}
.tcard-badge{position:absolute;top:12px;left:12px;background:#fff;color:#252B75;font-size:11.5px;font-weight:700;line-height:1.2;padding:5px 11px;border-radius:999px;z-index:1}
.tcard-badge .mhk-destination{font:inherit}
.tcard-body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}
.tcard-title,.tcard .tcard-title a{margin:0;font-size:16px;line-height:1.35;font-weight:600;color:#1A1F3D;text-decoration:none;letter-spacing:0}
.tcard-meta{margin:0;font-size:12.5px;color:#8A90B0}
.tcard-foot{margin-top:auto;padding-top:10px;display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.tcard-label{display:block;font-size:11.5px;color:#8A90B0;line-height:1.3}
.tcard-price,.tcard-price strong{font-size:21px;font-weight:700;color:#252B75;line-height:1.2}
.tcard-price .mhk-price-label{display:none}
.tcard a.tcard-btn,.tcard .tcard-btn{display:inline-block;background:#2E3690;color:#fff !important;font-weight:700;font-size:13px;line-height:1.2;padding:9px 14px;border-radius:10px;text-decoration:none;border:0;white-space:nowrap;transition:background .15s}
.tcard a.tcard-btn:hover,.tcard a.tcard-btn:focus{background:#252B75;color:#fff !important}

/* ---- v0.17.1: Breakdance membungkus elemen (figure, div, button) dan gaya asalnya menimpa. Kuatkan. ---- */
.tcard .tcard-media{position:relative !important;aspect-ratio:16/10;overflow:hidden;display:block !important;padding:0 !important;background:#EEF0FA}
.tcard .tcard-media>*:not(.tcard-badge){position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;margin:0 !important;padding:0 !important}
.tcard .tcard-media img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;max-width:none !important;object-fit:cover !important;display:block}
.tcard .tcard-badge{position:absolute !important;top:12px !important;left:12px !important;width:auto !important;height:auto !important;inset:12px auto auto 12px !important;z-index:2}
.tcard .tcard-badge,.tcard .tcard-badge *{font-size:11.5px !important;font-weight:700 !important;color:#252B75 !important;line-height:1.2 !important;text-transform:none !important}
.tcard .tcard-body{display:flex !important;flex-direction:column !important;padding:16px !important;gap:8px !important;flex:1 1 auto}
.tcard .tcard-meta,.tcard .tcard-meta *{font-family:inherit;font-size:12.5px !important;color:#8A90B0 !important;margin:0}
.tcard .tcard-foot{display:flex !important;flex-direction:row !important;justify-content:space-between !important;align-items:flex-end !important;width:100% !important;margin-top:auto !important;padding-top:10px;gap:10px !important}
.tcard .tcard-foot>*{margin:0}
.tcard .tcard-label,.tcard .tcard-label *{font-size:11.5px !important;color:#8A90B0 !important;line-height:1.3 !important;margin:0 !important;text-transform:none !important}
.tcard .tcard-price,.tcard .tcard-price *{font-size:21px !important;font-weight:700 !important;color:#252B75 !important;line-height:1.2 !important}
.tcard .tcard-price .mhk-price-label{display:none !important}
/* butang: kekal di kanan; gaya ikut sama ada class di pembalut atau di pautan */
.tcard .tcard-btn{margin-left:auto !important;flex:none !important}
.tcard div.tcard-btn,.tcard .bde-button.tcard-btn{background:none !important;padding:0 !important;box-shadow:none !important;border:0 !important;width:auto !important}
.tcard .tcard-btn a,.tcard .tcard-btn button,.tcard a.tcard-btn,.tcard button.tcard-btn{display:inline-block !important;background:#2E3690 !important;color:#fff !important;font-size:13px !important;font-weight:700 !important;line-height:1.2 !important;padding:9px 14px !important;border-radius:10px !important;border:0 !important;text-decoration:none !important;text-transform:none !important;letter-spacing:0 !important;white-space:nowrap}
.tcard .tcard-btn a:hover,.tcard a.tcard-btn:hover,.tcard .tcard-btn button:hover{background:#252B75 !important;color:#fff !important}
/* anak kad sentiasa penuh lebar walaupun Div Breakdance guna align-items:flex-start */
.tcard>.tcard-media,.tcard>.tcard-body{align-self:stretch !important;width:100% !important;max-width:none !important}
.tcard .tcard-body>*{align-self:stretch}
.tcard .tcard-body>.tcard-foot{width:100% !important}
.tcard,.tcard *{box-sizing:border-box}

/* ---- v0.17.2: fon label/tempoh/harga ikut fon laman (sama dengan kad halaman senarai pakej) ---- */
.tcard .tcard-label,.tcard .tcard-label *,.tcard .tcard-meta,.tcard .tcard-meta *,.tcard .tcard-price,.tcard .tcard-price *,.tcard .tcard-badge,.tcard .tcard-badge *,.tcard .tcard-btn,.tcard .tcard-btn *{font-family:var(--bde-body-font-family,inherit) !important}

/* ---- v0.17.3: tempoh jadi pill + ikon, ikon pin pada lencana, garisan sebelum harga ---- */
.tcard .tcard-meta{display:inline-flex !important;align-items:center;gap:6px;align-self:flex-start !important;width:auto !important;padding:5px 11px !important;border-radius:999px;background:#EEF0FA;line-height:1.2}
.tcard .tcard-meta,.tcard .tcard-meta *{color:#2E3690 !important;font-weight:600 !important;font-size:12.5px !important}
.tcard .tcard-meta:before{content:"";width:13px;height:13px;flex:none;background:#2E3690;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center/contain no-repeat}
.tcard .tcard-badge{display:inline-flex !important;align-items:center;gap:5px;box-shadow:0 2px 8px rgba(26,31,61,.15)}
.tcard .tcard-badge:before{content:"";width:12px;height:12px;flex:none;background:#2E3690;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s7-6.2 7-12a7 7 0 10-14 0c0 5.8 7 12 7 12z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s7-6.2 7-12a7 7 0 10-14 0c0 5.8 7 12 7 12z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat}
.tcard .tcard-foot{border-top:1px solid #EEF0FA;padding-top:14px !important}
.tcard .tcard-label{letter-spacing:.2px}
.tcard .tcard-badge,.tcard .tcard-meta{flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;white-space:nowrap}
.tcard .tcard-badge>*,.tcard .tcard-meta>*{width:auto !important;margin:0 !important;padding:0 !important}

/* ---- v0.18.0: tempoh sebagai pill gelap lutsinar di bawah kiri gambar ---- */
/* Dalam Div tcard-media, letak elemen Shortcode [tansfa_duration] dan beri class: tcard-dur */
.tcard .tcard-media>.tcard-dur{position:absolute !important;inset:auto auto 12px 12px !important;width:auto !important;height:auto !important;display:inline-flex !important;flex-direction:row !important;align-items:center;gap:6px;padding:6px 12px !important;border-radius:999px;background:rgba(26,31,61,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;white-space:nowrap}
.tcard .tcard-dur,.tcard .tcard-dur *{color:#fff !important;font-size:12px !important;font-weight:700 !important;line-height:1.2 !important;font-family:var(--bde-body-font-family,inherit) !important}
.tcard .tcard-dur>*{width:auto !important;margin:0 !important;padding:0 !important}
.tcard .tcard-dur:before{content:"";width:13px;height:13px;flex:none;background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center/contain no-repeat}

/* ---- v0.20.0: kad blog (tcard-post) + listing blog [tansfa_blog] ---- */
.tcard-post .tcard-badge:before{display:none !important}
.tcard.tcard-post .tcard-badge:before{display:none !important}
.tcard .tcard-excerpt,.tcard .tcard-excerpt *{margin:0 !important;font-size:14px !important;line-height:1.55 !important;color:#5C6385 !important;font-weight:400 !important;font-family:var(--bde-body-font-family,inherit) !important}
.tcard .tcard-excerpt{display:-webkit-box !important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tcard-post .tcard-title a{color:inherit !important;text-decoration:none !important}
.tcard-post .tcard-title{font-family:var(--bde-body-font-family,inherit)}
.tcard-post .tcard-foot{justify-content:flex-start !important}
.tcard-post .tcard-foot .tcard-btn{margin-left:0 !important}
/* listing */
.tblog{--t-p:#2E3690;--t-d:#252B75;--t-bd:#DFE2F0;--t-soft:#8A90B0;--t-bg:#EEF0FA}
.tblog-bar{display:flex;gap:10px;margin:0 0 14px}
.tblog-search{flex:1;display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #DFE2F0;border-radius:14px;padding:0 14px;height:48px;color:#2E3690;margin:0}
.tblog-search:focus-within{border-color:#2E3690;box-shadow:0 0 0 3px rgba(46,54,144,.12)}
.tblog-search input{flex:1;min-width:0;border:0 !important;outline:0 !important;box-shadow:none !important;background:transparent !important;font:inherit;font-size:15px;color:#1A1F3D;height:100%;padding:0 !important}
.tblog-go{height:48px;padding:0 22px;border:0;border-radius:14px;background:#2E3690;color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.tblog-go:hover{background:#252B75}
.tblog-cats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.tblog-cats a{padding:8px 15px;border-radius:999px;background:#fff;border:1px solid #DFE2F0;color:#252B75;font-size:13px;font-weight:600;text-decoration:none;line-height:1.2}
.tblog-cats a:hover{border-color:#2E3690}
.tblog-cats a.is-on{background:#2E3690;border-color:#2E3690;color:#fff}
.tblog-pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:28px}
.tblog-pager a{min-width:40px;padding:9px 12px;text-align:center;border:1px solid #DFE2F0;border-radius:10px;text-decoration:none;color:#252B75;font-weight:600;background:#fff}
.tblog-pager a.is-on{background:#2E3690;border-color:#2E3690;color:#fff}
.tblog-empty{padding:40px 20px;text-align:center;background:#fff;border:1px dashed #DFE2F0;border-radius:18px;color:#5C6385}
.tblog-empty strong{display:block;color:#1A1F3D;margin-bottom:8px}
.tblog-empty a{color:#2E3690;font-weight:700}
@media(max-width:600px){.tblog-bar{flex-wrap:nowrap}.tblog-go{padding:0 16px}.tblog-search input{font-size:16px}}

/* ---- v0.20.1: tajuk kad lebih rapat; pagination ada anak panah + ellipsis ---- */
html body .tcard .tcard-title,html body .tcard h2.tcard-title,html body .tcard h3.tcard-title,html body .tcard h4.tcard-title{line-height:1.35 !important;margin:0 !important;padding:0 !important;font-size:16px !important;font-weight:600 !important}
html body .tcard .tcard-title a,html body .tcard .tcard-title *{line-height:1.35 !important;margin:0 !important;padding:0 !important;display:inline !important}
html body .tcard .tcard-body{gap:6px !important}
html body .tcard .tcard-title,html body .tcard .tcard-title a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html body .tcard .tcard-title a{display:inline !important;-webkit-line-clamp:unset}
.tblog-pager{align-items:center}
.tblog-pager .tblog-nav{font-size:20px;line-height:1;padding:8px 14px}
.tblog-gap{min-width:24px;text-align:center;color:#8A90B0;font-weight:700}

/* ---- v0.21.0: layout artikel tunggal (Breakdance Single Post) ---- */
.tpost-cats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.tpost-cat{display:inline-block;padding:6px 13px;border-radius:999px;background:#EEF0FA;color:#2E3690 !important;font-size:12.5px;font-weight:700;line-height:1.2;text-decoration:none !important}
.tpost-cat:hover{background:#2E3690;color:#fff !important}
html body .tpost-title{margin:0 0 18px !important;font-size:clamp(26px,4.2vw,40px) !important;line-height:1.2 !important;font-weight:700 !important;color:#1A1F3D;letter-spacing:-.01em}
.tpost-hero,.tpost-hero img{border-radius:20px;overflow:hidden}
.tpost-hero{aspect-ratio:16/9;background:#EEF0FA;width:100%;margin:0 0 28px}
.tpost-hero img{width:100% !important;height:100% !important;object-fit:cover;display:block;max-width:none !important}
/* kandungan: letak class tpost-content pada elemen Post Content */
.tpost-content{max-width:760px;margin-left:auto;margin-right:auto;font-size:17px;line-height:1.8;color:#2A2F4F;font-family:var(--bde-body-font-family,inherit)}
.tpost-content>*{margin-top:0;margin-bottom:1.25em}
.tpost-content h2{margin:2em 0 .6em;font-size:clamp(22px,3vw,28px);line-height:1.3;font-weight:700;color:#1A1F3D;scroll-margin-top:90px}
.tpost-content h3{margin:1.7em 0 .5em;font-size:clamp(18px,2.4vw,22px);line-height:1.35;font-weight:700;color:#252B75;scroll-margin-top:90px}
.tpost-content a{color:#2E3690;text-decoration:underline;text-underline-offset:3px}
.tpost-content a:hover{color:#252B75}
.tpost-content img,.tpost-content figure img{max-width:100%;height:auto;border-radius:16px}
.tpost-content figure{margin-left:0;margin-right:0}
.tpost-content figcaption{font-size:13px;color:#8A90B0;text-align:center;margin-top:8px}
.tpost-content ul,.tpost-content ol{padding-left:1.4em}
.tpost-content li{margin-bottom:.5em}
.tpost-content li::marker{color:#2E3690;font-weight:700}
.tpost-content blockquote{margin:1.6em 0;padding:18px 22px;background:#EEF0FA;border-left:4px solid #2E3690;border-radius:0 14px 14px 0;color:#252B75;font-size:1.05em}
.tpost-content blockquote p:last-child{margin-bottom:0}
.tpost-content table{width:100%;border-collapse:collapse;font-size:15px;display:block;overflow-x:auto}
.tpost-content th,.tpost-content td{padding:10px 12px;border:1px solid #DFE2F0;text-align:left}
.tpost-content th{background:#EEF0FA;color:#252B75}
.tpost-content hr{border:0;border-top:1px solid #DFE2F0;margin:2em 0}
/* TOC */
.tpost-toc{max-width:760px;margin:0 auto 28px;padding:18px 22px;background:#fff;border:1px solid #DFE2F0;border-radius:16px;font-family:var(--bde-body-font-family,inherit)}
.tpost-toc strong{display:block;margin-bottom:8px;font-size:14px;color:#252B75}
.tpost-toc ol{margin:0;padding-left:1.2em;font-size:14.5px;line-height:1.55}
.tpost-toc li{margin:4px 0}
.tpost-toc li.l3{margin-left:14px;font-size:13.5px}
.tpost-toc a{color:#2E3690;text-decoration:none}
.tpost-toc a:hover{text-decoration:underline}
/* kongsi */
.tpost-share{max-width:760px;margin:32px auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-family:var(--bde-body-font-family,inherit)}
.tpost-share>span{font-size:13px;font-weight:600;color:#5C6385;margin-right:4px}
.tpost-sh{display:inline-block;padding:9px 15px;border:1px solid #DFE2F0;border-radius:999px;background:#fff;color:#252B75 !important;font:inherit;font-size:13px;font-weight:700;line-height:1.2;text-decoration:none !important;cursor:pointer}
.tpost-sh:hover{border-color:#2E3690;background:#EEF0FA}
/* CTA */
.tpost-cta{max-width:760px;margin:36px auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 26px;border-radius:20px;background:linear-gradient(135deg,#2E3690,#4650B4);color:#fff;font-family:var(--bde-body-font-family,inherit)}
.tpost-cta strong{display:block;font-size:20px;line-height:1.3;margin-bottom:4px;color:#fff}
.tpost-cta p{margin:0;font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.85)}
.tpost-cta-btn{flex:none;padding:12px 20px;border-radius:12px;background:#fff;color:#252B75 !important;font-size:14px;font-weight:700;text-decoration:none !important;white-space:nowrap}
.tpost-cta-btn:hover{background:#EEF0FA}
@media(max-width:600px){.tpost-cta{flex-direction:column;align-items:flex-start;padding:20px}.tpost-content{font-size:16px}}
/* berkaitan */
.tpost-related{margin:48px 0 0}
.tpost-rel-h{margin:0 0 18px !important;font-size:clamp(20px,3vw,26px) !important;font-weight:700 !important;color:#1A1F3D}

/* [tansfa_post]: lebar ikut --tpost-w */
.tpost{--tpost-w:760px;max-width:1100px;margin:0 auto;font-family:var(--bde-body-font-family,inherit)}
.tpost .tpost-head,.tpost .tpost-toc,.tpost .tpost-share,.tpost .tpost-cta,.tpost .tpost-content{max-width:var(--tpost-w)}
.tpost .tpost-head{margin:0 auto 20px}
.tpost .tpost-hero{max-width:1000px;margin-left:auto;margin-right:auto}
.tpost .tpost-related{max-width:1100px;margin-left:auto;margin-right:auto}
.tpost-toc,.tpost-cta,.tpost-share,.tpost-content,.tpost-head,.tpost-hero{box-sizing:border-box}

/* ---- v0.22.0: navigasi sebelumnya / terbaru ---- */
.tpost-nav{max-width:var(--tpost-w,760px);margin:36px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:14px;font-family:var(--bde-body-font-family,inherit)}
.tpost-nav a{display:flex;align-items:center;gap:14px;min-width:0;padding:16px;background:#fff;border:1px solid #DFE2F0;border-radius:16px;text-decoration:none !important;color:inherit;transition:border-color .15s,box-shadow .15s,transform .15s}
.tpost-nav a:hover,.tpost-nav a:focus-visible{border-color:#2E3690;box-shadow:0 14px 28px -18px rgba(46,54,144,.45);transform:translateY(-2px);outline:none}
.tpost-arr{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#2E3690;color:#fff}
.tpost-nav a:hover .tpost-arr{background:#252B75}
.tpost-arr svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.tpost-nt{min-width:0}
.tpost-nt small{display:block;font-size:12px;font-weight:600;color:#8A90B0;margin-bottom:2px}
.tpost-nt b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;line-height:1.35;font-weight:600;color:#1A1F3D}
.tpost-nav .tpost-next{flex-direction:row-reverse;text-align:right}
.tpost-nav .is-off{display:block}
@media(max-width:600px){.tpost-nav{grid-template-columns:1fr}.tpost-nav .is-off{display:none}}

/* ---- v0.22.1: tajuk kad h4, rata kiri (walaupun induk Breakdance center) ---- */
html body .tcard,html body .tcard .tcard-body,html body .tcard .tcard-title,html body .tcard .tcard-title a,html body .tcard .tcard-excerpt,html body .tcard .tcard-foot{text-align:left !important}
html body .tcard h4.tcard-title{font-size:16px !important;font-weight:600 !important;line-height:1.35 !important}

/* ---- v0.22.2: gambar ikut lebar lajur teks (tepi kiri sejajar dengan kategori & tajuk), tajuk lebih kecil ---- */
html body .tpost .tpost-hero{max-width:var(--tpost-w,760px) !important;width:100% !important;margin:0 auto 24px !important;aspect-ratio:16/9;border-radius:16px}
html body .tpost .tpost-head,html body .tpost .tpost-toc,html body .tpost .tpost-content,html body .tpost .tpost-share,html body .tpost .tpost-nav,html body .tpost .tpost-cta{width:100% !important;max-width:var(--tpost-w,760px) !important;margin-left:auto !important;margin-right:auto !important;text-align:left !important}
html body .tpost .tpost-title{font-size:clamp(24px,3.4vw,34px) !important;line-height:1.25 !important;text-align:left !important}
html body .tpost .tpost-cats{justify-content:flex-start}
@media(max-width:600px){html body .tpost .tpost-hero{border-radius:14px}}

/* ---- v0.23.0: [tansfa_post] dua lajur (artikel kiri, sidebar kanan melekat) ---- */
.tpost.tpost-2{max-width:1100px}
.tpost-2 .tpost-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}
.tpost-2 .tpost-main{min-width:0}
html body .tpost-2 .tpost-head,html body .tpost-2 .tpost-hero,html body .tpost-2 .tpost-content,html body .tpost-2 .tpost-share,html body .tpost-2 .tpost-nav{max-width:100% !important;margin-left:0 !important;margin-right:0 !important}
.tpost-2 .tpost-share{margin-top:32px}
.tpost-2 .tpost-side{position:sticky;top:24px;display:flex;flex-direction:column;gap:16px;min-width:0}
html body .tpost-2 .tpost-side .tpost-toc{max-width:100% !important;margin:0 !important}
html body .tpost-2 .tpost-toc-m{display:none}
html body .tpost-2 .tpost-cta-side{max-width:100% !important;margin:0 !important;flex-direction:column;align-items:stretch;padding:22px;border-radius:18px;gap:16px}
.tpost-2 .tpost-cta-side strong{font-size:18px}
.tpost-2 .tpost-cta-side .tpost-cta-btn{text-align:center}
@media(max-width:960px){
 .tpost-2 .tpost-layout{grid-template-columns:minmax(0,1fr);gap:28px}
 .tpost-2 .tpost-side{position:static}
 html body .tpost-2 .tpost-side .tpost-toc{display:none}
 html body .tpost-2 .tpost-toc-m{display:block;margin-bottom:24px !important}
}

/* ---- v0.23.2: peraturan tunggal supaya Breakdance menyenaraikan kelas dalam autocomplete ---- */
.tcard-post{position:relative}
.tcard-excerpt{margin:0;font-size:14px;line-height:1.55;color:#5C6385}
.tcard-cat{white-space:nowrap}
.tcard-grid-post{gap:20px}