/* Deed plotter */
.deed-plotter { padding-top: 0.5rem; }
.deed-intro { max-width: 760px; }
.deed-plotter textarea {
  width: 100%;
  min-height: 200px;
  font-family: Consolas, "Courier New", monospace;
  font-size: 0.92rem;
}
.deed-actions { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.deed-actions .btn { margin-top: 1rem; }
.deed-actions .btn:disabled { opacity: 0.6; cursor: wait; transform: none; }
.deed-status { margin-top: 1rem; font-size: 0.9rem; color: #777; }
.deed-plotter .form-notice { margin-top: 1.4rem; }
.deed-result {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  gap: 2rem;
  margin-top: 2rem;
  align-items: start;
}
.deed-figure img { width: 100%; border: 1px solid var(--gray-border); border-radius: 3px; background: #fff; }
.deed-download { display: inline-block; margin-top: 0.6rem; font-size: 0.9rem; }
.deed-table { width: 100%; border-collapse: collapse; font-size: 0.9rem; margin-bottom: 1.4rem; }
.deed-table th, .deed-table td { text-align: left; padding: 0.35rem 0.5rem; border-bottom: 1px solid var(--gray-border); }
.deed-table th { font-family: "Jura", Arial, sans-serif; font-weight: 600; white-space: nowrap; }
.deed-warnings { list-style: none; margin-bottom: 1.4rem; }
.deed-warnings li { background: #fff4e5; border-left: 3px solid var(--orange); padding: 0.45rem 0.7rem; margin-bottom: 0.4rem; font-size: 0.88rem; }
.deed-fineprint { margin-top: 2rem; font-size: 0.85rem; color: #777; max-width: 760px; }
@media (max-width: 900px) {
  .deed-result { grid-template-columns: 1fr; }
}
.deed-download + .deed-download { margin-left: 1.4rem; }
.deed-examples { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem; margin: 0.4rem 0 0.6rem; }
.deed-examples-label { font-family: "Jura", Arial, sans-serif; font-weight: 600; font-size: 0.85rem; margin-right: 0.2rem; }
.deed-example {
  display: inline-flex; flex-direction: column; align-items: flex-start;
  padding: 0.45rem 0.9rem; border: 1px solid var(--gray-border); border-radius: 4px;
  background: var(--white); color: var(--black); cursor: pointer;
  font-family: "Jura", Arial, sans-serif; font-weight: 700; font-size: 0.9rem; line-height: 1.25;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.deed-example span { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 0.78rem; color: #777; }
.deed-example:hover, .deed-example:focus-visible { border-color: var(--orange); background: #fff7f0; }

/* Shared plotting engine (js/land-plot.js), 2026-10-12 */
.deed-plotter label.deed-live { display: inline-flex; align-items: center; gap: 0.4rem; width: auto; margin: 1rem 0 0; font-family: inherit; font-weight: 400; font-size: 0.9rem; color: #555; cursor: pointer; white-space: nowrap; }
.deed-plotter label.deed-live input { width: auto; margin: 0; }
.deed-panel { margin: 0 0 1.2rem; }
.deed-panel svg { display: block; width: 100%; height: auto; border: 1px solid var(--gray-border); border-radius: 3px; background: #fff; }
.deed-panel figcaption { margin-top: 0.35rem; font-size: 0.85rem; color: #666; }
.deed-panel figcaption a { margin-left: 0.6rem; }
.deed-dl { margin-top: 0.2rem; }
.deed-side h3 { font-size: 1rem; margin: 0 0 0.5rem; }
.deed-num { text-align: right !important; }
.deed-tie td { color: #777; }
.deed-total td { font-weight: 600; }
.deed-muted { font-size: 0.82rem; color: #777; margin: -0.8rem 0 1.2rem; }
.deed-swatch { display: inline-block; width: 0.75rem; height: 0.75rem; border-radius: 2px; margin-right: 0.4rem; vertical-align: -1px; }