/* grid of signals */ .signals-grid display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.8rem; margin: 2rem 0 1.5rem;
.signal-icon .fill-hand fill: #fcd34d; stroke: #b45309; dog training hand signals pdf
.tip margin-top: 1rem; font-size: 0.75rem; background: #f1f5f9; padding: 0.4rem 0.6rem; border-radius: 20px; text-align: center; color: #2d3a5e; /* grid of signals */
<!-- COME --> <div class="card"> <div class="signal-icon"> <svg viewBox="0 0 100 100"> <path class="fill-hand" d="M55,35 L75,50 L55,65 L55,55 L35,55 L35,45 L55,45 L55,35Z" fill="#facc15" stroke="#b45309" stroke-width="1.8"/> <path d="M80,50 L90,50" stroke="#b45309" stroke-width="4" stroke-linecap="round"/> </svg> </div> <h3>👉 COME</h3> <div class="command-name">Command: "Come / Here"</div> <div class="description">Sweep your arm horizontally from your side across your body (or tap your thigh).</div> <div class="tip">💡 Use excited voice + reward heavily when they arrive.</div> </div> margin: 2rem 0 1.5rem
/* header */ .header text-align: center; margin-bottom: 2rem; border-bottom: 3px solid #f59e0b; padding-bottom: 1rem; h1 font-size: 2.2rem; letter-spacing: -0.5px; color: #1e293b; .sub color: #475569; font-size: 1rem; margin-top: 0.5rem; font-style: italic; .badge background: #fef3c7; color: #b45309; display: inline-block; padding: 0.2rem 0.8rem; border-radius: 40px; font-size: 0.8rem; margin-top: 0.75rem; font-weight: 600;
h3 font-size: 1.6rem; font-weight: 700; color: #0f172a; text-align: center; margin-bottom: 0.5rem;
<!-- DROP IT / LEAVE IT --> <div class="card"> <div class="signal-icon"> <svg viewBox="0 0 100 100"> <path class="fill-hand" d="M30,45 L70,45 L72,58 L28,58 Z" fill="#facc15" stroke="#b45309" stroke-width="1.8"/> <line x1="28" y1="68" x2="72" y2="68" stroke="#b45309" stroke-width="3"/> <circle cx="50" cy="35" r="6" fill="#b45309"/> </svg> </div> <h3>🚫 DROP/LEAVE IT</h3> <div class="command-name">Command: "Drop" / "Leave it"</div> <div class="description">Closed fist, then open palm facing down in front of dog’s nose.</div> <div class="tip">💡 Prevents scavenging – trade for high-value treat.</div> </div>