/* Mobile sticky "open calculator" bar. Hidden by default; shown only under 768px and not dismissed.
   html.calcbar-off is set before first paint by the inline head script (localStorage ms-calcbar-dismissed). */
.calcbar{display:none}
@media (max-width:767px){
  html:not(.calcbar-off) .calcbar{display:flex;align-items:center;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:50;box-sizing:border-box;height:calc(56px + env(safe-area-inset-bottom,0px));padding:0 8px env(safe-area-inset-bottom,0px) 16px;background:#073b2e;color:#fff;box-shadow:0 -2px 10px rgba(0,0,0,.18)}
  html:not(.calcbar-off) body.has-calcbar{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}
  .calcbar a{flex:1;color:#fff;font-weight:700;font-size:16px;text-decoration:none;line-height:48px;min-height:48px}
  .calcbar button{flex:0 0 44px;width:44px;height:44px;border:0;border-radius:6px;background:transparent;color:#fff;font-size:24px;line-height:1;cursor:pointer}
  .calcbar a:focus-visible,.calcbar button:focus-visible{outline:3px solid #e09b27;outline-offset:2px}
}