/* LeadThic: semua jarak diatur sendiri supaya kebal margin bawaan tema */
.lt-wrap,.lt-wrap *{box-sizing:border-box;margin:0;padding:0;border:0;font-family:inherit;line-height:1.45;letter-spacing:normal;text-transform:none;float:none}
.lt-wrap{--lt-bg:#ffffff;--lt-text:#1c2230;--lt-muted:#5d6574;--lt-line:#e3e6ea;--lt-in:#ffffff;color:var(--lt-text);font-size:16px;text-align:left}
.lt-wrap.lt-theme-dark{--lt-bg:#171b22;--lt-text:#f2f4f7;--lt-muted:#a9b1bd;--lt-line:#2e3540;--lt-in:#222833}
.lt-wrap.lt-theme-warm{--lt-bg:#fbf6ee;--lt-text:#2b2118;--lt-muted:#6f6254;--lt-line:#e8dccb;--lt-in:#ffffff}
.lt-wrap[hidden]{display:none!important}
.lt-box{position:relative;background:var(--lt-bg);color:var(--lt-text);border-radius:var(--lt-radius,14px);overflow:hidden;display:flex;flex-direction:column}
.lt-img img{display:block;width:100%;height:auto;max-height:220px;object-fit:cover}
.lt-main{padding:24px}
.lt-wrap .lt-h{font-size:21px;font-weight:700;line-height:1.25;color:var(--lt-text);margin:0 0 8px}
.lt-wrap .lt-p{font-size:15px;color:var(--lt-muted);margin:0 0 16px}
.lt-wrap .lt-p a,.lt-wrap .lt-note a{color:inherit;text-decoration:underline}
.lt-form{margin:0}
.lt-fields{display:flex;flex-direction:column;gap:8px}
.lt-layout-row .lt-fields{flex-direction:row;flex-wrap:wrap}
.lt-layout-row .lt-in{flex:1 1 180px;min-width:0}
.lt-wrap .lt-in{display:block;width:100%;height:46px;padding:0 14px;font-size:16px;color:var(--lt-text);background:var(--lt-in);border:1.5px solid var(--lt-line);border-radius:calc(var(--lt-radius,14px)*.6);outline:none;box-shadow:none;-webkit-appearance:none;appearance:none}
.lt-wrap .lt-in::placeholder{color:var(--lt-muted);opacity:.85}
.lt-wrap .lt-in:focus{border-color:var(--lt-accent,#0e9f6e);box-shadow:0 0 0 3px color-mix(in srgb,var(--lt-accent,#0e9f6e) 22%,transparent)}
.lt-wrap .lt-btn{display:block;width:100%;height:46px;padding:0 18px;font-size:16px;font-weight:700;color:#fff;background:var(--lt-accent,#0e9f6e);border:0;border-radius:calc(var(--lt-radius,14px)*.6);cursor:pointer;white-space:nowrap;transition:filter .15s}
.lt-layout-row .lt-btn{width:auto;flex:0 0 auto}
.lt-wrap .lt-btn:hover{filter:brightness(1.08)}
.lt-wrap .lt-btn:disabled{opacity:.7;cursor:wait}
.lt-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.lt-wrap .lt-err{margin:8px 0 0;font-size:13.5px;color:#d92d20}
.lt-theme-dark .lt-err{color:#ff8a80}
.lt-wrap .lt-note{margin:10px 0 0;font-size:12.5px;color:var(--lt-muted)}
.lt-ok{display:flex;gap:10px;align-items:flex-start;padding:4px 0}
.lt-ok[hidden]{display:none}
.lt-check{flex:0 0 28px;height:28px;border-radius:50%;background:var(--lt-accent,#0e9f6e);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px}
.lt-ok p{font-size:15.5px;color:var(--lt-text);padding-top:3px}
.lt-x{position:absolute;top:8px;right:8px;width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.06)!important;color:var(--lt-text)!important;font-size:22px;line-height:34px;text-align:center;cursor:pointer;z-index:2;padding:0!important}
.lt-theme-dark .lt-x{background:rgba(255,255,255,.08)!important}
.lt-x:hover{background:rgba(0,0,0,.12)!important}

/* popup */
.lt-popup{position:fixed;inset:0;z-index:999990;display:flex;align-items:center;justify-content:center;padding:16px}
.lt-backdrop{position:absolute;inset:0;background:rgba(15,18,24,.55);opacity:0;transition:opacity .25s}
.lt-popup .lt-box{width:100%;max-width:440px;max-height:calc(100vh - 32px);overflow:auto;box-shadow:0 24px 60px -12px rgba(0,0,0,.35);transform:translateY(14px) scale(.98);opacity:0;transition:transform .28s ease,opacity .28s ease}
.lt-popup.lt-show .lt-backdrop{opacity:1}
.lt-popup.lt-show .lt-box{transform:none;opacity:1}

/* slide-in */
.lt-slidein{position:fixed;bottom:16px;z-index:999980;width:min(360px,calc(100vw - 32px))}
.lt-slidein.lt-pos-right{right:16px}.lt-slidein.lt-pos-left{left:16px}
.lt-slidein .lt-box{box-shadow:0 16px 40px -10px rgba(0,0,0,.3);transform:translateY(24px);opacity:0;transition:transform .3s ease,opacity .3s ease;border:1px solid var(--lt-line)}
.lt-slidein .lt-main{padding:20px}
.lt-slidein .lt-h{font-size:18px;padding-right:28px}
.lt-slidein.lt-show .lt-box{transform:none;opacity:1}

/* bar */
.lt-bar{position:fixed;left:0;right:0;z-index:999980}
.lt-bar.lt-pos-bottom{bottom:0}.lt-bar.lt-pos-top{top:0}
.lt-bar .lt-box{border-radius:0;box-shadow:0 -6px 24px -10px rgba(0,0,0,.25);transition:transform .3s ease}
.lt-bar.lt-pos-bottom .lt-box{transform:translateY(100%)}.lt-bar.lt-pos-top .lt-box{transform:translateY(-100%)}
.lt-bar.lt-show .lt-box{transform:none}
.lt-bar .lt-main{display:flex;align-items:center;gap:16px;max-width:1100px;margin:0 auto;padding:12px 56px 12px 16px;flex-wrap:wrap}
.lt-bar .lt-h{font-size:16px;margin:0;flex:1 1 220px}
.lt-bar .lt-form{flex:2 1 360px}
.lt-bar .lt-in,.lt-bar .lt-btn{height:42px}
.lt-bar .lt-ok{flex:2 1 360px}
.lt-bar .lt-x{top:50%;transform:translateY(-50%)}

/* di dalam artikel / shortcode */
.lt-inline,.lt-embed{margin:28px 0!important;clear:both}
.lt-inline .lt-box,.lt-embed .lt-box{border:1.5px solid var(--lt-line);box-shadow:0 1px 2px rgba(16,24,40,.04)}
.lt-inline .lt-box,.lt-embed .lt-box{border-left:4px solid var(--lt-accent,#0e9f6e)}
@media (min-width:640px){
  .lt-inline .lt-box:has(.lt-img),.lt-embed .lt-box:has(.lt-img){flex-direction:row}
  .lt-inline .lt-img,.lt-embed .lt-img{flex:0 0 38%}
  .lt-inline .lt-img img,.lt-embed .lt-img img{height:100%;max-height:none}
}
@media (max-width:520px){
  .lt-main{padding:20px}
  .lt-layout-row .lt-fields{flex-direction:column}
  .lt-layout-row .lt-btn{width:100%}
  .lt-bar .lt-main{padding:10px 48px 10px 12px;gap:8px}
  .lt-bar .lt-h{font-size:14.5px}
  .lt-popup{align-items:flex-end;padding:0}
  .lt-popup .lt-box{max-width:none;border-radius:var(--lt-radius,14px) var(--lt-radius,14px) 0 0;max-height:88vh}
}
@media (prefers-reduced-motion:reduce){.lt-wrap *{transition:none!important}}
.lt-preview.lt-popup,.lt-preview.lt-slidein,.lt-preview.lt-bar{position:absolute}
