.stv-tut{--stv:#0CC0DF;--mute:#868e98;--ff:Inter,-apple-system,Segoe UI,Roboto,Arial,sans-serif}

.stv-tut,.stv-tut *{font-family:var(--ff)}
.stv-tut{color:var(--ink);background:#000;padding-top:84px}
.stv-tut a{text-decoration:none}
.stv-tut-hero{padding:58px 20px 54px;text-align:center;color:#fff;background:radial-gradient(600px 220px at 50% 100%,rgba(12,192,223,.28),transparent 70%),#000}
.stv-tut-eyebrow{margin:0 0 12px;color:var(--stv);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.stv-tut-hero h1{margin:0;font-size:clamp(32px,5vw,48px);letter-spacing:-.035em;color:#fff}
.stv-tut-main{max-width:980px;margin:auto;padding:48px 20px 74px}
.stv-tut-head{text-align:center;margin-bottom:28px}
.stv-tut-head h2{margin:0 0 10px;font-size:clamp(26px,3.5vw,34px);color:#fff}
.stv-tut-head p{max-width:54ch;margin:auto;color:var(--mute);line-height:1.55}
.stv-tut-note{padding:22px 24px;margin-bottom:34px;border:1.5px solid rgba(12,192,223,.45);border-radius:16px;background:#050505}
.stv-tut-note strong{display:block;margin-bottom:7px;color:#fff}
.stv-tut-note p{margin:5px 0;color:var(--mute);font-size:14px;line-height:1.55}
.stv-tut-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.stv-tut-card{display:flex;flex-direction:column;align-items:center;gap:10px;min-height:168px;padding:18px 12px 14px;border:1.5px solid rgba(12,192,223,.55);border-radius:14px;background:#050505;color:#fff;cursor:pointer;transition:.2s}
.stv-tut-card:hover{transform:translateY(-3px);border-color:var(--stv);box-shadow:0 10px 28px rgba(12,192,223,.18)}
.stv-tut-card.is-on{border-color:var(--stv)!important;background:#0a1a1f!important;box-shadow:0 0 0 3px rgba(12,192,223,.28)!important}
.stv-tut-card.is-off{opacity:.45}
.stv-tut-ico{display:grid;place-items:center;width:52px;height:52px;margin:2px 0 0;background:transparent}
.stv-tut-ico img{width:48px;height:48px;object-fit:contain;display:block}
.stv-tut-card h3{margin:0;padding:0 0 8px;width:100%;border-bottom:1px solid rgba(255,255,255,.12);font-size:13px;font-weight:800;text-align:center;line-height:1.25;color:#fff}
.stv-tut-card span{font-size:11px;color:var(--mute);text-align:center;line-height:1.35}
.stv-tut-panel{margin-top:30px;padding-top:28px;border-top:2px solid var(--line)}
.stv-tut-panel[hidden]{display:none}
.g-head h2{margin:0 0 6px;font-size:clamp(26px,4vw,36px);letter-spacing:-.03em;color:#fff}
.g-meta{margin:0 0 16px;color:var(--mute);font-size:14px}
.g-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.g-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1.5px solid rgba(255,255,255,.2);background:#0a0a0a;color:#fff;font-size:13px;font-weight:700;cursor:pointer}
.g-tab.is-on{background:var(--stv);border-color:var(--stv);color:#fff}
.g-tab .ck{display:none;width:16px;height:16px}
.g-tab.is-on .ck{display:inline}
.g-info,.g-warn{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:12px;font-size:14px;line-height:1.5;margin:0 0 18px}
.g-info{background:rgba(12,192,223,.1);border:1px solid rgba(12,192,223,.35);color:#d7f6fc}
.g-warn{background:rgba(255,180,60,.08);border:1px solid rgba(255,180,60,.3);color:#f3d9a6}
.g-info b,.g-warn b{display:block;margin-bottom:2px;color:#fff}
.g-method{margin:28px 0 14px;padding-left:14px;border-left:4px solid var(--stv);font-size:18px;font-weight:800;color:#fff}
.g-steps{position:relative;margin:0;padding:0 0 8px 0;list-style:none}
.g-steps:before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:rgba(12,192,223,.35)}
.g-step{position:relative;padding:0 0 28px 52px}
.g-step:last-child{padding-bottom:8px}
.g-num{position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--stv);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:900;z-index:1}
.g-step p{margin:4px 0 12px;font-size:15px;line-height:1.55;font-weight:600;color:#e8eef4}
.g-step ul{margin:0 0 12px;padding-left:18px;color:var(--mute);font-size:14px;line-height:1.55}
.g-step img{display:block;width:100%;height:auto;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#101820}
.g-wa{display:inline-flex;margin-top:8px;padding:14px 20px;border-radius:999px;background:var(--stv);color:#fff!important;font-size:14px;font-weight:900}
.stv-tut-tips{margin-top:50px;padding-top:36px;border-top:1px solid var(--line)}
.stv-tut-tips h2{margin:0 0 16px;font-size:28px;color:#fff}
.stv-tut-tips ol{margin:0;padding-left:20px;color:var(--mute);line-height:1.65}
.stv-tut-tips li{margin-bottom:9px}
.stv-tut-tips b{color:#fff}
.stv-tut-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:15px;margin-top:36px;padding:24px;border-radius:16px;border:1.5px solid rgba(12,192,223,.45);background:#050505;color:#fff;text-align:center}
.stv-tut-cta p{margin:0;font-weight:600;color:#fff}
.stv-tut-cta a{padding:14px 21px;border-radius:999px;background:var(--stv);color:#fff!important;font-weight:900}@media(max-width:980px){.stv-tut{padding-top:68px}.stv-tut-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.stv-tut-main{padding:34px 14px 60px}.stv-tut-grid{grid-template-columns:repeat(2,1fr)}.g-step{padding-left:46px}.g-steps:before{left:13px}}

html body.dcm-tut .stv-tut{
  --stv:#0CC0DF; --stv-soft:#e6f9fc; --stv-line:#b6ebf3;
  --ink:#1a1d21; --body:#42474d; --muted:#868e98;
  --line:#e8eaed; --bg:#f6f7f8; --surface:#fff;
  --r:16px; --shadow-md:0 10px 30px rgba(26,29,33,.09);
  --ease:cubic-bezier(.4,0,.2,1);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  background:var(--bg)!important; color:var(--body)!important; padding-top:84px!important;
}
html body.dcm-tut .stv-tut-hero{
  background:#0a0a0a!important; background-image:none!important; color:#fff!important;
  text-align:center!important; padding:58px 20px 48px!important; min-height:0!important;
}
html body.dcm-tut .stv-tut-eyebrow{color:var(--stv)!important;font-size:12px!important;font-weight:800!important;letter-spacing:.16em!important;text-transform:uppercase!important;margin:0 0 12px!important}
html body.dcm-tut .stv-tut-hero h1{color:#fff!important;font-size:clamp(32px,5vw,48px)!important;font-weight:700!important;margin:0!important;letter-spacing:-.035em!important}
html body.dcm-tut .stv-tut-main{max-width:1200px!important;margin:0 auto!important;padding:40px 24px 64px!important;background:transparent!important}
html body.dcm-tut .stv-tut-head{text-align:center!important;margin-bottom:28px!important}
html body.dcm-tut .stv-tut-head h2{color:var(--ink)!important;font-size:clamp(28px,4vw,42px)!important;font-weight:700!important;margin:0 0 12px!important;letter-spacing:-.03em!important}
html body.dcm-tut .stv-tut-head p{color:var(--muted)!important;font-size:17px!important;line-height:1.5!important;max-width:560px!important;margin:0 auto!important}
html body.dcm-tut .stv-tut-note{
  background:var(--bg)!important;border:0!important;border-radius:var(--r)!important;
  padding:24px 28px!important;margin-bottom:40px!important;color:var(--body)!important;
}
html body.dcm-tut .stv-tut-note strong{display:block!important;color:var(--ink)!important;font-size:16px!important;font-weight:600!important;margin:0 0 8px!important}
html body.dcm-tut .stv-tut-note p{color:var(--body)!important;font-size:15px!important;line-height:1.65!important;margin:0 0 8px!important}
html body.dcm-tut .stv-tut-note p:last-child{margin-bottom:0!important}

html body.dcm-tut .stv-tut-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(184px,1fr))!important;
  gap:18px!important;margin:0 0 48px!important;align-items:stretch!important;
}
html body.dcm-tut .stv-tut-grid>br,
html body.dcm-tut .stv-tut-grid>p{display:none!important}
html body.dcm-tut .stv-tut-card{
  background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;
  padding:28px 18px 24px!important;min-height:196px!important;text-align:center!important;cursor:pointer!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
  gap:13px!important;color:var(--ink)!important;opacity:1!important;
  box-shadow:none!important;transform:none!important;
  transition:border-color .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease)!important;
}
html body.dcm-tut .stv-tut-card:hover{border-color:var(--stv)!important;box-shadow:var(--shadow-md)!important;transform:translateY(-3px)!important}
html body.dcm-tut .stv-tut-card.is-on{border-color:var(--stv)!important;border-width:2px!important;background:var(--stv-soft)!important}
html body.dcm-tut .stv-tut-card.is-off{opacity:.5!important}
html body.dcm-tut .stv-tut-card.is-off:hover{border-color:var(--line)!important;box-shadow:none!important;transform:none!important}
html body.dcm-tut .stv-tut-ico{width:48px!important;height:48px!important;display:grid!important;place-items:center!important;margin:0!important;background:transparent!important}
html body.dcm-tut .stv-tut-ico img{width:40px!important;height:40px!important;object-fit:contain!important;display:block!important}
html body.dcm-tut .stv-tut-card>p:empty{display:none!important}
html body.dcm-tut .stv-tut-card h3{
  margin:0!important;padding:0!important;width:100%!important;border:0!important;
  font-size:16px!important;font-weight:600!important;line-height:1.2!important;color:var(--ink)!important;text-align:center!important;
}
html body.dcm-tut .stv-tut-card span,
html body.dcm-tut .stv-tut-card h3 + p,
html body.dcm-tut .stv-tut-card h3 + p span{
  font-size:13px!important;color:var(--muted)!important;line-height:1.45!important;text-align:center!important;
  width:100%!important;margin:0!important;padding-top:13px!important;border-top:1px solid var(--line)!important;
  min-height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;
}

html body.dcm-tut .stv-tut-panel{background:#fff!important;border:1px solid var(--line)!important;border-radius:20px!important;padding:28px!important;color:var(--ink)!important;margin-top:30px!important}
html body.dcm-tut .stv-tut-panel .g-head h2,
html body.dcm-tut .g-head h2{color:var(--ink)!important}
html body.dcm-tut .g-meta{color:var(--muted)!important}
html body.dcm-tut .g-info{background:var(--stv-soft)!important;border:1px solid var(--stv-line)!important;color:var(--body)!important}
html body.dcm-tut .g-warn{background:#fff8eb!important;border:1px solid #f0d9a8!important;color:#7a5a20!important}
html body.dcm-tut .g-method{color:var(--ink)!important;border-left-color:var(--stv)!important}
html body.dcm-tut .g-tab{background:#fff!important;border:1.5px solid var(--line)!important;color:var(--ink)!important}
html body.dcm-tut .g-tab.is-on{background:var(--stv)!important;border-color:var(--stv)!important;color:#fff!important}
html body.dcm-tut .g-steps,
html body.dcm-tut .g-steps li{color:var(--body)!important}
html body.dcm-tut .stv-help,
html body.dcm-tut .stv-tut-cta{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;
  background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;padding:22px 24px!important;color:var(--ink)!important;
}
html body.dcm-tut .stv-help p,
html body.dcm-tut .stv-tut-cta p{margin:0!important;color:var(--body)!important;font-size:15px!important;flex:1!important;min-width:220px!important}
html body.dcm-tut .stv-help a,
html body.dcm-tut .stv-tut-cta a,
html body.dcm-tut .stv-wa{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  background:var(--stv)!important;color:#fff!important;padding:12px 22px!important;border-radius:999px!important;
  font-size:14px!important;font-weight:700!important;text-decoration:none!important;white-space:nowrap!important;
}@media(max-width:980px){
  html body.dcm-tut .stv-tut{padding-top:68px!important}
  html body.dcm-tut .stv-tut-main{padding:28px 16px 48px!important}
  html body.dcm-tut .stv-tut-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:14px!important}}@media(max-width:620px){
  html body.dcm-tut .stv-tut-main{padding:24px 14px 40px!important}
  html body.dcm-tut .stv-tut-note{padding:18px 16px!important}
  html body.dcm-tut .stv-tut-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  html body.dcm-tut .stv-tut-card{min-height:168px!important;padding:18px 10px 14px!important}
  html body.dcm-tut .stv-tut-card h3{font-size:14px!important}
  html body.dcm-tut .stv-help,
  html body.dcm-tut .stv-tut-cta{flex-direction:column!important;align-items:stretch!important;text-align:center!important}
  html body.dcm-tut .stv-help a,
  html body.dcm-tut .stv-tut-cta a{width:100%!important}}

html body.dcm-tut .stv-tut-panel,
html body.dcm-tut #stv-tut-panel,
html body.dcm-tut #stv-tut-panel-inner{color:#111!important;background:#fff!important}
html body.dcm-tut .g-head h2{color:#111!important}
html body.dcm-tut .g-meta{color:#4b5563!important}
html body.dcm-tut .g-method{color:#111!important}
html body.dcm-tut .g-step p{color:#1d1d1d!important}
html body.dcm-tut .g-step ul,
html body.dcm-tut .g-step li{color:#374151!important}
html body.dcm-tut .g-step b,
html body.dcm-tut .g-info b,
html body.dcm-tut .g-warn b{color:#111!important}
html body.dcm-tut .g-info{background:rgba(12,192,223,.1)!important;border-color:rgba(12,192,223,.35)!important;color:#0a4a55!important}
html body.dcm-tut .g-warn{background:rgba(255,180,60,.1)!important;border-color:rgba(255,180,60,.35)!important;color:#7a4a00!important}
html body.dcm-tut .g-tabs .g-tab{background:#fff!important;color:#1d1d1d!important;border-color:#d1d5db!important}
html body.dcm-tut .g-tabs .g-tab.is-on{background:#0CC0DF!important;color:#fff!important;border-color:#0CC0DF!important}
html body.dcm-tut .stv-tut-tips h2{color:#111!important}
html body.dcm-tut .stv-tut-tips ol,
html body.dcm-tut .stv-tut-tips li{color:#374151!important}
html body.dcm-tut .stv-tut-tips b{color:#111!important}
html body.dcm-tut .stv-tut-note strong,
html body.dcm-tut .stv-tut-note p,
html body.dcm-tut .stv-tut-head h2,
html body.dcm-tut .stv-tut-head p{color:#111!important}
html body.dcm-tut .stv-tut-note p{color:#4b5563!important}
html body.dcm-tut .stv-tut-head p{color:#4b5563!important}
html body.dcm-tut .stv-tut-card h3{color:#111!important}
html body.dcm-tut .stv-tut-card span{color:#4b5563!important}

html body.dcm-tut{
  --stv-page-inset: max(24px, calc((100vw - 1180px) / 2));
}


html body.dcm-tut .stv-tut{padding-top:0!important;background:#fff!important}
html body.dcm-tut .stv-tut-hero{
  background:#262626!important;background-image:none!important;
  color:#fff!important;text-align:left!important;
  min-height:0!important;height:auto!important;
  padding:28px var(--stv-page-inset)!important;margin:0!important;
}
html body.dcm-tut .stv-tut-eyebrow{
  color:#0CC0DF!important;font-size:16px!important;font-weight:700!important;
  letter-spacing:.04em!important;text-transform:uppercase!important;
  margin:0 0 6px!important;text-align:left!important;
}
html body.dcm-tut .stv-tut-hero h1{
  color:#fff!important;font-size:clamp(32px,4vw,48px)!important;font-weight:800!important;
  margin:0!important;line-height:1.15!important;text-align:left!important;
}

html body.dcm-tut .stv-tut-main{
  max-width:1180px!important;margin:0 auto!important;padding:36px 24px 60px!important;
}
html body.dcm-tut .stv-tut-head{text-align:center!important;margin-bottom:22px!important}
html body.dcm-tut .stv-tut-head h2{color:#111!important;margin:0 0 10px!important;font-size:clamp(24px,3vw,32px)!important}
html body.dcm-tut .stv-tut-head p{color:#616670!important;max-width:54ch!important;margin:0 auto!important;line-height:1.55!important}
html body.dcm-tut .stv-tut-note{
  background:#f4f4f4!important;border:none!important;border-radius:12px!important;
  padding:22px 24px!important;margin:0 0 28px!important;text-align:left!important;
}
html body.dcm-tut .stv-tut-note strong{color:#111!important;display:block!important;margin-bottom:8px!important}
html body.dcm-tut .stv-tut-note p{color:#374151!important;margin:6px 0!important;font-size:15px!important;line-height:1.55!important}@media(max-width:980px){
  html body.dcm-tut{
    --stv-page-inset:14px;
  }
  html body.dcm-tut .stv-tut-hero{padding:24px 16px!important}
  html body.dcm-tut .stv-tut-hero h1{font-size:30px!important}}
html body.dcm-tut .stv-tut-tips{
  margin:36px calc(50% - 50vw) 0!important;
  width:100vw!important;max-width:100vw!important;
  background:#f3f5f8!important;
  border-top:none!important;
  padding:42px var(--stv-page-inset,24px) 48px!important;
  box-sizing:border-box!important;
}
html body.dcm-tut .stv-tut-tips h2{
  display:inline-block!important;
  text-align:center!important;
  color:#fff!important;
  background:#2f6fed!important;
  font-size:18px!important;font-weight:800!important;
  margin:0 auto 22px!important;
  padding:10px 22px!important;
  border-radius:10px!important;
  width:auto!important;
}
html body.dcm-tut .stv-tut-tips{
  text-align:center!important;
}
html body.dcm-tut .stv-tips,.stv-tut-tips,section[aria-label="Troubleshooting tips"]{display:block!important;visibility:visible!important;height:auto!important;max-height:none!important;overflow:visible!important;opacity:1!important}
html body.dcm-tut .stv-tip{
  display:flex!important;align-items:flex-start!important;gap:14px!important;
  background:#fff!important;border:1px solid #e5e9ef!important;border-radius:14px!important;
  padding:16px 18px!important;box-shadow:0 6px 18px rgba(15,23,42,.05)!important;
}
html body.dcm-tut .stv-tip p{
  margin:0!important;color:#334155!important;font-size:15px!important;line-height:1.55!important;font-weight:500!important;
}
html body.dcm-tut .stv-tip b{color:#0f172a!important;font-weight:800!important}
html body.dcm-tut .stv-tip-ico{
  flex:0 0 auto!important;width:42px!important;height:42px!important;border-radius:999px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
html body.dcm-tut .stv-tip-ico svg{display:block!important}
html body.dcm-tut .stv-tip-ico--wifi{background:#ffe4e8!important;color:#e11d48!important}
html body.dcm-tut .stv-tip-ico--warn{background:#fff3df!important;color:#d97706!important}
html body.dcm-tut .stv-tip-ico--update{background:#e0f2fe!important;color:#0284c7!important}
html body.dcm-tut .stv-tip-ico--restart{background:#dcfce7!important;color:#16a34a!important}
html body.dcm-tut .stv-tip-ico--vpn{background:#ede9fe!important;color:#7c3aed!important}
html body.dcm-tut .stv-tip-ico--cache{background:#fce7f3!important;color:#db2777!important}
html body.dcm-tut .stv-tip-ico--info{background:#eef2f7!important;color:#64748b!important}@media(max-width:640px){
  html body.dcm-tut .stv-tut-tips{padding:32px 14px 40px!important}
  html body.dcm-tut .stv-tip{padding:14px!important;gap:12px!important}
  html body.dcm-tut .stv-tip p{font-size:14px!important}}
html body.dcm-tut .stv-tips,html body.dcm-tut .stv-tut-tips,html body.dcm-tut section.stv-tut-tips,html body.dcm-tut #stv-tut-tips,html body.dcm-tut section[aria-label="Troubleshooting tips"]{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;clip:auto!important}html body.dcm-tut .stv-tips-grid{display:flex!important;flex-direction:column!important;height:auto!important;max-height:none!important;overflow:visible!important}html body.dcm-tut .stv-tip{display:flex!important;height:auto!important;max-height:none!important;overflow:visible!important;opacity:1!important;visibility:visible!important}
html body.dcm-tut .stv-tut-card,html body.dcm-tut button.stv-tut-card{white-space:normal!important;overflow:hidden!important;min-width:0!important;max-width:100%!important;}html body.dcm-tut .stv-tut-grid>.stv-tut-card{min-width:0!important;}html body.dcm-tut .stv-tut-card>.stv-tut-ico{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;border:0!important;min-height:0!important;width:auto!important;}html body.dcm-tut .stv-tut-card h3{white-space:normal!important;overflow-wrap:break-word!important;word-break:break-word!important;max-width:100%!important;}html body.dcm-tut .stv-tut-card h3 + span,html body.dcm-tut .stv-tut-card > span:not(.stv-tut-ico){white-space:normal!important;overflow-wrap:break-word!important;word-break:break-word!important;max-width:100%!important;width:100%!important;display:block!important;line-height:1.35!important;text-align:center!important;padding-top:10px!important;border-top:1px solid var(--line,#e5e7eb)!important;min-height:0!important;box-sizing:border-box!important;}@media(max-width:640px){html body.dcm-tut .stv-tut-card{padding:14px 8px 12px!important;gap:8px!important;}html body.dcm-tut .stv-tut-card h3{font-size:14px!important;}html body.dcm-tut .stv-tut-card h3 + span,html body.dcm-tut .stv-tut-card > span:not(.stv-tut-ico){font-size:11px!important;padding-top:8px!important;}}
html body.dcm-tut{overflow-x:hidden!important;background:#fff!important}
html body.dcm-tut .stv-tut{overflow-x:clip;max-width:100%;padding-top:var(--dcm-hdr,112px)!important}
html body.dcm-tut .stv-tut-hero{padding-top:34px!important}
.stv-tut-hero .stv-tut-sub{margin:12px 0 0;max-width:820px;color:#d4d4d8;font-size:16px;line-height:1.55}
.stv-tut-main{box-sizing:border-box}
.dcm-local{margin:28px 0 6px;padding:18px 20px;border:1px solid #b6ebf3;border-radius:14px;background:#e6f9fc;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
.dcm-local p{margin:0;flex:1 1 260px;color:#0a4a55;font-weight:700;line-height:1.5}
.dcm-local .g-wa{margin:0;background:#25d366;color:#06130b!important;max-width:100%;text-align:center;justify-content:center}
.g-step img{max-width:100%;height:auto}
.stv-tut-panel{overflow-wrap:anywhere}
@media(max-width:620px){.dcm-local{flex-direction:column;align-items:stretch;text-align:center}}
@media(max-width:980px){html body.dcm-tut .stv-tut{--dcm-hdr:96px}}

/* DCM-THEME-START */
html body.dcm-tut{--g1:linear-gradient(135deg,#7450ef,#8c28d2);--card:rgba(20,21,36,.92);--bd:rgba(174,172,203,.16);--tx:#c5c3d4;--mu:#a3a1b8;--ac:#7c3aed;--gold:#efbd43;background:linear-gradient(180deg,#071a35 0,#100b35 520px,#070713 1100px)!important;background-color:#070713!important}
html body.dcm-tut .stv-tut{--stv:#7c3aed;--stv-soft:rgba(124,58,237,.16);--stv-line:rgba(124,58,237,.4);--ink:#fff;--body:var(--tx);--muted:var(--mu);--mute:var(--mu);--line:var(--bd);--bg:transparent;--surface:var(--card);--ff:inherit;font-family:inherit!important;background:transparent!important;color:var(--tx)!important}
html body.dcm-tut .stv-tut,html body.dcm-tut .stv-tut *{font-family:inherit!important}
html body.dcm-tut .stv-tut-hero{background:radial-gradient(760px 280px at 50% 100%,rgba(124,58,237,.38),transparent 72%)!important;background-color:transparent!important;text-align:center!important;border-bottom:1px solid var(--bd)!important;padding:30px 20px 46px!important}
html body.dcm-tut .stv-tut-eyebrow{color:#a78bfa!important;text-align:center!important;font-size:12px!important;font-weight:800!important;letter-spacing:.16em!important}
html body.dcm-tut .stv-tut-hero h1{color:#fff!important;text-align:center!important;max-width:900px;margin:0 auto!important;font-weight:800!important;letter-spacing:-.04em!important}
html body.dcm-tut .stv-tut-hero .stv-tut-sub{color:var(--tx)!important;text-align:center;margin:14px auto 0!important}
html body.dcm-tut .stv-tut-main{background:transparent!important}
html body.dcm-tut .stv-tut-head h2{color:#fff!important}
html body.dcm-tut .stv-tut-head p{color:var(--mu)!important}
html body.dcm-tut .stv-tut-note{background:var(--card)!important;border:1px solid var(--bd)!important;border-left:3px solid var(--ac)!important}
html body.dcm-tut .stv-tut-note strong{color:#fff!important}
html body.dcm-tut .stv-tut-note p{color:var(--tx)!important}
html body.dcm-tut .stv-tut-card{background:var(--card)!important;border:1px solid var(--bd)!important;color:#fff!important;box-shadow:none!important}
html body.dcm-tut .stv-tut-card:hover{border-color:var(--ac)!important;box-shadow:0 12px 30px rgba(124,58,237,.25)!important}
html body.dcm-tut .stv-tut-card.is-on{background:rgba(124,58,237,.18)!important;border:2px solid var(--ac)!important;box-shadow:0 0 0 4px rgba(124,58,237,.18)!important}
html body.dcm-tut .stv-tut-card h3{color:#fff!important}
html body.dcm-tut .stv-tut-card span:not(.stv-tut-ico),html body.dcm-tut .stv-tut-card h3 + span,html body.dcm-tut .stv-tut-card > span:not(.stv-tut-ico){color:var(--mu)!important;border-top:1px solid var(--bd)!important}
html body.dcm-tut .stv-tut-card.is-off{opacity:.55!important}
html body.dcm-tut .stv-tut-panel,html body.dcm-tut #stv-tut-panel,html body.dcm-tut #stv-tut-panel-inner{background:var(--card)!important;color:var(--tx)!important;border-color:var(--bd)!important}
html body.dcm-tut #stv-tut-panel-inner{padding:0!important;border:0!important}
html body.dcm-tut .stv-tut-panel{border:1px solid var(--bd)!important;border-radius:20px!important;box-shadow:0 20px 50px rgba(0,0,0,.35)}
html body.dcm-tut .g-head h2,html body.dcm-tut .stv-tut-panel .g-head h2{color:#fff!important}
html body.dcm-tut .g-meta{color:var(--mu)!important}
html body.dcm-tut .g-method{color:#fff!important;border-left-color:var(--ac)!important}
html body.dcm-tut .g-step p,html body.dcm-tut .g-steps,html body.dcm-tut .g-steps li{color:#e8e6f5!important}
html body.dcm-tut .g-step ul,html body.dcm-tut .g-step ul li{color:var(--mu)!important}
html body.dcm-tut .g-step b,html body.dcm-tut .g-info b,html body.dcm-tut .g-warn b{color:#fff!important}
html body.dcm-tut .g-info{background:rgba(124,58,237,.13)!important;border:1px solid rgba(124,58,237,.42)!important;color:#e4defc!important}
html body.dcm-tut .g-warn{background:rgba(239,189,67,.09)!important;border:1px solid rgba(239,189,67,.38)!important;color:#f3dfa6!important}
html body.dcm-tut .g-tabs .g-tab,html body.dcm-tut .g-tab{background:rgba(255,255,255,.05)!important;border:1px solid var(--bd)!important;color:#e8e6f5!important}
html body.dcm-tut .g-tabs .g-tab.is-on,html body.dcm-tut .g-tab.is-on{background:var(--g1)!important;border-color:transparent!important;color:#fff!important}
html body.dcm-tut .g-steps:before{background:rgba(124,58,237,.45)}
html body.dcm-tut .g-num{background:var(--g1)!important;color:#fff!important;box-shadow:0 0 0 4px rgba(124,58,237,.18)}
html body.dcm-tut .g-step img{border:1px solid var(--bd)!important;background:#0b0b1e!important;border-radius:12px}
html body.dcm-tut .g-wa,html body.dcm-tut .stv-tut-cta a{background:var(--g1)!important;color:#fff!important;box-shadow:0 10px 26px rgba(80,30,168,.35)}
html body.dcm-tut .dcm-local{background:rgba(37,211,102,.08)!important;border:1px solid rgba(37,211,102,.34)!important}
html body.dcm-tut .dcm-local p{color:#e6e5f0!important}
html body.dcm-tut .dcm-local .g-wa{background:#25d366!important;color:#06130b!important;box-shadow:none}
html body.dcm-tut .stv-tut-cta{background:var(--card)!important;border:1px solid var(--bd)!important;color:#fff!important}
html body.dcm-tut .stv-tut-cta p{color:var(--tx)!important}
html body.dcm-tut .stv-tut-tips{background:rgba(7,7,19,.7)!important;border-top:1px solid var(--bd)!important}
html body.dcm-tut .stv-tut-tips h2{background:var(--g1)!important;color:#fff!important;border-radius:999px!important}
html body.dcm-tut .stv-tip{background:var(--card)!important;border:1px solid var(--bd)!important;box-shadow:none!important}
html body.dcm-tut .stv-tip p{color:var(--tx)!important}
html body.dcm-tut .stv-tip b{color:#fff!important}
html body.dcm-tut .stv-tip-ico--wifi{background:rgba(255,79,99,.15)!important;color:#ff6b7d!important}
html body.dcm-tut .stv-tip-ico--warn{background:rgba(255,191,31,.15)!important;color:#ffbf1f!important}
html body.dcm-tut .stv-tip-ico--update{background:rgba(59,130,246,.18)!important;color:#60a5fa!important}
html body.dcm-tut .stv-tip-ico--restart{background:rgba(16,201,143,.15)!important;color:#34d399!important}
html body.dcm-tut .stv-tip-ico--vpn{background:rgba(139,92,246,.2)!important;color:#a78bfa!important}
html body.dcm-tut .stv-tip-ico--cache{background:rgba(236,72,153,.16)!important;color:#f472b6!important}
html body.dcm-tut .stv-tip-ico--info{background:rgba(156,163,175,.16)!important;color:#cbd5e1!important}
/* DCM-THEME-END */