/* Native calculator state owns selection and visibility; motion follows it. */
.experience-calculator{--calc-motion-ease:cubic-bezier(.16,1,.3,1)}
.experience-calculator :is(.config-flow>button,.system-choice-grid button,.cell-kind){position:relative;transition:background .22s,border-color .22s,color .22s,box-shadow .22s,translate .22s}
.experience-calculator .config-flow>button::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#6bce45;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--calc-motion-ease);pointer-events:none}
.experience-calculator .config-flow>button:is(.active,.complete)::after{transform:scaleX(1)}
.experience-calculator :is(.system-choice-grid button,.cell-kind):active{translate:0 1px}
.experience-calculator .system-choice-grid button{padding-right:30px}
.experience-calculator .system-choice-grid button::after{content:"";position:absolute;right:12px;top:13px;width:6px;height:11px;border:solid #347a2b;border-width:0 2px 2px 0;rotate:45deg;scale:0;transition:scale .22s var(--calc-motion-ease);pointer-events:none}
.experience-calculator .system-choice-grid button[aria-pressed=true]::after{scale:1}
.experience-calculator :is(.system-choice-grid button,.cell-kind):focus-visible{outline:2px solid #347a2b;outline-offset:3px}
.experience-calculator .order-item .system-field:focus-within>label{color:#28602c}
.experience-calculator :is(.config-primary,.builder-toolbar,.cell-inspector,.order-sidebar){scroll-margin-top:140px}
.experience-calculator .order-sidebar{border-top:3px solid #6bce45;transition:box-shadow .3s,border-color .3s}
.experience-calculator .order-sidebar:focus-within{box-shadow:0 16px 42px #183a2a14}
.experience-calculator .summary-position{position:relative;gap:6px;margin-bottom:8px;padding:14px 14px 14px 18px;border:1px solid #cddbd1;border-radius:7px;background:#ffffffa6;font-variant-numeric:tabular-nums}
.experience-calculator .summary-position::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;background:#6bce45;pointer-events:none}
.experience-calculator .summary-position strong{font-size:13px;line-height:1.5}
.experience-calculator .summary-position span{font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.experience-calculator .order-total{font-variant-numeric:tabular-nums;line-height:1.65}
.experience-calculator .calc-upload-heading{animation:calc-section-in .38s var(--calc-motion-ease) backwards}
@keyframes calc-section-in{from{opacity:.3;translate:0 10px}to{opacity:1;translate:0 0}}
@media(hover:hover) and (pointer:fine){
 .experience-calculator :is(.system-choice-grid button,.cell-kind):hover{translate:0 -2px;box-shadow:0 5px 14px #071c2610}
}
@media(max-width:680px){
 .experience-calculator :is(.config-primary,.builder-toolbar,.cell-inspector,.order-sidebar){scroll-margin-top:176px}
 .calculator-mobile-wizard[data-calc-step="1"] .config-primary,
 .calculator-mobile-wizard[data-calc-step="2"] .builder-toolbar,
 .calculator-mobile-wizard[data-calc-step="3"] .cell-inspector .inspector-head,
 .calculator-mobile-wizard[data-calc-step="4"] .order-sidebar>div:first-child{animation:calc-section-in .3s var(--calc-motion-ease) backwards}
 .experience-calculator .summary-position{padding:12px 12px 12px 16px}
}
@media(prefers-reduced-motion:reduce){
 .experience-calculator :is(.config-flow>button,.system-choice-grid button,.cell-kind,.order-sidebar),
 .experience-calculator .config-flow>button::after,
 .experience-calculator .system-choice-grid button::after{transition:none;translate:none!important}
 .experience-calculator .calc-upload-heading,
 .calculator-mobile-wizard[data-calc-step] :is(.config-primary,.builder-toolbar,.inspector-head,.order-sidebar>div:first-child){animation:none}
}