/* Readable controls and result captions in the calculator's existing palette. */
:root{--muted:#625440;--moss:#53602f;--field-line:#85745b;--focus:#2e2a24;--focus-halo:#fffaf1;--label-font:var(--font-body)}
h1,h2,h3{overflow-wrap:break-word;min-width:0}
.grid,.lower{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.grid>*,.lower>*,.propass>*,.row2>*{min-width:0}
.propass{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr)}
label,.hint,.note,.ph,footer,.stat .l,.chead,.kicker,.big .l,.examplebadge{font-family:var(--label-font);font-size:14px;letter-spacing:normal;text-transform:none;line-height:1.5}
h2{font-size:16px;letter-spacing:normal;text-transform:none}
.stat .l{color:var(--pine)}
.btn.sm,.seg button{font-size:14px;min-height:36px}
.seg button{color:var(--pine)}.seg button.on{color:var(--paper)}
.chead{font-size:12px}
.examplebadge{background:var(--pine);color:var(--paper)}
.signup p,.signup .ph{color:var(--paper)}
.propass li b,.propass li a{color:var(--paper)!important}
.propass>div:first-child>div:first-child{color:var(--paper)!important;font-size:14px!important;letter-spacing:normal!important;text-transform:none!important}
.propass li{font-size:14px}
.probox label{color:var(--pine);margin-top:10px}
.probox input{font-size:16px}
.propass .probox{font-size:14px;line-height:1.5}
input[type=number],input[type=text],input[type=email],select{border-color:var(--field-line)}
:is(a,button,input,select,summary):focus-visible{outline:3px solid var(--focus);outline-offset:3px;box-shadow:0 0 0 3px var(--focus-halo);transition:none}
.propass :is(a,button):focus-visible,.signup :is(a,button):focus-visible{outline-color:var(--paper);box-shadow:0 0 0 3px var(--pine)}
#proCalcMsg{overflow-wrap:anywhere}
.stat .v{overflow-wrap:anywhere}
@media(max-width:860px){.grid,.lower,.propass{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){.probox{padding:14px}.comp,.chead{grid-template-columns:12px minmax(0,1.5fr) minmax(0,1fr) 52px 18px}.signup input{min-width:0;flex-basis:100%}.row2{grid-template-columns:minmax(0,1fr)}.sell>div{min-width:0!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}