.signal-icon .fill-hand fill: #fcd34d; stroke: #b45309;
h3 font-size: 1.6rem; font-weight: 700; color: #0f172a; text-align: center; margin-bottom: 0.5rem; dog training hand signals pdf
.command-name text-align: center; font-weight: 700; background: #eef2ff; display: inline-block; width: auto; margin: 0 auto 0.8rem; padding: 0.2rem 1rem; border-radius: 30px; font-size: 0.9rem; color: #1e40af; letter-spacing: 0.3px; .signal-icon .fill-hand fill: #fcd34d
/* grid of signals */ .signals-grid display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.8rem; margin: 2rem 0 1.5rem; h3 font-size: 1.6rem
<!-- STAND --> <div class="card"> <div class="signal-icon"> <svg viewBox="0 0 100 100"> <path class="fill-hand" d="M40,35 L60,35 L65,55 L35,55 Z" fill="#facc15" stroke="#b45309" stroke-width="1.8"/> <line x1="50" y1="55" x2="50" y2="78" stroke="#b45309" stroke-width="3"/> </svg> </div> <h3>🧍 STAND</h3> <div class="command-name">Command: "Stand"</div> <div class="description">Sweep your hand forward from your hip, palm facing up.</div> <div class="tip">💡 Great for vet exams or grooming.</div> </div> </div>
<!-- HEEL --> <div class="card"> <div class="signal-icon"> <svg viewBox="0 0 100 100"> <path class="fill-hand" d="M30,50 L70,50 L68,70 L32,70 Z" fill="#facc15" stroke="#b45309" stroke-width="1.8"/> <circle cx="50" cy="42" r="8" fill="#b45309"/> <line x1="50" y1="34" x2="50" y2="26" stroke="#b45309" stroke-width="3"/> </svg> </div> <h3>🚶 HEEL</h3> <div class="command-name">Command: "Heel"</div> <div class="description">Pat your left hip or make a small circle with your hand at waist level.</div> <div class="tip">💡 Dog walks beside you → signal reinforces loose-leash walking.</div> </div>