/* ===== EP THEME — แก้สีทั้งหน้าได้ที่บล็อกนี้ =====
   --accent      สีหลักของตอน (ป้าย EP, เลขหัวข้อ, Q, แถบการ์ด)
   --accent-3    สีคู่ไล่เฉด (เลขหัวข้อ)
   --link        สีลิงก์บนพื้นขาว (ต้องเข้มพอ อ่านชัด)
   --hl-1/--hl-2 สีไล่ของคำเน้นในหัวข้อ hero
   --hero-*      สีพื้นหลังและตัวอักษรใน hero
   ชุดสี EP1 (ตอนนี้): แดง–น้ำเงิน · EP2: ม่วง–ทอง · EP3: เขียวอมฟ้า (Teal)–ฟ้า */
#ots{--accent:#d11f25;--accent-3:#1d4ed8;--link:#c81e1e;--hl-1:#ff5a5f;--hl-2:#ffb347;
  --hero-base:#0d0a1a;--hero-glow-l:rgba(190,24,40,.72);--hero-glow-r:rgba(40,56,200,.70);--hero-glow-b:rgba(229,37,42,.22);--hero-glow-g:rgba(16,185,129,.12);
  --hero-text:#ffffff;--hero-muted:#c9cddb;--pur:var(--accent);--ep-next-sub:#ffe0e1}
/* ===== TYPE SCALE: Desktop ≥1025 (default) ===== */
#ots{--red:#e5252a;--red2:#ff5a5f;--ink:#0f1623;--txt:#263042;--mut:#5c6879;--line:#e7e9f0;--soft:#f6f7fb;--buy:#15803d;--sell:#dc2626;--gold:#f5b642;--warn:#b45309;--blue:#1d4ed8;
  --ff-head:Anuphan,"Noto Sans Thai","Leelawadee UI",Thonburi,system-ui,sans-serif;--ff-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;--ff-body:Anuphan,"Noto Sans Thai","Leelawadee UI",Thonburi,system-ui,sans-serif;
  --fs-h1:50px;--fs-hero:44px;--fs-h2:34px;--fs-h3:23px;--fs-body:19px;--fs-lead:20px;--fs-sm:16px;--fs-xs:14px;--fs-cap:15px;
  --sec-gap:72px;--pad-card:24px;
  max-width:1142px;margin:0 auto;padding:0 16px 8px;box-sizing:border-box;color:var(--txt);
  font-family:var(--ff-body);font-size:var(--fs-body);line-height:1.8;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
