/* TK Ads front end */
.tk-ads-unit{margin:18px 0;clear:both;max-width:100%;box-sizing:border-box}
.tk-ads-al-float_left,.tk-ads-al-float_right{clear:none}
.tk-ads-al-center{text-align:center}
.tk-ads-al-center>*{margin-left:auto;margin-right:auto}
.tk-ads-al-left{text-align:left}
.tk-ads-al-right{text-align:right}
.tk-ads-holder{display:none!important}
.tk-ads-label{font:500 10.5px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#8b8680;text-align:center;margin:0 0 6px}
.tk-ads-unit [data-type="_mgwidget"]{min-height:250px;width:100%}
.tk-ads-after-slot{margin:18px 0 26px;clear:both;width:100%}

/* Sticky bottom */
.tk-ads-sticky{position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:99990;background:#fff;box-shadow:0 -6px 28px rgba(0,0,0,.14);border-radius:12px 12px 0 0;padding:8px 8px 4px;max-width:100%;max-height:40vh;overflow:auto;box-sizing:border-box}
.tk-ads-sticky .tk-ads-unit{margin:0}
.tk-ads-sticky-x{all:unset;position:absolute;top:-14px;right:10px;width:28px;height:28px;border-radius:50%;background:#fff;color:#333;box-shadow:0 2px 8px rgba(0,0,0,.2);font:600 18px/28px system-ui,sans-serif;text-align:center;cursor:pointer}

/* Debug view (admins with ?tk_ads_debug=1) */
.tk-ads-dbg{display:block;border:1px dashed #C96442;background:#FFF6F1;color:#A8502F;font:600 11px/1.7 ui-monospace,Menlo,Consolas,monospace;padding:2px 10px;margin:8px 0;border-radius:6px;text-align:left;letter-spacing:0;text-transform:none}
.tk-ads-dbg--unit{border-color:#3B6FD8;background:#F1F5FF;color:#2A56B3}

/* ------------------------------------------------------------------ */
/* Read More                                                          */
/* ------------------------------------------------------------------ */
.tk-rm{--tkrm-page:#fff;position:relative}
.tk-rm-teaser{position:relative}
.tk-rm-veil{position:absolute;left:-2px;right:-2px;bottom:0;height:var(--tkrm-veil,110px);pointer-events:none;z-index:1}
.tk-rm-fx-none .tk-rm-veil{display:none}
.tk-rm-fx-fade .tk-rm-veil{background:linear-gradient(to bottom,transparent 0%,var(--tkrm-page) 88%)}
.tk-rm-fx-blur .tk-rm-veil,.tk-rm-fx-fadeblur .tk-rm-veil{
  -webkit-backdrop-filter:blur(var(--tkrm-blur,3px));backdrop-filter:blur(var(--tkrm-blur,3px));
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 55%);mask-image:linear-gradient(to bottom,transparent 0%,#000 55%)}
.tk-rm-fx-fadeblur .tk-rm-veil::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 10%,var(--tkrm-page) 96%)}
/* Opened: no veil, no blur, ever. */
.tk-rm-open .tk-rm-veil,.tk-rm[data-tk-rm="open"] .tk-rm-veil{display:none!important}
.tk-rm-open .tk-rm-teaser{filter:none!important}
.tk-rm-rest[hidden]{display:none!important}
.tk-rm-reveal{animation:tkrmIn .6s cubic-bezier(.2,.7,.2,1) both}
@keyframes tkrmIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.tk-rm-actions{position:relative;z-index:2;display:flex;justify-content:center;margin:4px 0 var(--tkrm-gap,24px);padding:0}

/* Base button — reset theme button styles so it looks the same everywhere */
.tk-rm .tk-rm-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;
  font-family:var(--tkrm-font,inherit);font-weight:var(--tkrm-weight,700);font-size:var(--tkrm-size,15px);line-height:1.2;
  letter-spacing:var(--tkrm-ls,.06em);text-transform:var(--tkrm-tt,uppercase);text-align:center;
  padding:14px 34px;border-radius:var(--tkrm-radius,10px);border:1.5px solid transparent;
  transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease,filter .18s ease;
  -webkit-tap-highlight-color:transparent;position:relative;overflow:hidden;max-width:100%}
.tk-rm .tk-rm-btn:focus-visible{outline:3px solid color-mix(in srgb,var(--tkrm-bg) 45%,transparent);outline-offset:3px}
.tk-rm .tk-rm-btn:active{transform:translateY(1px) scale(.99)}
.tk-rm-label{display:inline-flex;flex-direction:column;align-items:center;gap:3px}
.tk-rm-txt{white-space:nowrap}
.tk-rm-sub{font-size:.72em;font-weight:500;letter-spacing:.02em;text-transform:none;opacity:.8}
.tk-rm-ico{flex:none;transition:transform .2s ease}
.tk-rm .tk-rm-btn:hover .tk-rm-ico{transform:translateY(2px)}
.tk-rm .tk-rm-btn.tk-rm--pill:hover .tk-rm-ico{transform:translateX(3px)}

/* Width */
.tk-rm .tk-rm-w-wide{min-width:min(320px,100%)}
.tk-rm .tk-rm-w-full{width:100%}

/* 1 Solid */
.tk-rm .tk-rm--solid{background:var(--tkrm-bg);color:var(--tkrm-fg);border-color:var(--tkrm-bd)}
.tk-rm .tk-rm--solid:hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 8px 20px -8px var(--tkrm-bg)}
/* 2 Outline */
.tk-rm .tk-rm--outline{background:transparent;color:var(--tkrm-bd);border:2px solid var(--tkrm-bd)}
.tk-rm .tk-rm--outline:hover{background:var(--tkrm-bg);border-color:var(--tkrm-bg);color:var(--tkrm-fg)}
/* 3 Pill */
.tk-rm .tk-rm--pill{background:var(--tkrm-bg);color:var(--tkrm-fg);border-radius:999px;padding:13px 30px;box-shadow:0 6px 18px -8px var(--tkrm-bg)}
.tk-rm .tk-rm--pill:hover{transform:translateY(-1px);filter:brightness(1.06)}
/* 4 Text link */
.tk-rm .tk-rm--link{background:none;color:var(--tkrm-bg);padding:8px 2px;border-radius:0;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.tk-rm .tk-rm--link:hover{text-underline-offset:9px}
/* 5 Full-width bar */
.tk-rm .tk-rm--bar{display:flex;width:100%;background:var(--tkrm-bg);color:var(--tkrm-fg);padding:16px 20px}
.tk-rm .tk-rm--bar:hover{filter:brightness(1.06)}
/* 6 Soft card */
.tk-rm .tk-rm--soft{background:#fff;color:var(--tkrm-bg);border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 2px rgba(0,0,0,.05),0 10px 30px -12px rgba(0,0,0,.22);min-width:min(300px,100%)}
.tk-rm .tk-rm--soft:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(0,0,0,.05),0 16px 36px -12px rgba(0,0,0,.28)}
/* 7 Gradient glow */
.tk-rm .tk-rm--gradient{background:linear-gradient(135deg,var(--tkrm-bg),var(--tkrm-bd));color:var(--tkrm-fg);box-shadow:0 10px 28px -10px var(--tkrm-bg),0 4px 12px -6px var(--tkrm-bd)}
.tk-rm .tk-rm--gradient:hover{transform:translateY(-2px);box-shadow:0 16px 34px -10px var(--tkrm-bg),0 6px 14px -6px var(--tkrm-bd)}
/* 8 Glass */
.tk-rm .tk-rm--glass{background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(12px) saturate(1.5);backdrop-filter:blur(12px) saturate(1.5);color:var(--tkrm-bg);border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 32px -8px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.9)}
.tk-rm .tk-rm--glass:hover{background:rgba(255,255,255,.8)}
/* 9 Circle chevron */
.tk-rm .tk-rm--circle{flex-direction:column;gap:8px;background:none;color:var(--tkrm-bg);padding:6px 10px}
.tk-rm-circle{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--tkrm-bg);color:var(--tkrm-fg);box-shadow:0 8px 22px -8px var(--tkrm-bg);transition:transform .2s ease}
.tk-rm .tk-rm--circle:hover .tk-rm-circle{transform:translateY(3px)}
.tk-rm-circle .tk-rm-ico{width:24px;height:24px}
/* 10 Line divider */
.tk-rm .tk-rm--divider{display:flex;width:100%;gap:14px;background:none;padding:6px 0;color:var(--tkrm-bg)}
.tk-rm-line{flex:1;height:1px;background:var(--tkrm-bd);opacity:.45}
.tk-rm-mid{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:1.5px solid var(--tkrm-bd);border-radius:var(--tkrm-radius,999px);background:var(--tkrm-page,#fff);transition:background-color .18s,color .18s}
.tk-rm .tk-rm--divider:hover .tk-rm-mid{background:var(--tkrm-bg);color:var(--tkrm-fg);border-color:var(--tkrm-bg)}

/* Animations */
.tk-rm .tk-rm-anim-pulse{animation:tkrmPulse 2.2s infinite}
@keyframes tkrmPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--tkrm-bg) 55%,transparent)}70%{box-shadow:0 0 0 14px transparent}100%{box-shadow:0 0 0 0 transparent}}
.tk-rm .tk-rm-anim-shine::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:tkrmShine 3s infinite}
@keyframes tkrmShine{0%,60%{left:-60%}100%{left:130%}}
.tk-rm .tk-rm-anim-bounce .tk-rm-ico{animation:tkrmBounce 1.6s infinite}
@keyframes tkrmBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
@media (prefers-reduced-motion:reduce){.tk-rm *,.tk-rm-reveal{animation:none!important;transition:none!important}}
@media (max-width:600px){.tk-rm .tk-rm-w-wide{width:100%}}
