/* Build-only additions for the static rebuild (see BUILD-NOTES.md):
   the live app mounted/unmounted the quote modal and showed library toasts;
   the static version toggles [hidden] and uses a minimal toast element. */
.modal-backdrop[hidden] { display: none !important; }
.reno-toast {
  position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%) translateY(16px);
  background: #10221b; color: #fff; padding: 12px 18px; border-radius: 10px;
  font: 500 14px/1.4 "DM Sans", ui-sans-serif, system-ui, sans-serif;
  box-shadow: 0 12px 32px rgba(16, 34, 27, .28); opacity: 0; pointer-events: none;
  transition: opacity .25s ease, transform .25s ease; z-index: 120; max-width: min(92vw, 480px); text-align: center;
}
.reno-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }

/* v2 calculator improvements (see BUILD-NOTES.md "v2 improvements"):
   size slider, size validation note, plain-English result summary,
   reset button row, and a visible keyboard focus ring — all inside the
   live palette (ink/sage/line tokens from the live stylesheet). */
.size-slider { width: 100%; margin-top: 10px; accent-color: var(--sage-dark); }
.field-note { display: block; color: #6f4d32; font-size: 11px; line-height: 1.35; margin-top: 5px; }
.field-note:empty { display: none; }
.calc-tools { margin-top: 18px; }
.calc-tools .button { cursor: pointer; font-size: 12px; }
.result-top .result-summary { color: #d7e2d8; font-size: 12.5px; line-height: 1.55; margin-top: 9px; }
#planner :focus-visible, .modal-backdrop :focus-visible {
  outline: 3px solid rgba(30, 86, 141, .45); outline-offset: 2px;
}