/* ═══════════════════════════════════════════════════════════
   ZKAA — ARTICLE TEMPLATE (Kadence child) — from approved design V1
   4 platform colors · Light(ivory)+Dark · responsive · RTL
   Scope note: loaded on single posts. If Kadence globals conflict,
   dequeue theme style on single OR tighten selectors (see README).
   ═══════════════════════════════════════════════════════════ */
:root{
  --teal:#1BB6B1;--teal-dim:#0B9D9D;--gold:#E4AB42;--gold-dark:#C8901F;
  --fh:'Cairo','Alexandria',sans-serif;--fb:'Tajawal',sans-serif;--maxw:1460px;--radius:14px;--tr:180ms ease;
}
[data-theme="light"]{
  --bg:#F4F1E8;--surface:#FBFAF4;--surface2:#FFF;--hbg:rgba(251,250,244,.9);
  --text:#1E2A2A;--soft:#4A5757;--mute:#7C8888;--border:rgba(27,182,177,.22);--bsoft:rgba(30,42,42,.09);
  --sh:0 6px 24px rgba(30,42,42,.06);--shs:0 2px 8px rgba(30,42,42,.04);--media:linear-gradient(135deg,#0A1420,#071018);--foot:#0C1A1A;
}
[data-theme="dark"]{
  --bg:#05080B;--surface:#0A1414;--surface2:#0C1618;--hbg:rgba(5,8,11,.85);
  --text:#E6E8E4;--soft:#B9C3C1;--mute:#8FA0A0;--border:rgba(27,182,177,.2);--bsoft:rgba(255,255,255,.06);
  --sh:0 10px 40px rgba(0,0,0,.5);--shs:0 2px 12px rgba(0,0,0,.4);--media:linear-gradient(135deg,#04252a,#050d14);--foot:#020709;
}
.zkaa-doc *{box-sizing:border-box}
html,body{overflow-x:hidden;max-width:100%}
body.zkaa-article-body{background:var(--bg);color:var(--text);font-family:var(--fb);line-height:1.8;margin:0;transition:background var(--tr),color var(--tr);-webkit-font-smoothing:antialiased}
.zkaa-doc a{color:inherit;text-decoration:none}
.zkaa-doc h1,.zkaa-doc h2,.zkaa-doc h3,.zkaa-doc h4{font-family:var(--fh);line-height:1.4;color:var(--text)}
.progress{position:fixed;top:0;right:0;height:3px;width:0;background:linear-gradient(90deg,var(--teal),var(--gold));z-index:100}

/* HEADER — Logo+Beta + Search→Portal + Theme + Account (no Mega Nav, ADR-NAV-003) */
.zkaa-hdr{position:sticky;top:0;z-index:50;background:var(--hbg);backdrop-filter:blur(14px);border-bottom:1px solid var(--bsoft)}
.hw{max-width:var(--maxw);margin:0 auto;padding:0 28px;height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo{font-family:var(--fh);font-weight:800;font-size:1.5rem;letter-spacing:.5px;display:inline-flex;align-items:center;gap:8px}.logo b{color:var(--teal)}
.beta-badge{font-family:var(--fh);font-weight:800;font-size:.58rem;letter-spacing:1.5px;color:#1a1200;background:var(--gold);padding:3px 7px;border-radius:5px;cursor:help;position:relative;top:-1px}
.hr{display:flex;align-items:center;gap:10px}
.srch{display:flex;align-items:center;gap:8px;background:var(--surface2);border:1px solid var(--border);color:var(--mute);border-radius:999px;padding:9px 16px;cursor:pointer;font-family:var(--fb);font-size:.85rem;min-width:230px;transition:var(--tr)}
.srch:hover{border-color:var(--teal);color:var(--text)}.srch svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}
.ib{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface2);border:1px solid var(--border);cursor:pointer;color:var(--text);transition:var(--tr)}
.ib:hover{border-color:var(--teal);color:var(--teal)}.ib svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}

/* 3-COLUMN GRID */
.pg{max-width:var(--maxw);margin:0 auto;padding:22px 28px 50px;display:grid;grid-template-columns:220px 1fr 280px;gap:28px;align-items:start}
.pg>*,.hero-row>*,.ov>*,.content{min-width:0}
img,table,pre{max-width:100%}
.side{display:flex;flex-direction:column;gap:18px;position:sticky;top:86px}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shs)}
.card h3{font-size:.92rem;margin-bottom:13px;display:flex;align-items:center;gap:7px}
.toc a{display:block;padding:7px 11px;border-radius:8px;color:var(--soft);font-size:.83rem;margin-bottom:2px;border-inline-start:2px solid transparent;transition:var(--tr)}
.toc a:hover{background:rgba(27,182,177,.08);color:var(--text)}
.toc a.active{background:rgba(27,182,177,.1);color:var(--teal);border-inline-start-color:var(--teal);font-weight:700}
.follow{display:flex;gap:10px}.follow a{width:38px;height:38px;border-radius:10px;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--soft);transition:var(--tr)}.follow a:hover{color:var(--teal);border-color:var(--teal)}
.rel a{display:flex;gap:11px;padding:9px;border-radius:9px;margin-bottom:5px;transition:var(--tr)}.rel a:hover{background:rgba(27,182,177,.06)}
.rel .th{width:52px;height:42px;border-radius:7px;background:var(--media);flex-shrink:0;background-size:cover;background-position:center}
.rel .tt{font-size:.8rem;color:var(--text);font-weight:600;font-family:var(--fh);line-height:1.5}.rel .dt{font-size:.7rem;color:var(--mute)}

