.sw-train-howto[hidden]{display:none!important}
.sw-train-howto{margin:20px 0 22px;padding:23px 22px 25px;border:1px solid #b9aa91;background:#f7f5ef;color:#182a31}
.sw-train-head h3{font-family:'Barlow Condensed',sans-serif;font-size:clamp(29px,3vw,39px);line-height:1.03;margin:12px 0 10px;letter-spacing:-.02em}
.sw-train-head p,.sw-train-tip{font-size:12px;line-height:1.6;color:#47585c;margin:0 0 18px}
.sw-train-steps{counter-reset:sw;list-style:none;padding:0;margin:0 0 17px;display:grid;gap:12px}
.sw-train-steps li{counter-increment:sw;position:relative;padding:0 0 0 35px;font-size:12px;line-height:1.6;color:#3d4f53}
.sw-train-steps li:before{content:counter(sw,decimal-leading-zero);position:absolute;left:0;top:0;font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:800;line-height:1.1;color:#9b7744}
.sw-train-steps strong{color:#15252d}.sw-train-steps em{font-style:normal;font-weight:700}
.sw-train-example{padding:14px 15px;border-left:3px solid #c7a46b;background:#e9e5db;display:grid;gap:7px;margin-bottom:18px}
.sw-train-example span{letter-spacing:.11em;font-size:10px;font-weight:800;color:#756043}.sw-train-example code{display:block;font-size:clamp(13px,2vw,18px);font-weight:700;color:#173341;overflow-wrap:anywhere}.sw-train-example small{font-size:11px;color:#64716d}
.sw-train-screen{width:100%;max-height:320px;object-fit:contain;background:#d7dfdf;border:1px solid #c7d0cc;padding:9px}.sw-train-tip{margin:13px 0 0;font-weight:650}
html[data-theme="dark"] .sw-train-howto{background:#1c2d32;border-color:#52615e;color:#ecf0e8}
html[data-theme="dark"] .sw-train-head p,html[data-theme="dark"] .sw-train-steps li,html[data-theme="dark"] .sw-train-tip{color:#bfcdca}
html[data-theme="dark"] .sw-train-steps strong,html[data-theme="dark"] .sw-train-head h3{color:#f2f0e9}
html[data-theme="dark"] .sw-train-example{background:#2a383c;border-left-color:#d0ac73}
html[data-theme="dark"] .sw-train-example code{color:#f2e4c4}
html[data-theme="dark"] .sw-train-example span,html[data-theme="dark"] .sw-train-example small{color:#c6c1b1}
@media(max-width:720px){.sw-train-howto{padding:19px 15px}.sw-train-screen{max-height:240px}}