/* Vegie Patch Planner */
.vp-bed { background: #8a5a33; border-radius: 18px; padding: 10px; box-shadow: var(--shadow); }
.vp-grid { display: grid; grid-template-columns: repeat(6, minmax(48px, 1fr)); gap: 5px; }
.vp-cell { min-height: 48px; min-width: 48px; border-radius: 12px; border: 3px solid #5e3b1e; background: #6b4424; font-size: 26px; cursor: pointer; touch-action: manipulation; padding: 0; }
.vp-cell[aria-pressed="true"] { background: #7a9f3e; border-color: #3e6a1e; }
.vp-cell:focus-visible { outline: 4px solid var(--focus); outline-offset: 2px; }
.vp-count { text-align: center; font-weight: 900; font-size: 20px; }
.vp-row { display: flex; gap: 10px; }
.vp-row .mf-btn--wide { flex: 1; }
.vp-array { display: grid; grid-template-columns: repeat(var(--c), 1fr); gap: 4px; justify-items: center; font-size: clamp(22px, 6vw, 32px); }
.vp-note { color: #fff; text-align: center; font-weight: 800; margin: 8px 0 0; }
.vp-spots { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.vp-spot { background: #6b4424; border-radius: 14px; padding: 6px 10px; font-size: 24px; letter-spacing: -6px; padding-right: 16px; }