/* ===== Tablet 768–1024 ===== */
@media(max-width:1024px){#ots{--fs-h1:40px;--fs-hero:40px;--fs-h2:29px;--fs-h3:21px;--fs-body:18px;--fs-lead:18.5px;--fs-sm:15.5px;--fs-xs:13.5px;--fs-cap:14.5px;--sec-gap:60px;--pad-card:22px}}
/* ===== Mobile ≤767 ===== */
@media(max-width:767px){#ots{--fs-h1:30px;--fs-hero:28px;--fs-h2:24px;--fs-h3:19.5px;--fs-body:17px;--fs-lead:17px;--fs-sm:15px;--fs-xs:13px;--fs-cap:14px;--sec-gap:48px;--pad-card:18px;line-height:1.75}}#ots *{box-sizing:border-box}#ots h1,#ots h2,#ots h3,#ots .ots-toc-h,#ots .ots-oc .ttl,#ots .ots-ep b,#ots .ots-num,#ots .ots-pill,#ots th{font-family:var(--ff-head)}#ots h1,#ots h2,#ots h3{color:var(--ink);font-weight:600;line-height:1.4;margin:0 0 .5em;letter-spacing:0}#ots h1{font-size:var(--fs-h1);font-weight:700;line-height:1.3}#ots h2{font-size:var(--fs-h2)}#ots h3{font-size:var(--fs-h3);margin-top:36px}#ots p{margin:0 0 1.1em}#ots a{color:var(--link);text-underline-offset:3px}#ots strong{color:var(--ink);font-weight:700}#ots .nw{white-space:nowrap}
body{overflow-x:hidden}

/* WARNING */
#ots .ots-warn{display:flex;gap:12px;align-items:flex-start;background:#fff4f4;border:1px solid #ffd5d7;border-radius:14px;padding:12px 16px;font-size:var(--fs-xs);line-height:1.6;color:#8a2a30;margin:0 0 28px}#ots .ots-warn strong{color:#8a2a30}#ots .ots-warn i{flex:0 0 22px;height:22px;border-radius:50%;background:#c81e1e;color:#fff;font-style:normal;font-weight:800;text-align:center;line-height:22px;font-size:13px}

/* TOC */
#ots .ots-toc{background:var(--soft);border-radius:18px;padding:24px 28px;margin:0 0 var(--sec-gap)}#ots .ots-toc-h{font-weight:600;font-size:calc(var(--fs-body) + 1px);color:var(--ink);margin-bottom:10px}#ots .ots-toc ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 32px;counter-reset:t}#ots .ots-toc li{counter-increment:t}#ots .ots-toc a{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--txt);font-size:var(--fs-sm);padding:8px 0;border-bottom:1px dashed #dde1ea}#ots .ots-toc a:before{content:counter(t,decimal-leading-zero);font-family:var(--ff-head);font-weight:600;font-size:13px;color:var(--accent);min-width:22px}#ots .ots-toc a:hover{color:var(--link)}

/* SECTIONS */
#ots .ots-sec{margin:0 0 var(--sec-gap);scroll-margin-top:90px}#ots .ots-sh{display:flex;align-items:center;gap:10px;margin-bottom:8px}#ots .ots-num{font-weight:600;font-size:14px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-3));border-radius:8px;padding:2px 10px}#ots .ots-cat{font-family:var(--ff-mono);font-size:13px;font-weight:500;letter-spacing:1.2px;color:var(--mut);text-transform:uppercase}#ots .ots-def{position:relative;background:var(--ink);color:#e9edf5;border-radius:18px;padding:24px 28px 24px 68px;margin:24px 0;font-size:calc(var(--fs-body) + 1px);font-weight:500;line-height:1.7}#ots .ots-def:before{content:"“";position:absolute;left:22px;top:8px;font-size:60px;line-height:1;color:var(--red2);font-family:Georgia,serif}#ots .ots-def strong{color:var(--gold)}#ots .ots-def small{display:block;font-size:var(--fs-sm);font-weight:400;color:#c3c9d6;margin-top:8px}

/* FIGURES (สัดส่วนรูปอ่านจาก width/height ของแต่ละรูป) */
#ots .ots-fig{margin:24px 0 28px}#ots .ots-fig a{display:block;border-radius:16px;overflow:hidden;border:1px solid var(--line);cursor:zoom-in;background:var(--soft)}#ots .ots-fig img{display:block;width:100%;height:auto;transition:transform .3s}#ots .ots-fig a:hover img{transform:scale(1.015)}#ots .ots-fig figcaption{font-size:var(--fs-cap);line-height:1.55;color:var(--mut);font-style:italic;text-align:center;margin-top:10px;padding:0 6px}#ots .ots-fig figcaption span{font-style:normal;color:#6b7385;white-space:nowrap}#ots .ots-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0 28px}#ots .ots-pair .ots-fig{margin:0}#ots .ots-split{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}#ots .ots-split .ots-fig{margin:0}#ots .ots-lb{position:fixed;inset:0;background:rgba(8,12,20,.92);display:none;align-items:center;justify-content:center;z-index:99999;padding:20px;cursor:zoom-out}#ots .ots-lb.on{display:flex}#ots .ots-lb img{max-width:100%;max-height:92vh;border-radius:10px}

/* CHIPS */
#ots .ots-chips{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}#ots .ots-chips .ots-chip{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 14px;font-size:var(--fs-sm);text-decoration:none;color:var(--txt)}#ots .ots-chips .ots-chip b{font-family:var(--ff-head);font-weight:600;color:var(--pur);margin-right:4px}#ots .ots-chips .c-up b{color:var(--buy)}#ots .ots-chips .c-dn b{color:var(--sell)}#ots .ots-chips .c-sw b{color:var(--warn)}#ots .ots-chips a.ots-chip:hover{border-color:#c9cedb}

/* CARDS + STEPS */
#ots .ots-g2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}#ots .ots-side{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;padding:calc(var(--pad-card) + 4px) var(--pad-card) var(--pad-card);background:#fff}#ots .ots-side:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--pur)}#ots .ots-side.s:before{background:var(--sell)}#ots .ots-side.b:before{background:var(--buy)}#ots .ots-side.w:before{background:var(--warn)}
#ots .ots-duo{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0 28px}#ots .ots-col{display:flex;flex-direction:column;gap:14px;scroll-margin-top:90px}#ots .ots-col .ots-side{flex:1}#ots .ots-col .ots-fig{margin:0}#ots .ots-pill{display:inline-block;font-size:12.5px;font-weight:600;color:#fff;border-radius:6px;padding:2px 10px;margin-bottom:8px;background:var(--pur)}#ots .ots-side.s .ots-pill{background:var(--sell)}#ots .ots-side.b .ots-pill{background:var(--buy)}#ots .ots-side.w .ots-pill{background:var(--warn)}#ots .ots-side h3{margin:0 0 12px;font-size:calc(var(--fs-h3) - 2px)}#ots .ots-side p{font-size:var(--fs-sm);line-height:1.7;margin:0 0 .7em}#ots .ots-side p:last-child{margin-bottom:0}#ots .ots-step{display:flex;gap:12px;margin:12px 0;line-height:1.65;font-size:var(--fs-sm)}#ots .ots-step .n{flex:0 0 28px;height:28px;border-radius:50%;background:var(--soft);border:1px solid var(--line);font-family:var(--ff-head);font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;color:var(--ink)}
#ots .ots-status{display:inline-flex;align-items:center;gap:8px;font-family:var(--ff-head);font-weight:600;font-size:var(--fs-xs);border-radius:999px;padding:4px 12px;margin-top:4px;background:var(--soft);border:1px solid var(--line);color:var(--ink)}#ots .ots-status:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}#ots .st-up{color:#166534;background:#f0fdf4;border-color:#bbf7d0}#ots .st-sw{color:#92400e;background:#fffbeb;border-color:#fde68a}#ots .st-dn{color:#b91c1c;background:#fef2f2;border-color:#fecaca}

/* CALLOUT */
#ots .ots-note{display:flex;gap:14px;background:#fff9ec;border:1px solid #ffe3a6;border-radius:16px;padding:16px 20px;margin:24px 0;font-size:var(--fs-sm);line-height:1.7}#ots .ots-note i{flex:0 0 30px;height:30px;border-radius:50%;background:var(--gold);color:#3b2a00;font-style:normal;font-weight:900;text-align:center;line-height:30px}#ots .ots-note p{margin:0}

/* TABLE */
#ots .ots-tw{overflow-x:auto;border:1px solid var(--line);border-radius:18px;margin:24px 0}#ots table{width:100%;min-width:680px;border-collapse:collapse;font-size:var(--fs-sm);line-height:1.6;background:#fff}#ots th{background:var(--ink);color:#fff;text-align:left;padding:14px 16px;font-weight:500}#ots td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}#ots tr:last-child td{border-bottom:0}#ots .t-s{color:var(--sell);font-weight:700}#ots .t-b{color:var(--buy);font-weight:700}#ots .t-w{color:var(--warn);font-weight:700}#ots .t-s,#ots .t-b,#ots .t-w{white-space:nowrap}#ots td small{font-weight:400;color:var(--mut)}

/* FAQ */
#ots .ots-faq{display:grid;gap:12px}#ots .ots-q{border:1px solid var(--line);border-radius:16px;padding:20px 22px;background:#fff}#ots .ots-q h3{font-size:calc(var(--fs-body) + 1px);font-weight:600;margin:0 0 6px;display:flex;gap:12px;align-items:flex-start}#ots .ots-q h3:before{content:"Q";flex:0 0 26px;height:26px;margin-top:2px;border-radius:8px;background:var(--accent);color:#fff;font-size:14px;text-align:center;line-height:26px}#ots .ots-q p{margin:0 0 0 38px;color:var(--mut);font-size:var(--fs-sm);line-height:1.75}

/* EP NAV */
#ots .ots-next{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 28px}#ots .ots-ep{display:block;border-radius:20px;padding:26px 28px;text-decoration:none!important;transition:.15s}#ots .ots-ep:hover{transform:translateY(-3px)}#ots .ots-ep small{display:block;font-size:var(--fs-xs);font-weight:600;margin-bottom:6px}#ots .ots-ep b{display:block;font-size:calc(var(--fs-h3) - 1px);font-weight:600;line-height:1.4;margin-bottom:6px}#ots .ots-ep span{font-size:var(--fs-xs)}#ots .ots-ep em{display:inline-block;font-style:normal;font-weight:700;font-size:var(--fs-xs);margin-top:14px;border-radius:10px;padding:8px 16px}#ots .ep-prev{background:var(--soft);border:1px solid var(--line)}#ots .ep-prev small,#ots .ep-prev span{color:var(--mut)}#ots .ep-prev b{color:var(--ink)}#ots .ep-prev em{background:#fff;border:1px solid var(--line);color:var(--ink)}#ots .ep-next{background:radial-gradient(80% 120% at 0% 0%,var(--hero-glow-l),transparent 60%),radial-gradient(80% 120% at 100% 100%,var(--hero-glow-r),transparent 60%),var(--hero-base)}#ots .ep-next small{color:var(--ep-next-sub)}#ots .ep-next b{color:#fff}#ots .ep-next span{color:#fff0f0}#ots .ep-next em{background:#fff;color:var(--accent)}#ots .ots-risk{background:var(--soft);border-radius:14px;padding:14px 18px;font-size:13px;line-height:1.65;color:var(--mut);margin-bottom:40px}

/* ===== LAYOUT: Tablet ===== */
@media(max-width:1024px){#ots .ots-hero{min-height:auto}#ots .ots-hero-in{grid-template-columns:1fr;gap:28px;padding:48px 24px}#ots .ots-hero-art{max-width:560px}#ots .ots-split{grid-template-columns:1fr;gap:8px}#ots .ots-split .ots-fig{margin-top:8px}
}
/* ===== LAYOUT: Mobile ===== */
@media(max-width:767px){#ots .ots-hero-in{padding:36px 16px 32px}#ots .ots-over,#ots .ots-g2,#ots .ots-next,#ots .ots-pair,#ots .ots-duo{grid-template-columns:1fr}
  #ots .ots-duo{gap:36px}#ots .ots-over{gap:12px}#ots .ots-pair{gap:24px}#ots .ots-toc{padding:18px 18px}#ots .ots-toc ol{grid-template-columns:1fr}#ots .ots-def{padding:18px 18px 18px 50px}#ots .ots-def:before{left:12px;font-size:48px}#ots .ots-q{padding:16px 18px}#ots .ots-q p{margin-left:0}#ots .ots-ep{padding:22px 20px}
}

/* ===== HERO (EP-series theme) ===== */
#ots .ots-hero{position:relative;width:100vw;margin:0 0 4px calc(50% - 50vw);background:transparent;padding:0 0 28px;overflow:hidden;color:#fff}
#ots .ots-hero-bg{position:absolute;left:0;right:0;top:0;bottom:90px;background:
  radial-gradient(60% 90% at 0% 30%,var(--hero-glow-l) 0%,transparent 70%),
  radial-gradient(55% 80% at 100% 10%,var(--hero-glow-r) 0%,transparent 70%),
  radial-gradient(40% 50% at 45% 100%,var(--hero-glow-b) 0%,transparent 70%),
  radial-gradient(30% 40% at 80% 95%,var(--hero-glow-g) 0%,transparent 70%),
  var(--hero-base)}
#ots .ots-hero-bg:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1.4px);background-size:26px 26px;-webkit-mask:linear-gradient(90deg,transparent 35%,#000 75%);mask:linear-gradient(90deg,transparent 35%,#000 75%)}
#ots .ots-hero-in{position:relative;z-index:1;max-width:1142px;margin:0 auto;padding:56px 16px 40px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:center;min-height:0}
#ots .ots-crumb{font-size:var(--fs-xs);color:var(--hero-muted);margin-bottom:22px}
#ots .ots-crumb a{color:var(--hero-muted);text-decoration:none}
#ots .ots-crumb a:hover{color:#fff}
#ots .ots-badge{display:inline-flex;align-items:center;gap:12px;padding:5px 18px 5px 6px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);font-family:var(--ff-head);font-weight:600;font-size:calc(var(--fs-xs) + 1px);color:#fff;margin-bottom:22px;backdrop-filter:blur(6px)}
#ots .ots-badge b{background:var(--accent);border-radius:999px;padding:3px 12px;font-family:var(--ff-mono);font-weight:600;font-size:13px;letter-spacing:.5px}
#ots .ots-hero h1{color:var(--hero-text);font-size:var(--fs-hero);line-height:1.25;margin:0 0 18px;font-weight:700}
#ots .ots-grad{background:linear-gradient(90deg,var(--hl-1) 0%,var(--hl-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
#ots .ots-lead{color:var(--hero-muted);font-size:var(--fs-lead);line-height:1.75;max-width:34em;margin:0 0 24px;text-wrap:pretty}
#ots .ots-lead strong{color:#fff}
#ots .ots-meta{display:flex;flex-wrap:wrap;gap:10px;margin:0}
#ots .ots-meta span{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);border-radius:999px;padding:6px 16px;font-size:var(--fs-xs);color:#dfe4ee}
#ots .ots-meta span:first-child:before{content:"";width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e}
#ots .ots-meta b{font-weight:600;text-decoration:underline;text-underline-offset:4px;color:#fff}

/* chart card */
#ots .ots-hero-art{position:relative;padding:18px 0 10px 24px}
#ots .ots-chart{position:relative;border-radius:22px;padding:16px 18px 14px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.16);box-shadow:0 40px 80px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(10px);transform:perspective(1100px) rotateY(-9deg) rotateX(3deg);transition:transform .3s ease-out;will-change:transform}
#ots .ots-chart-top{display:flex;justify-content:space-between;align-items:center;font-family:var(--ff-mono);font-size:13px;font-weight:600;color:#cfd6e4;margin-bottom:4px}
#ots .ots-chart-top .sym:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;margin-right:8px;vertical-align:1px;box-shadow:0 0 8px #22c55e}
#ots .ots-chart-top .st{color:#4ade80;letter-spacing:1px}
#ots .ots-chart svg{display:block;width:100%;height:auto}
#ots .ots-hero .ots-chip{position:absolute;display:inline-flex;align-items:center;gap:8px;font-family:var(--ff-head);font-weight:600;font-size:14px;border-radius:12px;padding:7px 14px;white-space:nowrap;z-index:2}
#ots .chip-hh{top:0;left:50%;background:rgba(30,38,60,.85);border:1px solid rgba(255,255,255,.22);color:#fff;backdrop-filter:blur(6px)}
#ots .chip-hh:before{content:"";border:5px solid transparent;border-bottom:8px solid #34d399;border-top:0;margin-top:-2px}
#ots .chip-hl{left:30%;bottom:0;background:rgba(59,130,246,.2);border:1px solid rgba(147,197,253,.7);color:#dbeafe}
#ots .chip-hl:before{content:"";border:5px solid transparent;border-bottom:8px solid #93c5fd;border-top:0;margin-top:-2px}
#ots .chip-buy{right:12%;bottom:12%;background:#10b981;color:#062b1e;box-shadow:0 0 0 4px rgba(16,185,129,.18),0 10px 30px rgba(16,185,129,.45)}
#ots .chip-buy:before{content:"";width:9px;height:9px;border-radius:50%;background:#062b1e}
#ots .chip-sl{right:-4px;top:52%;background:rgba(229,37,42,.2);border:1px solid rgba(255,90,95,.7);color:#ffd0d1;font-family:var(--ff-mono);font-size:13px;padding:5px 12px}

/* overview cards overlapping hero edge */
#ots .ots-over{position:relative;z-index:1;max-width:1142px;margin:0 auto 0;padding:0 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
#ots .ots-oc{position:relative;overflow:hidden;display:block;border-radius:18px;padding:22px 22px 20px;background:#fff;box-shadow:0 10px 24px rgba(7,10,20,.10),0 1px 2px rgba(7,10,20,.06);text-decoration:none!important;color:var(--txt)!important;transition:transform .2s,box-shadow .2s}
#ots .ots-oc:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(7,10,20,.14)}
#ots .ots-oc:after{display:none}
#ots .ots-oc .lab{font-family:var(--ff-mono);font-size:13px;font-weight:600;letter-spacing:1.5px;display:flex;align-items:center;gap:8px}
#ots .ots-oc .lab:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
#ots .ots-oc .ttl{font-family:var(--ff-head);font-size:calc(var(--fs-h3) + 2px);font-weight:600;color:var(--ink);margin:4px 0 2px;line-height:1.35}
#ots .ots-oc p{font-size:var(--fs-xs);color:var(--mut);margin:0;line-height:1.55;max-width:none}
#ots .ots-oc svg{position:absolute;right:18px;top:22px;width:92px;height:40px;z-index:1}
#ots .oc-up .lab{color:#047857}#ots .oc-up{background:radial-gradient(160px 110px at 100% 0%,rgba(16,185,129,.14),transparent 70%),#fff}
#ots .oc-down .lab{color:#dc2626}#ots .oc-down{background:radial-gradient(160px 110px at 100% 0%,rgba(239,68,68,.13),transparent 70%),#fff}
#ots .oc-side .lab{color:#a16207}#ots .oc-side{background:radial-gradient(160px 110px at 100% 0%,rgba(245,182,66,.16),transparent 70%),#fff}

/* animation */
#ots .ots-candles g{opacity:0;transform-box:fill-box;transform-origin:50% 100%;animation:otsCandle .45s ease-out forwards;animation-delay:calc(var(--i) * 55ms + .2s)}
@keyframes otsCandle{from{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}
#ots .a-fade{opacity:0;animation:otsIn .6s ease forwards}
#ots .a-d1{animation-delay:.1s}#ots .a-d2{animation-delay:1.3s}#ots .a-d3{animation-delay:1.9s}#ots .a-d4{animation-delay:2.3s}
@keyframes otsIn{to{opacity:1}}
#ots .a-lines{opacity:0;animation:otsIn .6s ease .1s forwards,otsMarch 1.4s linear infinite}
#ots .a-lines.a-d2{animation-delay:1.3s,0s}#ots .a-lines.a-d3{animation-delay:1.9s,0s}
@keyframes otsMarch{to{stroke-dashoffset:-14}}
#ots .a-ring{transform-box:fill-box;transform-origin:center;animation:otsRing 2s ease-out 2.4s infinite}
@keyframes otsRing{0%{transform:scale(1);opacity:.9}100%{transform:scale(2.6);opacity:0}}
#ots .ots-hero .ots-chip{opacity:0;animation:otsPop .5s cubic-bezier(.3,1.6,.5,1) forwards}
#ots .chip-hl{animation-delay:1s}#ots .chip-hh{animation-delay:1.5s}#ots .chip-sl{animation-delay:2.7s}
@keyframes otsPop{from{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:none}}
#ots .ots-hero .chip-buy{animation:otsPop .5s cubic-bezier(.3,1.6,.5,1) 2.3s forwards,otsGlow 2.4s ease-in-out 2.9s infinite}
@keyframes otsGlow{50%{box-shadow:0 0 0 8px rgba(16,185,129,.10),0 10px 40px rgba(16,185,129,.65)}}
#ots .a-dot{opacity:0;animation:otsIn .3s ease 2.6s forwards}
@media(prefers-reduced-motion:reduce){#ots .ots-hero *{animation:none!important;opacity:1!important}#ots .a-dot{display:none}}

/* hero responsive */
@media(max-width:1024px){
  #ots .ots-hero-in{grid-template-columns:1fr;gap:36px;padding:44px 24px 36px}
  #ots .ots-hero-art{max-width:600px;padding-left:16px}
  #ots .ots-chart{transform:none}
  #ots .ots-over{padding:0 24px}
  #ots .ots-oc p{max-width:100%;padding-right:0}
  #ots .ots-oc svg{display:none}
}
@media(max-width:767px){
  #ots .ots-hero-bg{bottom:68px}
  #ots .ots-hero-in{padding:32px 16px 28px;gap:28px}
  #ots .ots-crumb{margin-bottom:16px}
  #ots .ots-badge{margin-bottom:16px}
  #ots .ots-hero-art{padding:16px 0 8px}
  #ots .ots-oc svg{display:block;width:80px;height:36px;top:18px;right:16px}
  #ots .ots-hero .ots-chip{font-size:12.5px;padding:5px 11px}
  #ots .chip-buy{right:8%;bottom:12%}
  #ots .chip-hl{left:26%;bottom:0}
  #ots .ots-over{grid-template-columns:1fr;gap:12px;padding:0 16px}
  #ots .ots-oc{padding:18px 18px 16px}
  #ots .ots-meta span{padding:5px 12px}
}

/* ===== THEME GUARD (JNews / Elementor overrides) ===== */
#ots,#ots p,#ots li,#ots td,#ots figcaption,#ots .ots-lead,#ots .ots-step,#ots .ots-note,#ots .ots-q p{font-family:var(--ff-body)}
#ots h1,#ots h2,#ots h3,#ots .ots-badge,#ots .ots-hero .ots-chip,#ots .ots-status,#ots .ots-ep b,#ots th{font-family:var(--ff-head)!important}
#ots .ots-cat,#ots .ots-oc .lab,#ots .ots-chart-top,#ots .ots-badge b{font-family:var(--ff-mono)!important}
#ots p:empty{display:none}
#ots p,#ots li,#ots td,#ots th,#ots figcaption{letter-spacing:0}
#ots p{font-size:inherit;line-height:inherit;color:inherit}
#ots .ots-side p{font-size:var(--fs-sm)}
#ots .ots-over>br,#ots .ots-pair>br,#ots .ots-g2>br,#ots .ots-next>br,#ots .ots-split>br,#ots .ots-duo>br,#ots .ots-col>br,#ots .ots-chips>br{display:none}
#ots img{margin:0;max-width:100%;box-shadow:none}
#ots figure{padding:0}
#ots ol,#ots ul{margin:0;padding:0}
#ots li{margin:0;list-style:none}
#ots li:before{background:none}
#ots table,#ots th,#ots td{border-left:0;border-right:0;border-top:0}
#ots a{box-shadow:none;border-bottom:0}
#ots h1,#ots h2,#ots h3{text-transform:none;letter-spacing:0}
#ots h2:before,#ots h2:after,#ots h3:after{display:none}
#ots .ots-q h3:before{display:block}