/* v334 mobile polish: information cards, legibility, and process discoverability */
@media(max-width:680px){
 #ownership-protection .protection-card,
 #ownership-protection .protection-card:hover,
 #ownership-protection .protection-card:active,
 #ownership-protection .protection-card:focus{
   background:#101c3b!important;color:#fff!important;cursor:default!important;
   border-color:transparent!important;box-shadow:0 6px 18px rgba(16,28,59,.12)!important;
 }
 #ownership-protection .protection-card h3,
 #ownership-protection .protection-card p{color:#fff!important}
 #how .process-step.is-current,
 #how .process-step.is-current:hover{background:#101c3b!important;border-color:#101c3b!important}
 #how .process-step.is-current h4{color:#fff!important;text-shadow:none!important}
 #how .process-step.is-current p{color:#f0eee9!important}
 #how .process-step.is-current .process-step-num{background:#b79a78!important;color:#fff!important}
 #how .process-controls{position:relative}
 #how .process-control-label{transition:color .2s ease}
 #how .process-control-btn#processNext.mobile-next-pulse{border-color:#b79a78;color:#1b2e51}
 #how .process-step.is-next{box-shadow:inset 3px 0 0 #b79a78,0 7px 19px rgba(16,28,59,.09)}
 #how .process-carousel{position:relative}
 #how .process-carousel.mobile-process-hint::after{content:"›";position:absolute;right:2px;top:50%;transform:translateY(-50%);font-size:24px;color:#94795c;pointer-events:none;text-shadow:0 1px 2px white}
 /* Reset existing chart series animation; v334 JS drives both lines with a shared timeline. */
 #kcGrowthChart .story-series{animation:none!important;stroke-dasharray:none}
}
@media(max-width:680px) and (prefers-reduced-motion:no-preference){
 #how .process-control-btn#processNext.mobile-next-pulse{animation:kcNextPulse 4s ease-in-out infinite}
 @keyframes kcNextPulse{0%,75%,100%{box-shadow:0 0 0 0 rgba(182,155,122,0)}84%{box-shadow:0 0 0 6px rgba(182,155,122,.2)}94%{box-shadow:0 0 0 0 rgba(182,155,122,0)}}
 #how .process-carousel.mobile-process-hint::after{animation:kcSwipeCue 1.1s ease-in-out 1}
 @keyframes kcSwipeCue{0%,100%{opacity:.65;transform:translate(0,-50%)}50%{opacity:1;transform:translate(5px,-50%)}}
}
@media(max-width:680px) and (prefers-reduced-motion:reduce){
 #how .process-control-btn#processNext.mobile-next-pulse,
 #how .process-carousel.mobile-process-hint::after{animation:none!important}
}

/* v335: the next card is the navigation cue; no extra floating arrow. */
@media(max-width:680px){#how .process-carousel.mobile-process-hint::after{display:none!important;content:none!important}#how .process-step.is-next,#how .process-step.is-prev{cursor:pointer!important;touch-action:pan-y}#how .process-step.is-next:active,#how .process-step.is-prev:active{filter:brightness(.98)}}