Add printable yard map and sprinkler zones with estimated coverage

styles.css

@@ -386,3 +386,90 @@ main,
     padding: 0.55rem;
   }
 }
+
+#print-map {
+  padding: 0.65rem 1rem;
+  border: 1px solid var(--accent);
+  border-radius: 8px;
+  background: var(--accent);
+  color: white;
+  font: inherit;
+  cursor: pointer;
+}
+
+#print-map:focus-visible {
+  outline: 2px solid var(--ink);
+  outline-offset: 3px;
+}
+
+.print-hint {
+  color: var(--muted);
+  font-size: 0.85rem;
+  line-height: 1.4;
+}
+
+#print-sheet {
+  display: none;
+}
+
+@page {
+  size: landscape;
+  margin: 0.25in;
+}
+
+@media print {
+  html,
+  body {
+    min-height: 0;
+    background: white;
+  }
+
+  .app-shell,
+  .error-overlay {
+    display: none !important;
+  }
+
+  #print-sheet {
+    display: block;
+    position: fixed;
+    inset: 0;
+    print-color-adjust: exact;
+    -webkit-print-color-adjust: exact;
+  }
+
+  #print-sheet svg {
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
+}
+
+.sprinkler-legend {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem;
+  margin-top: 1rem;
+  font-size: 0.9rem;
+}
+
+.sprinkler-legend span {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.35rem;
+}
+
+.sprinkler-legend img {
+  width: 28px;
+  height: 28px;
+}
+
+.sprinkler-zone-label {
+  border: 0;
+  box-shadow: none;
+  background: rgba(255, 255, 255, 0.85);
+  padding: 0 3px;
+  font-size: 10px;
+  line-height: 1.3;
+  color: #234254;
+}
+.sprinkler-zone-label::before { display: none; }