/* 1.2.15: Tutorials AB2 (DaVinci pages-v1.1/tutorials/AB2), scoped to .shs-tut. Loaded only on the SHS Tutorials template. */
.shs-tut{--bg:#04060f;--navy:#070d1f;--tl:#2ee6d6;--cy:#5ff4ff;--bl:#2b6cff;--tx:#e8f1ff;--mu:#8a9bbd;--ln:rgba(140,200,255,.14)}
.shs-tut *{box-sizing:border-box;margin:0;padding:0}
.shs-tut{background:var(--bg);color:var(--tx);font:300 16px/1.7 Inter,sans-serif;overflow-x:hidden;position:relative}
.shs-tut .sky{position:absolute;inset:0;z-index:-1;background:
radial-gradient(1px 1px at 12% 8%,#fff8,transparent),radial-gradient(1px 1px at 78% 4%,#fff6,transparent),radial-gradient(1px 1px at 40% 15%,#fff5,transparent),radial-gradient(1px 1px at 88% 22%,#fff7,transparent),radial-gradient(1px 1px at 22% 30%,#fff5,transparent),radial-gradient(1px 1px at 63% 41%,#fff6,transparent),radial-gradient(1px 1px at 8% 55%,#fff5,transparent),radial-gradient(1px 1px at 92% 63%,#fff6,transparent),radial-gradient(1px 1px at 35% 72%,#fff4,transparent),radial-gradient(1px 1px at 70% 85%,#fff6,transparent),
radial-gradient(900px 500px at 70% 3%,rgba(43,108,255,.20),transparent 70%),radial-gradient(700px 500px at 10% 12%,rgba(46,230,214,.10),transparent 70%),radial-gradient(800px 600px at 50% 60%,rgba(46,230,214,.06),transparent 70%),linear-gradient(#050816,#04060f 30%,#060b1c 70%,#04060f)}
.shs-tut h1,.shs-tut h2,.shs-tut h3{font-family:Sora,sans-serif;font-weight:600;letter-spacing:-.02em}
.shs-tut .ac{background:linear-gradient(90deg,var(--tl),var(--cy) 50%,#6aa8ff);-webkit-background-clip:text;color:transparent}
.shs-tut .glass{background:linear-gradient(180deg,rgba(20,32,60,.55),rgba(8,14,30,.55));border:1px solid var(--ln);border-radius:20px;backdrop-filter:blur(14px)}
.shs-tut .pill{display:inline-block;padding:15px 34px;border-radius:999px;background:linear-gradient(180deg,#7ff7ee 0%,#2ee6d6 35%,#2b6cff 100%);color:#03101c;font:600 15px Sora;box-shadow:0 0 28px rgba(46,230,214,.45),inset 0 1px 0 rgba(255,255,255,.7);cursor:pointer}
.shs-tut .pill.sm{padding:10px 22px;font-size:13px}
.shs-tut .ghost{display:inline-block;padding:14px 30px;border-radius:999px;border:1px solid rgba(95,244,255,.35);color:var(--cy);font:500 15px Sora}
.shs-tut .promo{text-align:center;font-size:13px;padding:9px;background:linear-gradient(90deg,rgba(43,108,255,.25),rgba(46,230,214,.25));border-bottom:1px solid var(--ln);letter-spacing:.02em}
.shs-tut .promo b{color:var(--cy)}
.shs-tut .top{display:flex;align-items:center;gap:40px;padding:18px 64px;border-bottom:1px solid var(--ln)}
.shs-tut .logo{height:56px;width:auto;border-radius:10px}
.shs-tut .top nav{display:flex;gap:30px;flex:1;justify-content:center}
.shs-tut .top nav a{color:var(--mu);font-size:14px}
.shs-tut .burger{display:none;font-size:22px}
.shs-tut .sec{max-width:1200px;margin:0 auto;padding:110px 40px}
.shs-tut h2{font-size:46px;text-align:center;line-height:1.15}
.shs-tut .sub{color:var(--mu);text-align:center;max-width:720px;margin:18px auto 0}
.shs-tut .eyebrow{display:block;color:var(--tl);font:500 12px Sora;letter-spacing:.28em;text-transform:uppercase}
.shs-tut .center{text-align:center;margin-bottom:40px}
.shs-tut .hero{text-align:center;max-width:1200px;margin:0 auto;padding:110px 40px 60px}
.shs-tut .hero h1{font-size:72px;line-height:1.05;max-width:960px;margin:22px auto 0;font-weight:600}
.shs-tut .lead{color:var(--mu);font-size:18px;max-width:680px;margin:26px auto 0}
.shs-tut .cta{display:flex;gap:16px;justify-content:center;margin-top:38px;flex-wrap:wrap}
.shs-tut .group{display:flex;justify-content:center;gap:26px;margin-top:80px;perspective:1200px;position:relative}
.shs-tut .group:before{content:"";position:absolute;inset:auto 10% -50px;height:120px;background:radial-gradient(closest-side,rgba(46,230,214,.35),transparent);filter:blur(20px)}
.shs-tut .hc{width:250px;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:relative}
.shs-tut .hc.c0{transform:rotateY(18deg) translateY(20px)}
.shs-tut .hc.c2{transform:rotateY(-18deg) translateY(20px)}
.shs-tut .hc.c1{border-color:rgba(95,244,255,.7);box-shadow:0 0 0 1px rgba(95,244,255,.3),0 0 50px rgba(46,230,214,.35);transform:scale(1.08)}
.shs-tut .hc img{width:110px;border-radius:50%;box-shadow:0 0 40px rgba(43,108,255,.5)}
.shs-tut .hc b{font:600 18px Sora}
.shs-tut .hc span{color:var(--cy);font:600 28px Sora}
.shs-tut .stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:90px;border-top:1px solid var(--ln);border-bottom:1px solid var(--ln)}
.shs-tut .stats div{padding:26px;color:var(--mu);font-size:13px;letter-spacing:.08em;text-transform:uppercase;border-right:1px solid var(--ln)}
.shs-tut .stats div:last-child{border:0}
.shs-tut .stats b{display:block;font:600 34px Sora;color:var(--tx);letter-spacing:-.02em;text-transform:none}
.shs-tut .plist{margin-top:54px;padding:28px}
.shs-tut .wv{position:relative;border-radius:12px;overflow:hidden;margin-bottom:16px}
.shs-tut .wv img{width:100%;height:120px;object-fit:cover;display:block;filter:hue-rotate(-10deg) saturate(1.2)}
.shs-tut .ph{position:absolute;left:38%;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 14px var(--cy)}
.shs-tut .plist ol{list-style:none}
.shs-tut .plist li{display:grid;grid-template-columns:44px 1fr 160px 190px;align-items:center;padding:14px 10px;border-top:1px solid var(--ln)}
.shs-tut .plist li.on{background:linear-gradient(90deg,rgba(46,230,214,.12),transparent);border-radius:10px}
.shs-tut .pb{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(95,244,255,.5);color:var(--cy);font-size:11px}
.shs-tut .plist li.on .pb{background:linear-gradient(180deg,#7ff7ee,#2b6cff);color:#03101c;box-shadow:0 0 16px rgba(46,230,214,.6)}
.shs-tut .plist b{font:500 16px Sora}
.shs-tut .g{color:var(--mu);font-size:13px}
.shs-tut .tg{justify-self:end;display:flex;border:1px solid var(--ln);border-radius:999px;padding:3px}
.shs-tut .tg em{font:normal 12px Sora;padding:5px 14px;border-radius:999px;color:var(--mu)}
.shs-tut .tg em.on{background:rgba(46,230,214,.18);color:var(--cy)}
.shs-tut .intro{padding-bottom:20px}
.shs-tut .blk{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:60px 0;position:relative}
.shs-tut .blk:before{content:"";position:absolute;width:500px;height:300px;left:-60px;top:20%;background:radial-gradient(closest-side,rgba(46,230,214,.10),transparent);z-index:-1}
.shs-tut .blk.rev .art{order:2}
.shs-tut .art{height:300px;display:grid;place-items:center;overflow:hidden;position:relative;padding:30px}
.shs-tut .art img{max-width:100%;max-height:100%;border-radius:10px;opacity:.9}
.shs-tut .num{position:absolute;top:18px;left:22px;font:600 14px Sora;color:var(--cy);letter-spacing:.2em}
.shs-tut .bc small{color:var(--tl);font:500 12px Sora;letter-spacing:.2em;text-transform:uppercase}
.shs-tut .bc h2{text-align:left;font-size:40px;margin:12px 0 22px}
.shs-tut .bc ul{list-style:none}
.shs-tut .bc li{color:var(--mu);padding:10px 0 10px 26px;border-top:1px solid var(--ln);position:relative;font-size:15px}
.shs-tut .bc li:before{content:"";position:absolute;left:0;top:20px;width:8px;height:8px;border-radius:50%;background:var(--tl);box-shadow:0 0 10px var(--tl)}
.shs-tut .vs{margin-top:50px;padding:40px 50px}
.shs-tut .b{display:grid;grid-template-columns:260px 1fr 70px;gap:24px;align-items:center;padding:16px 0}
.shs-tut .b span{font:500 15px Sora}
.shs-tut .b b{font:600 22px Sora;color:var(--cy);text-align:right}
.shs-tut .tr{height:8px;border-radius:9px;background:rgba(255,255,255,.06)}
.shs-tut .tr i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--tl),var(--bl));box-shadow:0 0 18px rgba(46,230,214,.6)}
.shs-tut .b.m .tr i{background:linear-gradient(90deg,#3a5a9a,#4a6fc0);box-shadow:none}
.shs-tut .b.l .tr i{background:#2a3550;box-shadow:none}
.shs-tut .b.m b,.shs-tut .b.l b{color:var(--mu)}
.shs-tut .wg{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:50px}
.shs-tut .wg img{width:100%;height:180px;object-fit:cover;padding:10px}
.shs-tut .car{display:flex;align-items:center;gap:22px;margin-top:60px;position:relative}
.shs-tut .car:before{content:"";position:absolute;inset:30% 5% -40px;background:radial-gradient(closest-side,rgba(46,230,214,.18),transparent);filter:blur(30px);z-index:-1}
.shs-tut .arw{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#7ff7ee,#2b6cff);color:#03101c;font-size:24px;box-shadow:0 0 20px rgba(46,230,214,.5)}
.shs-tut .row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;flex:1}
.shs-tut .pk{background:linear-gradient(180deg,#0c1428,#070b18);border:1px solid var(--ln);border-radius:20px;overflow:hidden;text-align:center;padding-bottom:28px}
.shs-tut .pk.act{border-color:rgba(95,244,255,.75);box-shadow:0 0 0 1px rgba(95,244,255,.25),0 0 40px rgba(46,230,214,.3),0 40px 80px -20px rgba(46,230,214,.35)}
.shs-tut .pcov{height:230px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(43,108,255,.45),transparent 65%),linear-gradient(160deg,#0a1a3c,#081024)}
.shs-tut .pcov.c1{background:radial-gradient(circle at 50% 40%,rgba(46,230,214,.45),transparent 65%),linear-gradient(160deg,#08263a,#071224)}
.shs-tut .pcov img{width:90px;border-radius:50%;position:relative;z-index:1}
.shs-tut .pcov span{position:absolute;right:18px;top:14px;font:700 34px Sora;color:rgba(255,255,255,.14)}
.shs-tut .eq{position:absolute;bottom:14px;left:20px;right:20px;height:60px;display:flex;gap:4px;align-items:flex-end}
.shs-tut .eq i{flex:1;height:var(--h);background:linear-gradient(var(--cy),rgba(43,108,255,.2));border-radius:2px;opacity:.6}
.shs-tut .pk h3{margin-top:22px;font-size:20px}
.shs-tut .pr{font:600 40px Sora;color:var(--cy);margin:4px 0 18px}
.shs-tut .bg{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:50px}
.shs-tut .bn{padding:30px 26px;min-height:180px}
.shs-tut .bnum{font:600 12px Sora;letter-spacing:.2em;color:var(--tl);text-transform:uppercase}
.shs-tut .bn h3{font-size:20px;margin:14px 0 8px}
.shs-tut .bn small{color:var(--mu);font-size:12px;letter-spacing:.12em}
.shs-tut .wc{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;padding:50px;align-items:center}
.shs-tut .wc img{width:100%;border-radius:14px;filter:invert(1) hue-rotate(180deg) brightness(.9)}
.shs-tut .wc h2{text-align:left;font-size:38px}
.shs-tut .wc p{color:var(--mu);margin-top:16px}
.shs-tut .small{font-size:14px}
.shs-tut .faq h2{margin-bottom:40px}
.shs-tut .faq details{margin:12px auto;max-width:820px;padding:22px 28px}
.shs-tut .faq summary{list-style:none;display:flex;justify-content:space-between;font:500 17px Sora}
.shs-tut .faq summary span{color:var(--cy)}
.shs-tut .faq p{color:var(--mu);margin-top:12px}
.shs-tut .cs{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--ln);border-bottom:1px solid var(--ln)}
.shs-tut .crd{text-align:center;padding:26px 0;color:#4b5b7c;font:600 13px Sora;letter-spacing:.15em}
.shs-tut .crd small{font-weight:400;letter-spacing:0}
.shs-tut .rvs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.shs-tut .rv{padding:28px}
.shs-tut .st{color:var(--tl);letter-spacing:4px}
.shs-tut .rv p{margin-top:10px;font:600 14px Sora;color:#9fb0d0}
.shs-tut .rv small{font:300 13px Inter;color:var(--mu)}
.shs-tut .order{text-align:center}
.shs-tut footer{border-top:1px solid var(--ln);padding:50px 64px;display:flex;align-items:center;gap:40px;color:var(--mu);font-size:13px}
.shs-tut footer nav{display:flex;gap:22px;flex:1}
@media(max-width:600px){.shs-tut .top{padding:14px 20px;gap:12px}
.shs-tut .top nav,.shs-tut .top .pill{display:none}
.shs-tut .burger{display:block;margin-left:auto}
.shs-tut .logo{height:44px}
.shs-tut .sec{padding:70px 22px}
.shs-tut .hero{padding:70px 22px 40px}
.shs-tut .hero h1{font-size:40px}
.shs-tut .lead{font-size:16px}
.shs-tut h2{font-size:32px}
.shs-tut .group{flex-direction:column;align-items:center;gap:16px;margin-top:50px}
.shs-tut .hc{width:100%;height:150px;flex-direction:row;transform:none!important}
.shs-tut .hc img{width:70px}
.shs-tut .stats{grid-template-columns:1fr 1fr}
.shs-tut .stats div:nth-child(2){border-right:0}
.shs-tut .stats div{border-bottom:1px solid var(--ln)}
.shs-tut .plist{padding:14px}
.shs-tut .plist li{grid-template-columns:40px 1fr;gap:6px}
.shs-tut .g{display:none}
.shs-tut .tg{grid-column:2;justify-self:start}
.shs-tut .blk{grid-template-columns:1fr;gap:28px;padding:40px 0}
.shs-tut .blk.rev .art{order:0}
.shs-tut .art{height:200px}
.shs-tut .bc h2{font-size:30px}
.shs-tut .vs{padding:24px}
.shs-tut .b{grid-template-columns:1fr 60px;gap:8px}
.shs-tut .b .tr{grid-column:1/3;grid-row:2}
.shs-tut .wg,.shs-tut .row,.shs-tut .bg,.shs-tut .rvs{grid-template-columns:1fr}
.shs-tut .car .arw{display:none}
.shs-tut .cs{grid-template-columns:1fr 1fr 1fr}
.shs-tut .wc{grid-template-columns:1fr;padding:26px}
.shs-tut .wc h2{font-size:30px}
.shs-tut footer{flex-direction:column;padding:40px 22px}
.shs-tut footer nav{flex-wrap:wrap;justify-content:center}}
.shs-tut .neon{height:auto;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 6px rgba(190,250,255,.75)) drop-shadow(0 0 18px rgba(95,244,255,.45));animation:neonPulse 5s ease-in-out infinite;border-radius:0}
@keyframes neonPulse{0%,100%{opacity:1;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 6px rgba(190,250,255,.8)) drop-shadow(0 0 20px rgba(95,244,255,.5))}50%{opacity:.82;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 3px rgba(190,250,255,.5)) drop-shadow(0 0 10px rgba(95,244,255,.25))}}
@media(prefers-reduced-motion:reduce){.shs-tut .neon{animation:none}}
.shs-tut .top .logo.neon{height:46px;width:auto}
.shs-tut footer .logo.neon{height:54px;width:auto}
.shs-tut .hero-logo{width:260px;display:block;margin:0 auto 34px}
@media(max-width:600px){.shs-tut .hero-logo{width:180px}
.shs-tut .top .logo.neon{height:36px}}
.shs-tut{
  
  --sh-bg:#04060f; --sh-bg-2:#050816; --sh-bg-3:#060b1c; --sh-navy:#070d1f; --sh-panel:#0c1428; --sh-panel-2:#070b18;
  
  --sh-glass:linear-gradient(180deg,rgba(20,32,60,.55),rgba(8,14,30,.55)); --sh-glass-line:rgba(140,200,255,.14);
  --sh-glass-line-hi:rgba(95,244,255,.75); --sh-glass-blur:14px; --sh-radius:20px;
  
  --sh-blue:#2b6cff; --sh-teal:#2ee6d6; --sh-cyan:#5ff4ff; --sh-ice:#7ff7ee; --sh-frost:#bffcff; --sh-sky:#6aa8ff;
  
  --sh-off:#ff8a7a; --sh-close:#ffd27a; --sh-perfect:#7ff7ee; --sh-idle:#6f86b8; --sh-idle-text:#9fb0d0;
  
  --sh-glow-cyan:rgba(95,244,255,.6); --sh-glow-teal:rgba(46,230,214,.6); --sh-glow-blue:rgba(43,108,255,.25);
  --sh-glow-ice:rgba(190,250,255,.8); --sh-glow-band:rgba(46,230,214,.18);
  
  --sh-grad-accent:linear-gradient(90deg,#2ee6d6,#5ff4ff 50%,#6aa8ff);          
  --sh-grad-meter:linear-gradient(90deg,#2b6cff,#2ee6d6 70%,#bffcff);           
  --sh-grad-pill:linear-gradient(180deg,#7ff7ee,#2b6cff);                       
  --sh-grad-halo:radial-gradient(closest-side,rgba(95,244,255,.55),rgba(43,108,255,.25) 50%,transparent);
  --sh-grad-sky:linear-gradient(#050816,#04060f 30%,#060b1c 70%,#04060f);
  --sh-grad-shimmer:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.7) 50%,transparent 70%);
  
  --sh-text:#e8f1ff; --sh-text-strong:#ffffff; --sh-muted:#8a9bbd; --sh-on-accent:#03101c;
  
  --sh-font-head:Sora,sans-serif; --sh-font-body:Inter,sans-serif;
  
}
.shs-tut{--bg:var(--sh-bg);--navy:var(--sh-navy);--tl:var(--sh-teal);--cy:var(--sh-cyan);--bl:var(--sh-blue);--tx:var(--sh-text);--mu:var(--sh-muted);--ln:var(--sh-glass-line)}
.shs-tut .ac{background:var(--sh-grad-accent);-webkit-background-clip:text;color:transparent}
.shs-tut .pill,.shs-tut .arw{background:var(--sh-grad-pill);color:var(--sh-on-accent);box-shadow:0 0 24px var(--sh-glow-teal)}
.shs-tut .glass{background:var(--sh-glass);border-color:var(--sh-glass-line)}
.shs-tut .bs,.shs-tut .pk{background:linear-gradient(180deg,var(--sh-panel),var(--sh-panel-2))}
.shs-tut .bs.act,.shs-tut .pk.act{border-color:var(--sh-glass-line-hi)}
.shs-tut .bcov.pc{background:#04060f;display:block}
.shs-tut .bcov.pc:after{display:none}
.shs-tut .pimg{width:100%;height:100%;object-fit:cover;display:block}
.shs-tut .bcov.pc.c3,.shs-tut .bcov.pc.c4,.shs-tut .bcov.pc.c5{display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(95,244,255,.22),transparent 60%),var(--sh-grad-sky)}
.shs-tut .fl{width:58%}
.shs-tut .pcov{background:#04060f!important}
.shs-tut .pcov .pimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0}
.shs-tut .pcov .eq,.shs-tut .pcov span{display:none}
.shs-tut .hc img{border-radius:12px!important;object-fit:cover}
.shs-tut .art img,.shs-tut .wg img,.shs-tut .wv img{filter:none!important;object-fit:cover}
.shs-tut .bcov.pc ~ .bm small{color:var(--sh-teal)}
.shs-tut .areviews{text-align:center}
.shs-tut .rvg{display:grid;grid-template-columns:1.6fr 1fr;gap:26px;margin-top:44px;text-align:left;max-width:1100px;margin-left:auto;margin-right:auto}
.shs-tut .rvc{padding:40px;border-radius:var(--sh-radius);position:relative}
.shs-tut .rvc:first-child{border-color:var(--sh-glass-line-hi);box-shadow:0 0 0 1px rgba(95,244,255,.2),0 0 50px rgba(46,230,214,.22)}
.shs-tut .rvc .stars{color:var(--sh-close);letter-spacing:.2em;font-size:20px}
.shs-tut .rvc blockquote{font:300 19px/1.65 var(--sh-font-body);margin:16px 0 22px;color:var(--sh-text)}
.shs-tut .rvc figcaption b{display:block;font:600 18px var(--sh-font-head)}
.shs-tut .rvc figcaption span{display:block;color:var(--sh-muted);font-size:13px}
.shs-tut .rvc figcaption a{display:inline-block;margin-top:8px;font-size:12px;color:var(--sh-teal);text-decoration:underline}
.shs-tut .cta-rev{display:flex;flex-direction:column;justify-content:center;gap:14px;border-style:dashed}
.shs-tut .cta-rev h3{font-size:24px}
.shs-tut .cta-rev p{color:var(--sh-muted)}
.shs-tut .cta-rev .pill{align-self:flex-start}
@media(max-width:600px){.shs-tut .rvg{grid-template-columns:1fr}
.shs-tut .rvc{padding:26px}
.shs-tut .rvc blockquote{font-size:16px}}
.shs-tut .art img[src*="solar-photo"]{object-position:50% 25%}
.shs-tut{--sp-bg:#04060f;--sp-navy:#070d1f;--sp-teal:#2ee6d6;--sp-cyan:#5ff4ff;--sp-blue:#2b6cff;--sp-ice:#bffcff;--sp-mint:#7ff7ee;--sp-slate:#6f86b8;--sp-mute:#9fb0d0;--sp-ink:#03101c;
--sp-glass:linear-gradient(180deg,rgba(20,32,60,.55),rgba(8,14,30,.55));--sp-line:rgba(140,200,255,.14);
--sp-grad-pill:linear-gradient(180deg,#7ff7ee 0%,#2ee6d6 35%,#2b6cff 100%);--sp-grad-bar:linear-gradient(90deg,#2b6cff,#2ee6d6 70%,#bffcff);
--sp-glow:0 0 28px rgba(46,230,214,.45);--sp-glow-hot:0 0 22px rgba(95,244,255,.75),0 0 60px rgba(46,230,214,.5);--sp-energy:0}
.shs-tut{background:var(--sp-bg)}
.shs-tut .sky{display:none!important}
.shs-tut #space-bg{position:fixed;inset:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;display:block}
.shs-tut #space-fx{position:fixed;inset:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}
.shs-tut .sp-rv{opacity:0;transform:translateY(34px) scale(.985);filter:blur(6px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1),filter .9s;transition-delay:var(--d,0s)}
.shs-tut .sp-rv.in{opacity:1;transform:none;filter:none}
.shs-tut .glass,.shs-tut .pk{position:relative;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
.shs-tut .glass::after,.shs-tut .pk::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;
 background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(95,244,255,.22),rgba(43,108,255,.08) 40%,transparent 70%);
 -webkit-mask:linear-gradient(#000,#000);mix-blend-mode:screen}
.shs-tut .glass:hover,.shs-tut .pk:hover{transform:translateY(-4px);border-color:rgba(95,244,255,.55);box-shadow:0 0 0 1px rgba(95,244,255,.25),0 0 34px rgba(46,230,214,.28),0 18px 50px rgba(0,0,0,.45)}
.shs-tut .glass:hover::after,.shs-tut .pk:hover::after{opacity:1}
.shs-tut .plist.glass:hover{transform:none}
.shs-tut .pill{position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,filter .25s}
.shs-tut .pill::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.7) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s}
.shs-tut .pill:hover{transform:translateY(-2px) scale(1.04);box-shadow:var(--sp-glow-hot),inset 0 1px 0 rgba(255,255,255,.8);filter:brightness(1.08)}
.shs-tut .pill:hover::before{transform:translateX(120%)}
.shs-tut .ghost{transition:box-shadow .25s,border-color .25s,color .25s}
.shs-tut .ghost:hover{border-color:var(--sp-cyan);color:var(--sp-ice);box-shadow:0 0 18px rgba(95,244,255,.35)}
.shs-tut .plist .wv{position:relative}
.shs-tut .plist .wv canvas.sp-viz{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:screen;pointer-events:none}
.shs-tut .plist li{cursor:pointer;transition:background .25s,box-shadow .25s}
.shs-tut .plist li.on{box-shadow:inset 3px 0 0 var(--sp-cyan),0 0 calc(10px + 30px*var(--sp-energy)) rgba(46,230,214,calc(.15 + .4*var(--sp-energy)))}
.shs-tut .plist .tg em{cursor:pointer}
.shs-tut .hero-logo{filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 calc(6px + 10px*var(--sp-energy)) rgba(191,252,255,.8)) drop-shadow(0 0 22px rgba(95,244,255,.5))}
.shs-tut .sp-badge{position:fixed;right:12px;bottom:12px;z-index:50;font:600 11px Sora,sans-serif;letter-spacing:.08em;color:var(--sp-ice);background:rgba(7,13,31,.7);border:1px solid var(--sp-line);padding:6px 10px;border-radius:999px;backdrop-filter:blur(8px)}
@media (prefers-reduced-motion:reduce){.shs-tut .sp-rv{opacity:1;transform:none;filter:none;transition:none}
.shs-tut .glass,.shs-tut .pk,.shs-tut .pill{transition:none}
.shs-tut .glass:hover,.shs-tut .pk:hover,.shs-tut .pill:hover{transform:none}
.shs-tut .pill::before{display:none}
.shs-tut .neon{animation:none!important}}
.shs-tut{--ok:#3dffa0;--warn:#ffd27a}
.shs-tut{background:#04060f;color:#e8f1ff;font-family:Inter,sans-serif;margin:0}
.shs-tut a{color:inherit;text-decoration:none}
.shs-tut .top nav a.on{color:#e8f1ff;text-shadow:0 0 12px rgba(95,244,255,.7)}
.shs-tut .wrap{max-width:1240px;margin:0 auto;padding:0 40px;position:relative}
.shs-tut .ph1{font:700 clamp(32px,4.4vw,56px)/1.08 Sora,sans-serif;margin:0 0 14px;color:#fff;letter-spacing:-.01em}
.shs-tut .ph1 .ac{background:linear-gradient(90deg,#2ee6d6,#5ff4ff 50%,#6aa8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.shs-tut .eye{display:inline-block;font:600 12px Sora;letter-spacing:.2em;text-transform:uppercase;color:#5ff4ff;margin-bottom:14px}
.shs-tut .lede{color:#8a9bbd;font-size:17px;line-height:1.6;max-width:680px;margin:0 0 26px}
.shs-tut .phero{padding:70px 0 34px;text-align:left}
.shs-tut h2.sh{font:700 28px Sora;margin:54px 0 20px;color:#fff}
.shs-tut h3{font-family:Sora,sans-serif;color:#fff}
.shs-tut .gl{background:linear-gradient(180deg,rgba(20,32,60,.55),rgba(8,14,30,.55));border:1px solid rgba(140,200,255,.14);border-radius:20px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.shs-tut .pill{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:999px;background:linear-gradient(180deg,#7ff7ee,#2b6cff);color:#03101c;font:600 15px Sora;box-shadow:0 0 24px rgba(46,230,214,.6),inset 0 1px 0 rgba(255,255,255,.7);border:0;cursor:pointer;transition:box-shadow .3s,transform .3s}
.shs-tut .pill:hover{box-shadow:0 0 38px rgba(95,244,255,.85),inset 0 1px 0 #fff;transform:translateY(-2px)}
.shs-tut .pill.sm{padding:9px 18px;font-size:13px}
.shs-tut .ghost{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:999px;border:1px solid rgba(95,244,255,.5);color:#bffcff;font:600 14px Sora;background:rgba(4,6,15,.4);cursor:pointer}
.shs-tut .pill:focus-visible,.shs-tut .ghost:focus-visible,.shs-tut .chip:focus-visible,.shs-tut a:focus-visible,.shs-tut button:focus-visible{outline:3px solid #ffd27a;outline-offset:3px}
.shs-tut .ex{display:inline-block;font:700 10px/1 Sora;letter-spacing:.14em;text-transform:uppercase;color:#04060f;background:#ffd27a;padding:4px 7px;border-radius:5px;vertical-align:middle}
.shs-tut .exn{font:600 11px Inter;color:#ffd27a;letter-spacing:.04em}
.shs-tut .tools{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:8px 0 26px}
.shs-tut .chip{padding:9px 16px;border-radius:999px;border:1px solid rgba(140,200,255,.22);background:rgba(4,6,15,.55);color:#8a9bbd;font:600 13px Sora;cursor:pointer;transition:.25s}
.shs-tut .chip.on,.shs-tut .chip:hover{color:#04060f;background:linear-gradient(90deg,#2ee6d6,#5ff4ff);border-color:transparent;box-shadow:0 0 16px rgba(95,244,255,.45)}
.shs-tut .srch{flex:1 1 260px;max-width:380px;display:flex;align-items:center;gap:10px;padding:0 16px;height:46px;border-radius:999px;border:1px solid rgba(140,200,255,.25);background:rgba(4,6,15,.7)}
.shs-tut .srch input{flex:1;background:none;border:0;color:#e8f1ff;font:15px Inter;outline:none}
.shs-tut .srch:focus-within{border-color:#5ff4ff;box-shadow:0 0 0 3px rgba(95,244,255,.25),0 0 22px rgba(95,244,255,.35)}
.shs-tut .srch svg{flex:none}
.shs-tut .card{position:relative;transition:transform .45s cubic-bezier(.2,.7,.2,1);will-change:transform;overflow:hidden}
.shs-tut .card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;box-shadow:0 12px 34px rgba(95,244,255,.32),0 0 0 1px rgba(95,244,255,.55);opacity:0;transition:opacity .45s;z-index:3}
.shs-tut .card:hover{transform:translateY(-6px)}
.shs-tut .card:hover::before{opacity:1}
.shs-tut .card .shim{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden;border-radius:inherit}
.shs-tut .card .shim::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,rgba(191,252,255,.12) 48%,rgba(255,255,255,.2) 50%,rgba(191,252,255,.12) 52%,transparent 65%);transform:translateX(-100%);animation:pgShim 6s ease-in-out infinite;animation-delay:var(--sd,0s)}
@keyframes pgShim{0%{transform:translateX(-100%)}45%,100%{transform:translateX(100%)}}
.shs-tut .breathe::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;border:1.5px solid #5ff4ff;box-shadow:0 0 18px 2px rgba(46,230,214,.55),0 0 46px 6px rgba(95,244,255,.28),inset 0 0 14px rgba(46,230,214,.25);opacity:.35;animation:pgBreath 3s ease-in-out infinite;z-index:3}
@keyframes pgBreath{0%,100%{opacity:.35}50%{opacity:1}}
.shs-tut .fpick{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:4;font:600 11px/1 Sora;letter-spacing:.08em;text-transform:uppercase;color:#04060f;background:linear-gradient(90deg,#2ee6d6,#5ff4ff);padding:6px 10px;border-radius:999px;box-shadow:0 0 14px rgba(95,244,255,.5);white-space:nowrap}
.shs-tut .fu{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.shs-tut .fu.on{opacity:1;transform:none}
.shs-tut .vt{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;background:#070d1f;cursor:pointer;overflow:hidden;border-radius:14px}
.shs-tut .vt img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.85) brightness(.82);transition:transform .6s,filter .4s}
.shs-tut .vt:hover img{transform:scale(1.04);filter:saturate(1) brightness(.95)}
.shs-tut .vt .pb{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#bffcff,#2ee6d6 55%,#2b6cff);box-shadow:0 0 0 2px rgba(191,252,255,.8),0 0 30px rgba(95,244,255,.8);display:grid;place-items:center}
.shs-tut .vt .pb::after{content:"";border-left:18px solid #04060f;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:5px}
.shs-tut .vt .yl{position:absolute;right:10px;bottom:10px;font:600 10px Inter;color:#e8f1ff;background:rgba(4,6,15,.8);padding:4px 7px;border-radius:6px;letter-spacing:.04em}
.shs-tut .vt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.shs-tut .meta{color:#8a9bbd;font-size:13px}
.shs-tut .hidden{display:none!important}
.shs-tut footer{margin-top:80px}
.shs-tut .fld{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}
.shs-tut .fld label{font:600 14px Sora;color:#e8f1ff}
.shs-tut .fld label .rq{color:#5ff4ff}
.shs-tut .fld input,.shs-tut .fld select,.shs-tut .fld textarea{height:50px;border-radius:12px;border:1px solid rgba(140,200,255,.32);background:#070b18;color:#e8f1ff;font:16px Inter;padding:0 14px;outline:none;transition:border-color .2s,box-shadow .2s}
.shs-tut .fld input::placeholder{color:#8a9bbd}
.shs-tut .fld input:focus,.shs-tut .fld select:focus{border-color:#5ff4ff;box-shadow:0 0 0 3px rgba(95,244,255,.3),0 0 24px rgba(95,244,255,.35)}
.shs-tut .fld.err input{border-color:#ffd27a;box-shadow:0 0 0 1px #ffd27a}
.shs-tut .fld .em{font:600 13px Inter;color:#ffd27a;display:flex;gap:6px;align-items:center}
.shs-tut .fld .hint{font-size:13px;color:#8a9bbd}
.shs-tut .grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.shs-tut .qty{display:inline-flex;align-items:center;border:1px solid rgba(140,200,255,.3);border-radius:999px;overflow:hidden;background:#070b18}
.shs-tut .qty button{width:38px;height:38px;border:0;background:none;color:#5ff4ff;font:700 18px Sora;cursor:pointer}
.shs-tut .qty button:hover{background:rgba(95,244,255,.12)}
.shs-tut .qty output{min-width:30px;text-align:center;font:600 15px Sora}
.shs-tut .price s{color:#8a9bbd;margin-right:6px;font-weight:400}
.shs-tut .price b{color:#5ff4ff}
.shs-tut .sum .row{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid rgba(140,200,255,.12);color:#8a9bbd}
.shs-tut .sum .row b{color:#e8f1ff}
.shs-tut .sum .tot{font:700 22px Sora;color:#fff}
.shs-tut .sum .tot b{color:#5ff4ff}
.shs-tut .ok{color:#3dffa0}
@media(max-width:760px){.shs-tut .wrap{padding:0 18px}
.shs-tut .phero{padding:40px 0 20px}
.shs-tut .grid2{grid-template-columns:1fr}
.shs-tut h2.sh{font-size:23px;margin-top:40px}
.shs-tut .lede{font-size:15px}}
@media(prefers-reduced-motion:reduce){.shs-tut .card,.shs-tut .fu{transition:none!important;transform:none!important;opacity:1!important}
.shs-tut .card .shim::after{display:none}
.shs-tut .breathe::after{animation:none;opacity:.8}
.shs-tut .vt img{transition:none}
.shs-tut .pill{transition:none}
.shs-tut *{scroll-behavior:auto!important}}
.shs-tut .cst{position:relative;padding:20px;margin:6px 0 30px;overflow:hidden}
.shs-tut .cst svg{display:block;width:100%;height:auto}
.shs-tut .ln{fill:none;stroke:url(#lg);stroke-width:2.5;filter:url(#gw);stroke-dasharray:6 8;animation:dash 22s linear infinite}
@keyframes dash{to{stroke-dashoffset:-560}}
.shs-tut .nd circle.c{fill:#04060f;stroke:#5ff4ff;stroke-width:2.5}
.shs-tut .nd circle.h{fill:#5ff4ff;opacity:.25;animation:tw 3s ease-in-out infinite}
.shs-tut .nd text{fill:#e8f1ff;font:600 13px Sora}
.shs-tut .nd .n{fill:#04060f;font:700 12px Sora}
.shs-tut .nd{cursor:pointer}
.shs-tut .nd:hover circle.c,.shs-tut .nd.sel circle.c{fill:#5ff4ff}
.shs-tut .nd.sel circle.h{opacity:.6}
.shs-tut .nd.dim{opacity:.25}
@keyframes tw{0%,100%{opacity:.18}50%{opacity:.55}}
.shs-tut .grp{fill:#ffd27a;font:700 12px Sora;letter-spacing:.18em}
.shs-tut .pane{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;padding:22px;align-items:start}
.shs-tut .pane h2{font:700 28px Sora;margin:6px 0 10px}
.shs-tut .pane p{color:#8a9bbd;line-height:1.6}
.shs-tut .steps{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.shs-tut .steps span{font:600 12px Sora;color:#bffcff;border:1px solid rgba(95,244,255,.35);padding:6px 10px;border-radius:999px}
.shs-tut .mlist{display:none}
@media(max-width:760px){.shs-tut .cst{display:none}
.shs-tut .mlist{display:block;position:relative;margin:10px 0 24px;padding-left:26px}
.shs-tut .mlist::before{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:2px;background:linear-gradient(#2ee6d6,#2b6cff);box-shadow:0 0 10px #5ff4ff}
.shs-tut .mlist li{list-style:none;position:relative;padding:10px 12px;margin:0 0 8px;border-radius:12px}
.shs-tut .mlist li::before{content:"";position:absolute;left:-23px;top:15px;width:12px;height:12px;border-radius:50%;background:#04060f;border:2px solid #5ff4ff;box-shadow:0 0 10px #5ff4ff}
.shs-tut .mlist b{font:600 15px Sora;color:#fff}
.shs-tut .mlist small{display:block;color:#8a9bbd}
.shs-tut .pane{grid-template-columns:1fr;padding:14px}}
.shs-tut .feat{display:grid;grid-template-columns:1.35fr 1fr;gap:30px;padding:22px;align-items:center;margin-bottom:30px;scroll-margin-top:20px}
.shs-tut .feat h2{font:700 30px Sora;margin:8px 0 10px}
.shs-tut .feat p{color:#8a9bbd;line-height:1.6}
.shs-tut .tg{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.shs-tut .tc{padding:12px 12px 18px;border-radius:18px}
.shs-tut .tc h3{font-size:17px;margin:14px 4px 6px}
.shs-tut .tc p{margin:0 4px;color:#8a9bbd;font-size:13.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.shs-tut .tc .meta{margin:8px 4px 0}
@media(max-width:900px){.shs-tut .feat{grid-template-columns:1fr}
.shs-tut .tg{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.shs-tut .tg{grid-template-columns:1fr}
.shs-tut .feat{padding:14px}
.shs-tut .feat h2{font-size:23px}}
.shs-tut .cst h2{font:700 13px Sora;letter-spacing:.18em;color:#bffcff;text-transform:uppercase;margin:0 0 6px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.shs-tut .mbar{display:none}
@media(max-width:760px){.shs-tut .cst{display:none}
.shs-tut .mbar{display:block;padding:12px 14px;margin:0 0 22px;border-radius:14px}
.shs-tut .mbar .hd{display:flex;justify-content:space-between;gap:8px;font:700 10.5px Sora;letter-spacing:.14em;color:#bffcff;text-transform:uppercase;margin-bottom:8px}
.shs-tut .mbar .hd .exn{letter-spacing:0;text-transform:none;font-weight:500}
.shs-tut .mbar .rw{display:grid;grid-template-columns:86px 1fr;align-items:center;gap:8px;margin:6px 0}
.shs-tut .mbar .rw b{font:700 10px Sora;letter-spacing:.12em;color:#ffd27a}
.shs-tut .mbar .sg{display:flex;gap:4px}
.shs-tut .mbar .sg button{flex:1;height:8px;min-width:0;padding:0;border:0;border-radius:4px;background:rgba(95,244,255,.18);cursor:pointer;position:relative}
.shs-tut .mbar .sg button::before{content:"";position:absolute;inset:-12px 0}
.shs-tut .mbar .sg button.sel{background:linear-gradient(90deg,#2ee6d6,#5ff4ff);box-shadow:0 0 10px #5ff4ff}
.shs-tut .mbar .now{font:500 12px Inter;color:#8a9bbd;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
.shs-tut .nd.off circle.c{stroke:#6aa8ff;stroke-width:2}
.shs-tut .nd.off text{fill:#8a9bbd;font:500 11px Inter}
.shs-tut .nd.off:hover text,.shs-tut .nd.off.sel text{fill:#e8f1ff}
.shs-tut .nd.off:hover circle.c,.shs-tut .nd.off.sel circle.c{fill:#6aa8ff}
/* theme integration */
.shs-tut{background:transparent!important;position:relative;z-index:1;padding:40px 0 80px}
.shs-tut .wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.shs-tut .vt img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.shs-tut .vt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.shs-tut a.pill,.shs-tut a.ghost{text-decoration:none}
.shs-tut .tc h3 a{color:inherit;text-decoration:none}
@media(max-width:560px){.shs-tut .wrap{padding:0 16px}.shs-tut{padding-top:20px}}

/* integration: undo global rounded img */
.shs-tut .thumb img,.shs-tut #hero img,.shs-tut .tc img,.shs-tut .card img{border-radius:0!important;}
html body main#site-content.shs-tut button.vt,html body main#site-content.shs-tut button.vt:hover{border-radius:14px!important;transform:none!important;box-shadow:none!important;}
/* 1.2.15: completed tutorials — filled stars/bars/cards */
.shs-tut .nd.done .c{fill:url(#lg);stroke:#bffcff;stroke-width:2}
.shs-tut .nd.done .n{fill:#04121f;font-weight:700}
.shs-tut .nd.done .h{stroke:#2ee6d6;opacity:.9}
.shs-tut .nd:focus-visible{outline:none}.shs-tut .nd:focus-visible .h{stroke:#fff;stroke-width:3}
.shs-tut .mbar button.done{background:linear-gradient(90deg,#2b6cff,#2ee6d6)!important;box-shadow:0 0 8px rgba(46,230,214,.6)}
.shs-tut .mbar button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.shs-tut .tc.done h3 a::after{content:" ✓";color:#2ee6d6}

/* 1.2.28 topic menu: one line, sideways scroll (hover = .shs-acct-pill) */
.shs-tut .shs-topics{display:flex;flex-wrap:nowrap;gap:10px;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;padding:4px 2px 8px;margin:6px 0 20px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent)}
.shs-tut .shs-topics::-webkit-scrollbar{display:none}
.shs-tut .shs-topic{flex:0 0 auto;display:inline-flex;align-items:center;padding:9px 18px;border:1.5px solid #2ee6d6;border-radius:999px;color:#bffcff!important;font:600 14px/1 Sora,sans-serif;text-decoration:none!important;white-space:nowrap;background:rgba(46,230,214,.06);transition:background .2s,box-shadow .2s}
.shs-tut .shs-topic:hover,.shs-tut .shs-topic:focus-visible{background:rgba(46,230,214,.16);box-shadow:0 0 18px rgba(46,230,214,.35);color:#fff!important}
/* 1.2.46: scrollable topic row: mask only on sides with more content, arrows, drag */
.shs-tut .shs-topics{-webkit-mask-image:none;mask-image:none;cursor:grab}
.shs-tut .shs-topics.ml{-webkit-mask-image:linear-gradient(90deg,transparent,#000 48px);mask-image:linear-gradient(90deg,transparent,#000 48px)}
.shs-tut .shs-topics.mr{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent)}
.shs-tut .shs-topics.ml.mr{-webkit-mask-image:linear-gradient(90deg,transparent,#000 48px,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,transparent,#000 48px,#000 calc(100% - 48px),transparent)}
.shs-tut .shs-topics.drag{cursor:grabbing;user-select:none}.shs-tut .shs-topics.drag a{pointer-events:none}
.shs-tut .shs-topics-wrap{position:relative;max-width:100%;min-width:0}
.shs-tut .shs-tscroll{position:absolute;top:4px;z-index:2;width:34px;height:34px;padding:0;display:flex;align-items:center;justify-content:center;border:1.5px solid #2ee6d6!important;border-radius:999px!important;background:rgba(4,18,31,.92)!important;color:#bffcff!important;font:700 20px/1 Sora,sans-serif;cursor:pointer;box-shadow:none;transition:background .2s,box-shadow .2s}
.shs-tut .shs-tscroll[hidden]{display:none}.shs-tut .shs-tscroll.prev{left:0}.shs-tut .shs-tscroll.next{right:0}
.shs-tut .shs-tscroll:hover,.shs-tut .shs-tscroll:focus-visible{background:rgba(46,230,214,.25)!important;box-shadow:0 0 18px rgba(46,230,214,.35);color:#fff!important;outline:none}