/* Crop only the uneven alpha fringe of the existing generated material.
   action-panel-v6.png is 1983 x 793; this placement samples x165..1818,
   y198..595, whose alpha is253..254 throughout. The anchor and its live
   label/focus ring remain unclipped. Equal pixel offsets keep a45-degree cut. */
@supports (clip-path:polygon(0 0,100% 0,100% 80%,90% 100%,0 100%)){
 body.aw-redesign .header__nav .nav-action{--aw-button-cut:10px}
 body.aw-redesign .hero__cta .btn{--aw-button-cut:16px}
 body.aw-redesign .comm-card .btn{--aw-button-cut:20px}
 body.aw-redesign .step-card .btn{--aw-button-cut:16px}
 body.aw-redesign .dl-mirror{--aw-button-cut:10px}
 body.aw-redesign .dl-modal__close{--aw-button-cut:4px}
 body.aw-redesign .wiki__menu-item{--aw-button-cut:14px}
 body.aw-redesign :is(.header__nav .nav-action,.hero__cta .btn,.comm-card .btn,.step-card .btn,.dl-mirror,.installation-guide__actions .btn,.dl-modal__close,.wiki__menu-item,.wiki__stage-tab,.wiki__concept-card .wiki__card-shot)::before,body .sample-actions span::before{
  background-size:120% 200%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--aw-button-cut,12px)),calc(100% - var(--aw-button-cut,12px)) 100%,0 100%)!important;
  pointer-events:none;
 }
 body .sample-actions span{--aw-button-cut:14px}
 @media(max-width:640px){body .sample-actions span{--aw-button-cut:11px}}
 @media(max-width:1279px){body.aw-redesign .header__nav .nav-action{--aw-button-cut:13px}body.aw-redesign .hero__cta .btn{--aw-button-cut:14px}}
 @media(max-width:699px){body.aw-redesign .hero__cta .btn{--aw-button-cut:12px}}
 @media(max-width:699px) and (max-height:740px){body.aw-redesign .hero__cta .btn{--aw-button-cut:11px}}
}


