/*
 * contact
 *
 * Copied verbatim from the global <style> block of source/decoded/contact.html,
 * minus the five shared rules that live in base.css.
 *
 * NEVER MERGE THIS FILE WITH ANOTHER page-*.css. The pages define @keyframes
 * with IDENTICAL NAMES and DIFFERENT BODIES — see DECISIONS.md D3 and the
 * collision table in 02-DESIGN-CONTRACT.md §3. A merged stylesheet plays one
 * page's animation on another, renders wrongly, and errors nowhere.
 *
 * Work unit W1.3.
 */

input, select, textarea { font-family: inherit; }
input::placeholder, textarea::placeholder { color: #A6AFAB; }
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--rcm-accent, #39598C) !important; box-shadow: 0 0 0 3px var(--rcm-glow, rgba(57,89,140,0.16)); }
@keyframes rcmGrow { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01s !important; } }