/* AD SLOTS */
.ad{position:relative;background:var(--surface);border:1px dashed var(--border);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--mute);text-align:center;gap:2px}
.ad .lbl{font-family:var(--fh);font-weight:700;font-size:.9rem;color:var(--soft)}.ad .sz{font-size:.72rem}
.ad .tag{position:absolute;top:8px;inset-inline-start:10px;font-size:.62rem;background:rgba(27,182,177,.12);color:var(--teal);padding:2px 8px;border-radius:5px}
.ad .mk{position:absolute;top:8px;inset-inline-end:10px;width:26px;height:26px;border-radius:6px;background:var(--teal);color:#04201f;font-family:var(--fh);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:.85rem}
.ad-lead,.ad-inline{height:96px;margin:20px 0}.ad-box{height:250px}
.ad .sz-m{display:none}

/* mobile TOC */
.toc-m{display:none}
/* HERO row: title RIGHT + hero LEFT */
/* ⭐ 2026-07-14 · الصورةُ أوّلاً (عمودٌ واحد) — لا عمودان متنافسان. (Ahmad) */
.hero-row{display:grid;grid-template-columns:1fr;gap:16px}
.chip{display:inline-block;background:rgba(27,182,177,.12);color:var(--teal);border:1px solid var(--border);font-family:var(--fh);font-weight:700;font-size:.72rem;padding:5px 13px;border-radius:999px;margin-bottom:14px}
/* العنوانُ لم يعد البطل ⟹ أصغرُ وأناقة. البطلُ هو الصورةُ فوقه. */
h1.title{font-size:clamp(1.5rem,2vw,2.2rem);font-weight:800;margin:0 0 12px}h1.title span{color:var(--teal)}
.subtitle{font-size:1rem;color:var(--soft);margin-bottom:18px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:.82rem;color:var(--mute)}
.author{display:flex;align-items:center;gap:9px}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--gold));display:flex;align-items:center;justify-content:center;color:#04201f;font-weight:800;font-family:var(--fh);background-size:cover}
.author .nm{color:var(--text);font-weight:700;font-family:var(--fh)}.meta .dot{width:4px;height:4px;border-radius:50%;background:var(--mute)}
/* بعرض العمود · بنسبة 1200×630 (صورةُ الـHero) ⟹ تُعرَض كاملةً بلا قصٍّ محرج. */
.hero{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--media);background-size:cover;background-position:center;aspect-ratio:1200/630;width:100%;margin-bottom:30px;display:flex;align-items:center;justify-content:center;border:1px solid var(--bsoft)}
.hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(4,10,16,.05),rgba(4,10,16,.5));pointer-events:none}
.hero-badge{position:absolute;bottom:13px;inset-inline-end:14px;z-index:3;background:var(--gold);color:#1a1200;font-family:var(--fh);font-weight:800;font-size:.72rem;padding:5px 13px;border-radius:999px;box-shadow:0 4px 14px rgba(228,171,66,.4)}
.hero-cap{position:absolute;bottom:13px;inset-inline-start:16px;z-index:3;color:#fff;font-family:var(--fh);font-weight:700;font-size:.82rem;opacity:.92;display:flex;align-items:center;gap:6px}

/* content typography (post body) */
.content h2{font-size:1.5rem;font-weight:800;margin:32px 0 12px;padding-inline-start:12px;border-inline-start:4px solid var(--teal);scroll-margin-top:90px}
.content h3{font-size:1.2rem;margin:26px 0 10px}
.content p{margin-bottom:15px;color:var(--soft);font-size:1.02rem}.content strong{color:var(--text)}
.content a{color:var(--teal);border-bottom:1px solid var(--border)}
.content ul,.content ol{color:var(--soft);margin:0 0 15px;padding-inline-start:24px}
.content img{border-radius:var(--radius);margin:14px 0}
.content h1.title,.content .subtitle,.content .meta{overflow-wrap:anywhere}

/* TL;DR — vertical (post body block .zkaa-tldr) */
.zkaa-tldr,.tldr{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin:22px 0;box-shadow:var(--shs)}
.tldr-h{font-family:var(--fh);font-weight:800;color:var(--teal);font-size:1.1rem;margin-bottom:18px;display:flex;align-items:center;gap:8px}
.tldr-win{display:flex;gap:14px;align-items:flex-start;background:rgba(228,171,66,.08);border:1px solid rgba(228,171,66,.32);border-radius:12px;padding:16px 18px;margin-bottom:14px}
.tldr-win .t{font-size:1.8rem;line-height:1}.tldr-win h4{color:var(--gold-dark);font-size:1rem;margin-bottom:5px}.tldr-win p{font-size:.9rem;color:var(--soft);font-family:var(--fb)}
.tldr-list{display:flex;flex-direction:column}
.tldr-row{display:flex;gap:11px;align-items:baseline;padding:12px 4px;border-top:1px solid var(--bsoft)}
.tldr-row .ck{color:var(--teal);font-weight:800;flex-shrink:0}
.tldr-row .tx b{font-family:var(--fh);color:var(--text);font-size:.92rem}.tldr-row .tx span{font-size:.88rem;color:var(--soft);font-family:var(--fb)}

/* comparison table (in post body) */
.tbl-wrap{position:relative;overflow-x:auto;max-width:100%;margin:8px 0 20px;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shs);-webkit-overflow-scrolling:touch}
.content table{width:100%;border-collapse:collapse;font-family:var(--fb);background:var(--surface)}
.content thead th{background:linear-gradient(135deg,var(--teal),var(--teal-dim));color:#04201f;font-family:var(--fh);font-weight:700;padding:13px 15px;font-size:.88rem;text-align:right}
.content tbody td{padding:12px 15px;border-top:1px solid var(--bsoft);font-size:.88rem;color:var(--soft)}
.content tbody tr:nth-child(even){background:rgba(27,182,177,.04)}.content tbody td:first-child{color:var(--text);font-weight:700;font-family:var(--fh)}
.stars{color:var(--gold);letter-spacing:2px}
.tbl-hint{display:none}
@keyframes swipeX{0%,100%{transform:translateX(0)}50%{transform:translateX(7px)}}

/* FAQ (post body block .zkaa-faq) */
.faq details,.zkaa-faq details{background:var(--surface);border:1px solid var(--border);border-radius:11px;margin-bottom:10px;overflow:hidden}
.faq summary,.zkaa-faq summary{padding:14px 18px;cursor:pointer;font-family:var(--fh);font-weight:700;font-size:.95rem;color:var(--text);list-style:none;display:flex;justify-content:space-between;align-items:center}
.faq summary::-webkit-details-marker,.zkaa-faq summary::-webkit-details-marker{display:none}
.faq summary::after,.zkaa-faq summary::after{content:"+";color:var(--teal);font-size:1.2rem}
.faq details[open] summary::after,.zkaa-faq details[open] summary::after{content:"\2212"}
.faq details p,.zkaa-faq details p{padding:0 18px 16px;color:var(--soft);font-size:.92rem;margin:0}

/* helpful + newsletter */
.takeaways{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;margin:30px 0}
.takeaways h3{color:var(--teal);margin-bottom:12px}.takeaways li{list-style:none;padding-inline-start:26px;position:relative;margin-bottom:9px;color:var(--soft);font-size:.93rem}
.takeaways li::before{content:"\2713";position:absolute;inset-inline-start:0;color:var(--gold);font-weight:800}
.helpful{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 22px;margin:30px 0}
.helpful span{font-family:var(--fh);font-weight:700;color:var(--text)}
.hbtns{display:flex;gap:10px}.hbtns button{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:9px 20px;font-family:var(--fh);font-weight:700;cursor:pointer;transition:var(--tr)}.hbtns button:hover{border-color:var(--teal);color:var(--teal)}
.eo-news{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:linear-gradient(135deg,rgba(27,182,177,.1),rgba(228,171,66,.08));border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;margin:30px 0}
.eo-news .eo-ic{font-size:2rem}.eo-news .eo-tx{flex:1;min-width:200px}.eo-news h3{color:var(--text);margin-bottom:4px}.eo-news p{color:var(--soft);font-size:.88rem;font-family:var(--fb)}
.eo-form{display:flex;gap:8px;flex-wrap:wrap}
.eo-form input{padding:11px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-family:var(--fb);font-size:.85rem;min-width:210px}
.eo-form button{background:var(--gold);color:#1a1200;border:none;border-radius:10px;padding:11px 24px;font-family:var(--fh);font-weight:700;cursor:pointer;transition:var(--tr)}.eo-form button:hover{background:var(--gold-dark)}

/* minimal footer */
.foot-min{position:relative;background:var(--foot);color:#8fa3a1;margin-top:50px;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:.8rem;font-family:var(--fb)}
.foot-min::before{content:"";position:absolute;top:0;inset-inline:0;height:2px;background:linear-gradient(90deg,var(--teal),var(--gold))}
.foot-min .clinks{display:flex;gap:18px}.foot-min .clinks a{color:#8fa3a1;transition:var(--tr)}.foot-min .clinks a:hover{color:var(--teal)}

/* RESPONSIVE */
@media(max-width:1200px){
  .pg{grid-template-columns:1fr 300px}.side.right{display:none}
  .toc-m{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:20px 0;overflow:hidden;box-shadow:var(--shs)}
  .toc-m>summary{padding:15px 18px;cursor:pointer;font-family:var(--fh);font-weight:800;color:var(--teal);font-size:1rem;list-style:none;display:flex;justify-content:space-between;align-items:center}
  .toc-m>summary::-webkit-details-marker{display:none}
  .toc-m>summary::after{content:"\25BE";transition:transform var(--tr)}.toc-m[open]>summary::after{transform:rotate(180deg)}
  .toc-m nav{padding:4px 12px 12px}
  .toc-m nav a{display:block;padding:10px 12px;color:var(--soft);font-size:.9rem;border-radius:9px;border-inline-start:2px solid transparent;transition:var(--tr)}
  .toc-m nav a:hover,.toc-m nav a.active{background:rgba(27,182,177,.1);color:var(--teal);border-inline-start-color:var(--teal)}
}
@media(max-width:960px){.pg{grid-template-columns:1fr}.side{position:static;order:2;flex-direction:row;flex-wrap:wrap}.side .card{flex:1;min-width:240px}.hero-row{grid-template-columns:1fr}.ov{grid-template-columns:1fr}}
@media(max-width:768px){
  .hw{padding:0 16px}.pg{padding:14px 16px 40px;gap:20px}
  h1.title{font-size:clamp(1.5rem,6vw,2rem)}
  .srch{min-width:0;padding:9px}.srch span{display:none}
  .ad-lead,.ad-inline{height:110px}.ad-lead .sz-d,.ad-inline .sz-d{display:none}.ad-lead .sz-m,.ad-inline .sz-m{display:inline}
  .content table{min-width:480px}
  .tbl-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin:18px 0 6px;color:var(--teal);font-family:var(--fh);font-weight:700;font-size:.8rem;background:rgba(27,182,177,.1);border:1px solid var(--border);border-radius:999px;padding:8px 14px;transition:opacity .35s}
  .tbl-hint.hide{opacity:0;pointer-events:none}.tbl-hint .ar{display:inline-block;animation:swipeX 1.2s ease-in-out infinite;font-size:1rem}
  .vs{gap:14px}
  .foot-min{flex-direction:column;text-align:center}
  .eo-form input{min-width:0;flex:1}.eo-tx{min-width:0}
  .side{flex-direction:column}
}

/* ═══════════════════════════════════════════════════════════
   PATCH-01 (2026-07-06) — real logo · theme-icon contrast ·
   desktop table-hint · de-dup old body widgets · light-mode fix
   ═══════════════════════════════════════════════════════════ */

/* real logo mark + wordmark */
.logo{gap:9px}
.logo-mark{width:34px;height:34px;object-fit:contain;display:block;flex-shrink:0}
.logo-wm{font-family:var(--fh);font-weight:800;font-size:1.5rem;color:var(--text);letter-spacing:.5px}

/* theme-toggle icon — clearer (teal, bolder, larger) */
#tbtn{background:rgba(27,182,177,.1);border-color:var(--teal)}
#tbtn:hover{background:rgba(27,182,177,.18)}
#tbtn svg{width:20px;height:20px;stroke:var(--teal);stroke-width:2.2}

/* table swipe-hint: DESKTOP hidden, MOBILE only (body ships its own .zkaa-table-hint) */
.zkaa-table-hint{display:none}
@media(max-width:768px){
  .zkaa-table-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0 6px;color:var(--teal);font-family:var(--fh);font-weight:700;font-size:.8rem;background:rgba(27,182,177,.1);border:1px solid var(--border);border-radius:999px;padding:8px 14px}
}

/* de-duplicate: hide OLD injected/body widgets (template provides eo-news + sidebar related) */
.zkaa-nl-inline,.zkaa-related,.zkaa-related-articles{display:none!important}
/* avoid double table wrapping: body already wraps in .zkaa-table-wrapper; neutralize any template hint added there */
.zkaa-table-wrapper > .tbl-hint,.zkaa-table-wrapper + .tbl-hint{display:none!important}

/* KEEP body feedback widget («هل حقق هدفك») but make it theme-aware in light mode */
[data-theme="light"] .zkaa-feedback-widget{background:var(--surface)!important;border-color:var(--border)!important}
[data-theme="light"] .zkaa-fb-question,[data-theme="light"] .zkaa-fb-issues label,[data-theme="light"] .zkaa-fb-btn{color:var(--text)!important}
[data-theme="light"] .zkaa-fb-btn{background:var(--bg)!important;border-color:var(--border)!important}
[data-theme="light"] .zkaa-fb-thanks p{color:var(--gold-dark)!important}

/* LIGHT-MODE readability: body injects dark-optimized colors (near-white text) — force readable */
[data-theme="light"] .article-body p,
[data-theme="light"] .article-body li,
[data-theme="light"] .article-body ul,
[data-theme="light"] .article-body td{color:var(--soft)!important}
[data-theme="light"] .article-body h2,
[data-theme="light"] .article-body h3,
[data-theme="light"] .article-body h4,
[data-theme="light"] .article-body td:first-child{color:var(--text)!important}
[data-theme="light"] .article-body [style*="F7F5F0"],
[data-theme="light"] .article-body [style*="FAFBFC"],
[data-theme="light"] .article-body [style*="#fff"],
[data-theme="light"] .article-body [style*="#FFF"]{color:var(--text)!important}
[data-theme="light"] .zkaa-article-intro{color:var(--soft)}
/* keep brand accents (teal product names / gold) as-is */

/* FAQ accordion built by JS wraps items into .zkaa-faq (styles already defined above) */
.zkaa-faq{margin:14px 0 8px}

/* PATCH-02 — unify fonts with the SITE (tokens.css → --font-primary: Alexandria) */
:root{--fh:'Alexandria','Cairo',sans-serif;--fb:'Alexandria','Tajawal',sans-serif}

/* PATCH-03 — widen TOC column (220→320) on desktop only; mobile media queries untouched */
@media(min-width:1201px){.pg{grid-template-columns:320px 1fr 280px}}

/* PATCH-04 — theme-toggle icon: high contrast + FORCE size (a theme/injected
   !important rule was collapsing the svg to ~1.6px wide → icon invisible) */
#tbtn{background:var(--surface2);border-color:var(--border)}
#tbtn svg{width:20px!important;height:20px!important;min-width:20px;stroke:var(--text)!important;stroke-width:2.2;fill:none}
#tbtn:hover{border-color:var(--teal)}
#tbtn:hover svg{stroke:var(--teal)!important}

/* PATCH-04 — dark callout cards («دليل علمي موثّق», bg #0D1F1E): readable in LIGHT mode */
[data-theme="light"] .article-body div[style*="0D1F1E"]{background:rgba(27,182,177,.06)!important;border-right-color:var(--teal)!important}
[data-theme="light"] .article-body div[style*="0D1F1E"] p{color:var(--soft)!important}
[data-theme="light"] .article-body div[style*="0D1F1E"] p:first-child{color:var(--teal-dim)!important}

/* ═══════════════════════════════════════════════════════════
   PATCH-05 (2026-07-06) — hero cover-fill · light-mode card palette
   (JS-tagged) · table radius · back-to-top button
   ═══════════════════════════════════════════════════════════ */

/* 1) HERO — كان يملأ ارتفاعَ الصفّ الأطول (تخطيطٌ ذو عمودَين، أُلغيَ 2026-07-14).
      الآن عمودٌ واحد + aspect-ratio ⟹ لا stretch (كان يقاوم النسبة). */
.hero{background-repeat:no-repeat;background-size:cover;background-position:center}

/* 2) ALL dark-bg callout cards → light & premium in Light Mode (JS adds .zkaa-litecard;
   body text is already forced dark by the light-mode rules above, so it stays readable) */
[data-theme="light"] .article-body .zkaa-litecard{background:#F8FBFA!important;border:1px solid rgba(27,182,177,.18)!important;box-shadow:var(--shs)}

/* 3) TABLES get a soft radius so they belong to the visual system (not raw WP tables) */
.article-body .zkaa-table-wrapper,.tbl-wrap{border-radius:12px!important;border:1px solid var(--border)}
.article-body .zkaa-table-wrapper table,.tbl-wrap table{border-radius:12px;overflow:hidden}

/* 4) BACK-TO-TOP button (appears after 600px scroll, bottom-left, fade) */
.zkaa-top{position:fixed;bottom:24px;left:24px;z-index:60;min-width:48px;height:48px;border-radius:24px;padding:0 13px;background:var(--teal);color:#04201f;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(27,182,177,.45);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease,min-width .25s ease}
.zkaa-top svg{width:24px;height:24px;stroke:#04201f;stroke-width:3;fill:none;flex-shrink:0}
.zkaa-top-hint{max-width:0;overflow:hidden;white-space:nowrap;font-family:var(--fh);font-weight:800;font-size:.82rem;opacity:0;margin:0;transition:max-width .28s ease,opacity .28s ease,margin .28s ease}
.zkaa-top:hover .zkaa-top-hint{max-width:64px;opacity:1;margin-inline-start:7px}
.zkaa-top.show{opacity:1;visibility:visible;transform:translateY(0)}
.zkaa-top:hover{background:var(--teal-dim);transform:translateY(-2px)}
@media(max-width:768px){.zkaa-top{bottom:16px;left:16px;min-width:44px;height:44px;padding:0 11px}.zkaa-top s