/* Screening product-UI cards (composer, verification, report). Scoped to .hw-ui; nothing global. */
.hw-ui{box-sizing:border-box;font-family:var(--sans);color:#1a1815;text-align:left}
.hw-ui *{box-sizing:border-box}
.hw-ui [hidden]{display:none!important}
.hw-ui a{color:#1a1815}
.hw-ui a:hover{color:#2f7a4d}
@keyframes hwSheetUp{from{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}
@keyframes hwSheetOut{from{transform:none;opacity:1}to{transform:translateY(60px);opacity:0}}
@keyframes hwMailIn{from{opacity:0;transform:translateY(26px) scale(.98)}to{opacity:1;transform:none}}
@keyframes hwPop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}
@keyframes hwPulse{0%,100%{box-shadow:0 0 0 0 rgba(26,24,21,.3)}55%{box-shadow:0 0 0 8px rgba(26,24,21,0)}}
@keyframes hwBlink{0%,45%{opacity:1}50%,100%{opacity:0}}
@keyframes hwSlap{0%{opacity:0;transform:scale(2.6) rotate(-32deg)}42%{opacity:1;transform:scale(.84) rotate(6deg)}60%{transform:scale(1.1) rotate(-4deg)}76%{transform:scale(.96) rotate(2deg)}88%{transform:scale(1.02) rotate(-1deg)}100%{transform:none}}
@media(prefers-reduced-motion:reduce){.hw-ui,.hw-ui *{animation:none!important;transition:none!important}}