.practice-guide{margin:55px 0 0;border:1px solid var(--line);border-radius:13px;padding:28px;background:linear-gradient(145deg,#151923,#10131a)}
.practice-guide-head>span{color:var(--lime);font:9px var(--mono);letter-spacing:2px}
.practice-guide-head h2{font:600 clamp(30px,4vw,42px)/1.08 var(--display);margin:12px 0}
.practice-guide-head p{max-width:780px;color:#9aa3af;font:14px/1.75 var(--serif);margin:0 0 25px}
.practice-tips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;counter-reset:practice-tip}
.practice-tips article{position:relative;border:1px solid #2e3541;border-radius:10px;padding:20px 20px 20px 58px;background:#0d1117;counter-increment:practice-tip}
.practice-tips article::before{content:counter(practice-tip,decimal-leading-zero);position:absolute;left:18px;top:19px;color:var(--lime);font:10px var(--mono);letter-spacing:1px}
.practice-tips h3{font:600 20px/1.2 var(--display);margin:0 0 8px}
.practice-tips p{color:#9aa3af;font:12px/1.7 var(--serif);margin:0}
.practice-tips code{color:#d7ff74;background:#192112;border-radius:4px;padding:2px 5px;font:11px var(--mono)}
@media(max-width:700px){.practice-guide{padding:21px}.practice-tips{grid-template-columns:1fr}.practice-tips article{padding:18px 17px 18px 52px}}