.tip margin-top: 1rem; font-size: 0.75rem; background: #f1f5f9; padding: 0.4rem 0.6rem; border-radius: 20px; text-align: center; color: #2d3a5e;
@media print body background: white; padding: 0; margin: 0; .guide max-width: 100%; padding: 0.75rem; box-shadow: none; border-radius: 0; .card break-inside: avoid; page-break-inside: avoid; background: #ffffff; border: 1px solid #ccc; .badge print-color-adjust: exact; -webkit-print-color-adjust: exact; .signal-icon svg stroke: black; .signal-icon .fill-hand fill: #f0e6d2; stroke: black; h1 color: black; </style> </head> <body> <div class="guide"> <div class="header"> <h1>🐕 DOG TRAINING HAND SIGNALS</h1> <div class="sub">visual cues for better communication + positive reinforcement</div> <div class="badge">✨ printable quick reference ✨</div> </div> dog training hand signals pdf
<!-- 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> .tip margin-top: 1rem
.card background: #f8fafc; border-radius: 28px; padding: 1.2rem 1rem 1.2rem 1rem; box-shadow: 0 4px 8px rgba(0,0,0,0.02); border: 1px solid #e2e8f0; transition: transform 0.1s ease; break-inside: avoid; page-break-inside: avoid; padding: 0.4rem 0.6rem
.signal-icon background: white; border-radius: 60px; width: 90px; height: 90px; margin: 0 auto 1rem auto; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 18px rgba(0,0,0,0.05); border: 1px solid #e9ecef;
/* PDF-friendly card */ .guide max-width: 1200px; width: 100%; background: white; border-radius: 24px; box-shadow: 0 20px 35px -12px rgba(0,0,0,0.2); padding: 2rem 2rem 2.5rem 2rem; transition: all 0.2s;