/*
 * Mindset Growth Hub: Course Details page (Arabic, RTL).
 * Every <style> block of tpl-course-details in final.html, in its original order.
 */

:root{--p:#3A66AE;--pd:#2B4F8C;--n:#14244B;--s:#F6AB1C;--a:#BCD6EC;--as:#E4EFF9;--bg:#F4F7FC;--m:#55627F;--l:#DDE6F2}
*{box-sizing:border-box}body{margin:0;font-family:"DejaVu Sans",Tahoma,sans-serif;color:var(--n);background:#fff;font-size:16px;line-height:1.9}
.w{width:1200px;margin:auto}.i{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
h1,h2,h3,p,ul{margin:0;padding:0}ul{list-style:none}
.bar{border-radius:10px 999px 999px 999px}
header{height:84px;border-bottom:1px solid var(--l)}header .w{display:flex;align-items:center;justify-content:space-between;height:100%}header img{height:52px}
nav{display:flex;gap:30px;font-weight:700;font-size:15px}nav b{color:var(--p);border-bottom:3px solid var(--s);padding-bottom:6px}
.btn{display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 28px;border-radius:14px;font-weight:700;font-size:16px}
.am{background:var(--s);color:var(--n);box-shadow:0 12px 24px -12px rgba(246,171,28,.9)}.ol{background:#fff;border:1.5px solid var(--a);color:var(--pd)}.dk{background:var(--n);color:#fff}.wh{background:#fff;color:var(--n)}
.hero{background:linear-gradient(135deg,#fff 0%,var(--as) 100%);padding:26px 0 96px;position:relative;overflow:hidden}
.crumb{font-size:13.5px;color:var(--m);margin-bottom:44px}.crumb b{color:var(--n)}
.hg{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}
.badge{display:inline-flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--a);color:var(--pd);font-weight:700;font-size:14px;padding:7px 18px;border-radius:999px}
h1{font-size:64px;line-height:1.25;margin:18px 0 12px;font-weight:800}h1 span{color:var(--p)}
.hero p.sub{font-size:19px;color:var(--m);max-width:520px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 32px}.chips span{display:inline-flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--l);padding:8px 16px;border-radius:12px;font-size:14px;font-weight:700}.chips .i{color:var(--s)}
.cta-row{display:flex;gap:14px}
.media{position:relative;padding:0 0 40px 40px}.media:before{content:"";position:absolute;left:0;bottom:0;width:150px;height:330px;background:var(--s);border-radius:12px 999px 999px 999px}.media:after{content:"";position:absolute;right:-26px;top:-30px;width:90px;height:200px;background:var(--p);border-radius:12px 999px 999px 999px}
.media img{position:relative;z-index:1;width:100%;height:380px;object-fit:cover;border-radius:28px;box-shadow:0 34px 64px -28px rgba(20,36,75,.5);display:block}
.cert{position:absolute;z-index:2;right:-30px;bottom:6px;background:#fff;border-radius:18px;padding:14px 18px;display:flex;gap:14px;align-items:center;box-shadow:0 22px 44px -18px rgba(20,36,75,.45);font-size:14px;line-height:1.6}.cert i{width:48px;height:48px;border-radius:14px;background:var(--s);display:grid;place-items:center;font-size:22px}.cert small{color:var(--p);font-weight:700;display:block}.cert b{display:block;max-width:230px}
.tabs{border-bottom:1px solid var(--l);background:#fff;position:sticky;top:calc(var(--mgh-admin-h,0px) + var(--mgh-head-h,74px));z-index:900;transition:box-shadow .3s}.tabs a{display:inline-block;padding:18px 0;transition:color .2s}.tabs a:hover{color:var(--p)}.sec{scroll-margin-top:calc(var(--mgh-admin-h,0px) + var(--mgh-head-h,74px) + 58px)}.tabs .w{display:flex;gap:34px;font-weight:700;font-size:14.5px;color:var(--m)}.tabs span{padding:18px 0}.tabs .on{color:var(--p);box-shadow:inset 0 -3px 0 var(--s)}
.sec{padding:88px 0}.tint{background:var(--bg)}
.lbl{display:inline-flex;align-items:center;gap:12px;color:var(--p);font-weight:700;font-size:14px}.lbl:before{content:"";width:34px;height:3px;background:var(--s);border-radius:3px}
h2{font-size:38px;line-height:1.4;margin:8px 0 36px;font-weight:800}
.about{display:grid;grid-template-columns:1.35fr 1fr;gap:56px;align-items:start}.about p{color:var(--m);font-size:17px}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;margin-top:28px}.checks li,.ba li{display:flex;gap:10px;align-items:flex-start;font-weight:700;font-size:14.5px;line-height:1.8}.checks .i{color:var(--p);margin-top:5px}
.goal{background:var(--n);color:#fff;border-radius:28px;padding:34px;position:relative;overflow:hidden}.goal:after{content:"";position:absolute;left:-30px;bottom:-90px;width:110px;height:240px;background:var(--p);border-radius:10px 999px 999px 999px;opacity:.6}
.goal h3{display:flex;gap:10px;align-items:center;color:var(--s);font-size:22px;margin-bottom:20px}.goal li{display:flex;gap:16px;margin-bottom:18px;font-weight:700;font-size:15px;position:relative;z-index:1}.goal li b{color:var(--s);font-size:22px;line-height:1.3}
.og{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}.og div{background:#fff;border:1px solid var(--l);border-radius:16px;padding:16px 20px;display:flex;gap:14px;align-items:center;font-weight:700}.og i{width:34px;height:34px;border-radius:6px 999px 999px 999px;background:var(--as);color:var(--p);display:grid;place-items:center;flex:none}.og div:nth-child(4n+2) i,.og div:nth-child(4n+3) i{background:#FEF0CF;color:#9A6500}
.ba{display:grid;grid-template-columns:1fr 110px 1fr;gap:20px;align-items:center}.ba .c{border-radius:26px;padding:34px;border:1px solid var(--l);background:var(--bg)}.ba h3{display:flex;gap:12px;align-items:center;font-size:22px;margin-bottom:18px}.ba h3 i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#fff;color:var(--m)}
.ba li{font-weight:400;font-size:15.5px;margin-bottom:10px;color:var(--m)}.ba .aft{background:var(--p);color:#fff;border:0;box-shadow:0 30px 60px -28px rgba(58,102,174,.8)}.ba .aft li{color:#fff}.ba .aft .i{color:var(--s);margin-top:6px}.ba .aft h3 i{background:var(--s);color:var(--n)}
.ba .bef li:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--a);margin-top:12px;flex:none}
.mid{text-align:center;font-weight:700;font-size:13px;color:var(--p)}.mid i{width:64px;height:64px;border-radius:50%;background:var(--s);color:var(--n);display:grid;place-items:center;margin:0 auto 8px;font-size:24px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:#fff;border:1px solid var(--l);border-radius:24px;padding:28px}
.aud i{width:54px;height:54px;border-radius:8px 999px 999px 999px;background:var(--p);color:#fff;display:grid;place-items:center;font-size:22px;margin-bottom:16px}.aud:nth-child(even) i{background:var(--s);color:var(--n)}
.aud h3{font-size:18.5px;line-height:1.6}.aud p{color:var(--m);font-size:14.5px}.aud .why{border-top:1px dashed var(--a);margin-top:14px;padding-top:12px}.aud .why b{color:var(--p);font-size:13.5px;display:flex;gap:6px;align-items:center}
.day{position:relative;overflow:hidden}.day .n{font-size:54px;font-weight:800;color:var(--as);line-height:1}.day .t{display:inline-block;background:#FEF0CF;color:#7A5200;font-weight:700;font-size:13px;padding:2px 12px;border-radius:8px;margin:10px 0 6px}
.day h3{font-size:19px}.day small{display:flex;gap:6px;align-items:center;color:var(--m);margin:4px 0 8px}.day p{color:var(--m);font-size:14.5px}.day a{display:inline-flex;gap:8px;align-items:center;color:var(--p);font-weight:700;margin-top:12px}
.acc{background:#fff;border:1px solid var(--l);border-radius:22px;padding:22px 26px;margin-bottom:14px}.acc.open{border-color:var(--a);box-shadow:0 26px 54px -30px rgba(20,36,75,.35)}
.ah{display:flex;align-items:center;gap:18px}.ah .no{width:50px;height:50px;border-radius:8px 999px 999px 999px;background:var(--as);color:var(--p);display:grid;place-items:center;font-weight:800}.open .ah .no{background:var(--p);color:#fff}
.ah h3{font-size:18.5px}.ah small{color:var(--m)}.ah .tg{margin-right:auto;width:38px;height:38px;border-radius:50%;border:1px solid var(--l);display:grid;place-items:center}.open .tg{background:var(--s);border:0}
.ab{margin:14px 68px 0 0}.ab>p{color:var(--m);margin-bottom:16px}.two{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.box{background:var(--bg);border-radius:18px;padding:20px 22px}.box h4{margin:0 0 10px;display:flex;gap:8px;align-items:center;font-size:15px}.box h4 .i{color:var(--s)}
.ah{cursor:pointer;-webkit-user-select:none;user-select:none}.ah:focus-visible{outline:2px solid var(--p);outline-offset:6px;border-radius:14px}.ah .tg{flex:none;transition:background .3s,border-color .3s}.tg>span{display:grid}.tg .t-o,.open .tg .t-c{display:none}.open .tg .t-o{display:grid}
.ap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.2,.7,.2,1)}.ap>div{overflow:hidden}.open .ap{grid-template-rows:1fr}.acc{transition:border-color .3s,box-shadow .3s}
.box li{font-size:14.5px;color:var(--m);padding-right:18px;position:relative;margin-bottom:8px}.box li:before{content:"";position:absolute;right:0;top:11px;width:8px;height:8px;background:var(--s);border-radius:2px 8px 8px 8px}.box li b{color:var(--n)}
.pills span{display:inline-block;background:#fff;border:1px solid var(--a);color:var(--pd);font-weight:700;font-size:13.5px;padding:4px 14px;border-radius:999px;margin:0 0 8px 6px}
.out{margin-top:16px;background:#FEF6E1;border:1px solid #F9DC9B;border-radius:14px;padding:12px 18px;font-size:14.5px;display:flex;gap:10px;align-items:center}.out .i{color:#B37800}
.tool{display:flex;gap:16px;padding:22px}.tool i{width:52px;height:52px;border-radius:14px;background:var(--as);color:var(--p);display:grid;place-items:center;font-size:22px;flex:none}.tool h3{font-size:16.5px}.tool p{color:var(--m);font-size:13.5px;line-height:1.8}
.pr{display:flex;gap:16px;align-items:center}.pr .no{width:52px;height:52px;border-radius:8px 999px 999px 999px;background:var(--n);color:var(--s);display:grid;place-items:center;font-weight:800;flex:none}.pr small{color:#9A6500;font-weight:700}.pr h3{font-size:17.5px}.pr p{color:var(--m);font-size:13.5px;line-height:1.8}
.prg{align-items:start}.pr2{padding:0;overflow:hidden;transition:border-color .3s,box-shadow .3s}.card.pr2:hover{transform:none}.pr2.open{border-color:var(--s);box-shadow:0 26px 54px -30px rgba(20,36,75,.35)}
.pr-h{display:flex;gap:16px;align-items:flex-start;padding:24px}.pr-h .no{width:52px;height:52px;border-radius:8px 999px 999px 999px;background:var(--n);color:var(--s);display:grid;place-items:center;font-weight:800;flex:none}.pr-t{flex:1;min-width:0}.pr-t small{color:#9A6500;font-weight:700}.pr-t h3{font-size:18px;margin:2px 0 6px}.pr-t p{color:var(--m);font-size:14.5px;line-height:1.7}
.pr-tg{flex:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--l);background:var(--as);color:var(--p);display:grid;place-items:center;cursor:pointer;padding:0;transition:transform .35s cubic-bezier(.2,.7,.2,1),background .3s,color .3s,border-color .3s}.pr-tg:hover{background:var(--a)}.pr-tg:focus-visible{outline:2px solid var(--p);outline-offset:3px}.pr-tg svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}.pr2.open .pr-tg{transform:rotate(45deg);background:#FEF0CF;border-color:#F6D58A;color:#9A6500}
.pr-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.2,.7,.2,1)}.pr-b>div{overflow:hidden}.pr2.open .pr-b{grid-template-rows:1fr}.pr-in{border-top:1px solid var(--l);padding:20px 24px 24px;display:grid;gap:16px}
.pr-it{display:flex;gap:12px;align-items:flex-start}.pr-it .pi{width:38px;height:38px;border-radius:10px;background:#FEF6E3;color:#C98A0B;display:grid;place-items:center;flex:none}.pi svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pr-it b{display:block;color:var(--n);font-size:15px;margin-bottom:2px}.pr-it p{color:var(--m);font-size:14.5px;line-height:1.7}
.pr-in h4{margin:2px 0 10px;font-size:15px;color:var(--n)}.pr-pills{display:flex;flex-wrap:wrap;gap:8px}.pr-pills span{padding:7px 14px;border-radius:999px;font-weight:700;font-size:13.5px;background:var(--as);color:var(--pd)}.pr-pills.tools span{background:#fff;border:1px solid var(--l);color:var(--n)}
.cta{background:var(--n);color:#fff;border-radius:36px;padding:76px 72px;position:relative;overflow:hidden}.cta .lbl{color:var(--s)}.cta h2{font-size:52px;margin:6px 0 14px}.cta p{color:#C9D6EE;max-width:560px;font-size:17px;margin-bottom:30px}
.cb{position:absolute;left:80px;top:-40px;display:flex;gap:20px;direction:ltr}.cb b{width:104px;height:300px;border-radius:10px 999px 999px 999px;background:var(--p)}.cb b:nth-child(2){background:var(--s);margin-top:56px}.cb b:nth-child(3){margin-top:112px;background:var(--a)}
footer{background:var(--n);color:#C9D6EE;margin-top:88px;padding:44px 0;font-size:14px}footer .w{display:flex;justify-content:space-between;align-items:center}footer span.lg{background:#fff;border-radius:14px;padding:8px 14px}footer img{height:42px;display:block}
body{font-family:Tajawal,"DejaVu Sans","Segoe UI",Tahoma,sans-serif;overflow-x:hidden}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}.w{width:min(100% - 40px,1200px)}h1{font-size:clamp(2.4rem,5.4vw,4rem)}h2{font-size:clamp(1.7rem,3.6vw,2.4rem)}.cta h2{font-size:clamp(1.8rem,4.4vw,3.2rem)}.sec{padding:clamp(56px,8vw,88px) 0}
.btn{transition:transform .25s}.btn:hover{transform:translateY(-2px)}.card{transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-5px);box-shadow:0 24px 44px -26px rgba(20,36,75,.4)}.tabs .w{overflow-x:auto;white-space:nowrap}
@media(max-width:1000px){.hg,.about,.two,.ba{grid-template-columns:1fr}.g3,.g4,.og{grid-template-columns:1fr 1fr}.media{max-width:560px}.cert{right:0}.cb{opacity:.25;left:0}.ab{margin-right:0}.mid i{transform:rotate(-90deg)}}
@media(max-width:620px){.g3,.g4,.og,.checks{grid-template-columns:1fr}.cta{padding:40px 24px}.cb{display:none}.cta-row{flex-wrap:wrap}.cta-row .btn{flex:1 1 100%;justify-content:center}.media img{height:260px}}

/* CTA: light sky card, icon tile, navy text, amber button, three brand bars */
.ucta-wrap{padding:72px 0;background:#fff}.ucta{width:min(100% - 40px,1200px);margin:auto;background:linear-gradient(105deg,#ABC9E8 0%,#C4DAF0 100%);color:#14244B;border:1px solid rgba(58,102,174,.28);border-radius:36px;padding:clamp(40px,6vw,92px) clamp(28px,6vw,92px);position:relative;overflow:hidden;font-family:inherit}
.ucta-ico{display:grid;place-items:center;width:70px;height:70px;border-radius:18px;background:#fff;color:#3A66AE;margin-bottom:28px;position:relative;z-index:1;box-shadow:0 10px 24px -14px rgba(20,36,75,.35)}.ucta-ico svg{width:30px;height:30px}
.ucta h2{font-size:clamp(2rem,4.6vw,3.6rem);line-height:1.25;margin:0 0 18px;font-weight:800;color:#14244B;position:relative;z-index:1;max-width:none;letter-spacing:0}.ucta p{color:#1E2E55;max-width:560px;margin:0 0 36px;font-size:1.1rem;line-height:1.8;position:relative;z-index:1}
.ucta a{display:inline-flex;align-items:center;gap:14px;min-height:68px;padding:0 36px;border-radius:16px;background:#F6AB1C;color:#14244B;font-weight:800;font-size:1.08rem;text-decoration:none;position:relative;z-index:1;box-shadow:0 14px 28px -12px rgba(246,171,28,.85);transition:transform .25s,background .25s}.ucta a:hover{transform:translateY(-2px);background:#FFBB33}
.ucta a svg{width:20px;height:20px;flex:none;transition:transform .25s}.ucta[dir=rtl] a svg{transform:scaleX(-1)}.ucta[dir=ltr] a:hover svg{transform:translateX(4px)}.ucta[dir=rtl] a:hover svg{transform:scaleX(-1) translateX(4px)}
.ucta-bars{position:absolute;top:-25px;display:flex;gap:25px;direction:ltr}.ucta[dir=rtl] .ucta-bars{left:86px}.ucta[dir=ltr] .ucta-bars{right:86px}
.ucta-bars b{width:130px;height:375px;border-radius:10px 999px 999px 999px;background:#3A66AE}.ucta-bars b:nth-child(2){background:#F6AB1C;margin-top:70px}.ucta-bars b:nth-child(3){background:#3A66AE;margin-top:140px}
@media(min-width:1001px){.ucta{padding-inline-end:560px}}@media(max-width:1000px){.ucta-bars{opacity:.25}}@media(max-width:620px){.ucta-bars{display:none}.ucta a{width:100%;justify-content:center}.ucta-wrap{padding:48px 0}.ucta-ico{width:58px;height:58px;margin-bottom:22px}}

/* Module opened from a day card ("Details"): lands below the sticky header and tabs, briefly highlighted. */
.acc{scroll-margin-top:calc(var(--mgh-admin-h,0px) + var(--mgh-head-h,74px) + 72px)}
.acc.flash{animation:accFlash 1.6s ease}
@keyframes accFlash{0%,100%{box-shadow:0 26px 54px -30px rgba(20,36,75,.35)}25%{box-shadow:0 0 0 4px rgba(246,171,28,.45),0 26px 54px -30px rgba(20,36,75,.35)}}
@media (prefers-reduced-motion:reduce){.acc.flash{animation:none}}

/* "Meet your trainer" (design of nahjqatar.com, site colors). */
.trainer{position:relative;overflow:hidden;isolation:isolate;background:var(--bg);padding:92px 0 100px;scroll-margin-top:calc(var(--mgh-admin-h,0px) + var(--mgh-head-h,74px) + 58px)}
.trainer bdi{unicode-bidi:isolate}
.tr-bgfx{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.tr-head{text-align:center;max-width:780px;margin:0 auto 46px}
.tr-kicker{display:block;color:var(--p);font-size:15px;font-weight:700;margin:0 0 10px}
.tr-head h2{margin:0 0 12px;color:var(--n);font-size:clamp(34px,4.2vw,56px);line-height:1.25;font-weight:800}
.tr-sub{margin:0 auto;max-width:600px;color:var(--m);font-size:18px;line-height:1.7}
.tr-card{position:relative;background:#fff;border:1px solid var(--l);border-radius:26px;padding:22px;box-shadow:0 26px 70px rgba(20,36,75,.08),0 2px 6px rgba(20,36,75,.04)}
.tr-doodle{position:absolute;top:-74px;right:22px;width:92px;height:70px;color:var(--p);pointer-events:none}
.tr-main{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(290px,1fr);align-items:stretch;direction:ltr}
.tr-main.is-single{grid-template-columns:minmax(0,1fr)}
.tr-video{position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:var(--n);box-shadow:0 16px 36px rgba(20,36,75,.2)}
.tr-video video,.tr-video iframe,.tr-poster{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;object-fit:cover;background:var(--n) center/cover no-repeat}
.tr-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,36,75,0) 50%,rgba(20,36,75,.42));pointer-events:none}
.tr-play{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer;color:#fff}
.tr-play-ring{width:88px;height:88px;border-radius:50%;border:3px solid #fff;display:flex;align-items:center;justify-content:center;background:rgba(20,36,75,.3);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 10px 30px rgba(0,0,0,.25);transition:transform .25s ease,background-color .25s ease}
.tr-play-ring svg{width:34px;height:34px;margin-left:5px}
.tr-play:hover .tr-play-ring,.tr-play:focus-visible .tr-play-ring{transform:scale(1.07);background:rgba(58,102,174,.85)}
.tr-play:focus-visible{outline:3px solid var(--s);outline-offset:-8px}
.tr-vdur{position:absolute;right:16px;bottom:16px;z-index:4;background:rgba(20,36,75,.85);color:#fff;font-size:14px;font-weight:700;line-height:1.2;padding:6px 10px;border-radius:7px;pointer-events:none;direction:ltr;font-variant-numeric:tabular-nums}
.tr-vdur:empty{display:none}
.tr-video.is-playing .tr-play,.tr-video.is-playing .tr-vdur,.tr-video.is-playing .tr-shade,.tr-video.is-playing .tr-poster{display:none}
.tr-video.is-playing video{object-fit:contain;background:#000}
.tr-inst{min-width:0;display:flex;flex-direction:column;justify-content:center;margin-left:26px;padding:8px 8px 8px 28px;border-left:1px solid var(--l)}
.tr-main.is-single .tr-inst{margin-left:0;padding:8px;border-left:0}
.tr-inst-kicker{color:var(--p);font-size:14px;font-weight:700;margin:0 0 8px}
.tr-inst-top{display:flex;align-items:center;gap:14px}
.tr-photo{width:62px;height:62px;flex:0 0 62px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 6px 16px rgba(20,36,75,.18)}
.tr-name{margin:0;color:var(--n);font-size:25px;line-height:1.3;font-weight:800}
.tr-role{margin:4px 0 0;color:var(--m);font-size:15.5px;line-height:1.5}
.tr-bio{margin:14px 0 0;color:var(--m);font-size:15.5px;line-height:1.75}
.tr-points{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:13px}
.tr-points li{display:flex;align-items:center;gap:12px;color:var(--n);font-size:15.5px;font-weight:600;line-height:1.45}
.tr-ico{flex:0 0 30px;width:30px;height:30px;border-radius:8px;background:var(--n);color:var(--s);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(20,36,75,.2)}
.tr-ico svg{width:16px;height:16px}
.tr-stats{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));margin-top:22px;background:#F9FBFE;border:1px solid var(--l);border-radius:20px;padding:22px 0}
.tr-stat{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:4px 16px}
.tr-stat + .tr-stat{border-inline-start:1px solid var(--l)}
.tr-stat-ico{display:block;width:32px;height:32px;margin:0 0 8px;color:var(--s)}
.tr-stat-ico svg{display:block;width:32px;height:32px}
.tr-num{display:block;color:var(--n);font-size:34px;line-height:1.15;font-weight:800}
.tr-stat-label{display:block;margin-top:6px;color:var(--m);font-size:15.5px;line-height:1.4}
@media (max-width:1100px){.tr-doodle{display:none}}
@media (max-width:980px){.tr-main{grid-template-columns:minmax(0,1fr)}.tr-inst{margin:22px 0 0;padding:22px 8px 4px;border-left:0;border-top:1px solid var(--l)}}
@media (max-width:640px){.trainer{padding:64px 0 70px}.tr-card{padding:14px;border-radius:20px}.tr-play-ring{width:68px;height:68px}.tr-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}.tr-stat:nth-child(odd){border-inline-start:0}.tr-num{font-size:26px}}
@media (prefers-reduced-motion:reduce){.tr-play-ring{transition:none}}