/* v3 phase 5: polish + a11y */
.crumb>span:last-child{color:var(--accent)!important}
.footer-privacy a{text-decoration:underline!important}
.step-num{background:linear-gradient(180deg,color-mix(in srgb,var(--accent),#fff 18%),color-mix(in srgb,var(--accent),#000 28%));border-top-color:color-mix(in srgb,var(--accent),#fff 30%);border-left-color:color-mix(in srgb,var(--accent),#fff 30%);border-bottom-color:color-mix(in srgb,var(--accent),#000 42%);border-right-color:color-mix(in srgb,var(--accent),#000 42%)}
.progress-fill{background:linear-gradient(180deg,#9ee65b 0,#9ee65b 2px,#5fae33 2px,#5fae33 4px,rgba(0,0,0,0) 4px),repeating-linear-gradient(90deg,#7a5638 0 4px,#8a6342 4px 8px,#6b4a30 8px 12px,#7d5a3c 12px 14px);background-size:14px 100%;image-rendering:pixelated}
@media (prefers-reduced-motion:no-preference){
.tool-card:hover .ti-img,.tool-card:focus-visible .ti-img{animation:p5bounce .5s steps(5)}
}
@keyframes p5bounce{0%{transform:translateY(0)}30%{transform:translateY(-7px)}55%{transform:translateY(0)}78%{transform:translateY(-3px)}100%{transform:translateY(0)}}
:is(a,button,input,select,textarea,summary,[role=button],[tabindex]):focus-visible{outline:3px solid var(--accent);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important;scroll-behavior:auto!important}}