.gardenrook-garden-planner {
      color-scheme: light dark;
      --paper: light-dark(#f7f6ed,#222a24);
      --surface: light-dark(#fffdf5,#2c372e);
      --ink: light-dark(#253a2b,#f1f3e7);
      --muted: light-dark(#536552,#bdcab8);
      --line: light-dark(#ccd4c2,#53634f);
      --green: light-dark(#28533b,#c3dbac);
      --on-green: light-dark(#fffdf4,#1c2c1f);
      --mint: light-dark(#e5ecd8,#394735);
      --wood: light-dark(#a47552,#846044);
      --soil: light-dark(#644638,#4e352b);
      --soil-lines: light-dark(#ffffff1a,#ffffff14);
      --cream: light-dark(#fff7e5,#fff2db);
      font: 15px/1.43 system-ui,sans-serif;
      color: var(--ink);
      padding: 8px 0;
    }
    .gardenrook-garden-planner * { box-sizing: border-box; }
    .gardenrook-garden-planner [hidden] { display: none !important; }
    .gardenrook-garden-planner .gr-app {
      padding: clamp(14px,4vw,27px);
      border: 1px solid var(--line);
      border-radius: 18px;
      background: var(--paper);
    }
    .gardenrook-garden-planner header { padding-right: 55px; }
    .gardenrook-garden-planner h2 {
      margin: 3px 0 14px;
      color: var(--ink);
      font: 500 clamp(1.6rem,5.5vw,2.4rem)/1.08 Georgia,serif;
      letter-spacing: -.035em;
    }
    .gardenrook-garden-planner .gr-brand,
    .gardenrook-garden-planner .gr-eyebrow {
      display: block;
      margin: 0;
      color: var(--green);
      font-size: .73rem;
      font-weight: 700;
      letter-spacing: .1em;
      text-transform: uppercase;
    }
    .gardenrook-garden-planner .gr-weather {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 5px 12px;
      margin-bottom: 14px;
    }
    .gardenrook-garden-planner label { font-weight: 650; }
    .gardenrook-garden-planner button,
    .gardenrook-garden-planner input,
    .gardenrook-garden-planner select {
      min-height: 44px;
      max-width: 100%;
      border-radius: 8px;
      border: 1px solid var(--line);
      padding: 7px 10px;
      background: var(--surface);
      color: var(--ink);
      font: inherit;
    }
    .gardenrook-garden-planner .gr-weather input { width: 155px; }
    .gardenrook-garden-planner .gr-note { margin: 5px 0; color: var(--muted); font-size: .8rem; }
    .gardenrook-garden-planner .gr-picker {
      background: var(--surface);
      border: 1px solid var(--line);
      border-radius: 12px;
      padding: 12px;
      margin: 0 0 14px;
    }
    .gardenrook-garden-planner .gr-picker h3 {
      margin: 2px 0 3px;
      color: var(--ink);
      font: 650 1.03rem/1.25 system-ui,sans-serif;
    }
    .gardenrook-garden-planner .gr-controls,
    .gardenrook-garden-planner .gr-picks {
      display: flex;
      flex-wrap: wrap;
      align-items: stretch;
      gap: 6px;
      margin: 8px 0 0;
    }
    .gardenrook-garden-planner .gr-controls select { flex: 1 1 145px; min-width: 0; }
    .gardenrook-garden-planner .gr-add { background: var(--green); color: var(--on-green); border-color: var(--green); }
    .gardenrook-garden-planner .gr-picks button {
      flex: 1 1 123px;
      text-align: left;
      background: var(--mint);
    }
    .gardenrook-garden-planner .gr-pick-name { display: block; font-weight: 650; }
    .gardenrook-garden-planner .gr-pick-date { display: block; font-size: .76rem; color: var(--muted); }
    .gardenrook-garden-planner .gr-other { margin-top: 8px; }
    .gardenrook-garden-planner summary { min-height: 44px; align-content: center; }
    .gardenrook-garden-planner .gr-other summary { color: var(--green); font-size: .82rem; }
    .gardenrook-garden-planner .gr-board {
      display: grid;
      grid-template-columns: repeat(2,minmax(0,1fr));
      gap: 6px;
      margin: 6px 0 9px;
      padding: 7px;
      background: var(--wood);
      border-radius: 13px;
    }
    .gardenrook-garden-planner .gr-plot {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-width: 0;
      min-height: 122px;
      padding: 18px 5px 9px;
      gap: 1px;
      border: 2px solid transparent;
      border-radius: 7px;
      background: repeating-linear-gradient(0deg,var(--soil-lines) 0 1px,transparent 1px 18px),var(--soil);
      color: var(--cream);
      text-align: center;
    }
    .gardenrook-garden-planner .gr-plot[data-suggested="true"] { border-color: var(--mint); border-style: dashed; }
    .gardenrook-garden-planner .gr-plot[aria-pressed="true"] { border-color: var(--cream); border-style: solid; box-shadow: inset 0 0 0 1px var(--soil); }
    .gardenrook-garden-planner .gr-number { position: absolute; top: 4px; left: 7px; font-size: .72rem; }
    .gardenrook-garden-planner .gr-art { font-size: 1.75rem; line-height: 1.17; }
    .gardenrook-garden-planner .gr-crop { font-weight: 650; overflow-wrap: anywhere; }
    .gardenrook-garden-planner .gr-timing { font-size: .73rem; overflow-wrap: anywhere; }
    .gardenrook-garden-planner .gr-rotation {
      border-top: 1px solid var(--line);
      margin-top: 12px;
      color: var(--ink);
    }
    .gardenrook-garden-planner .gr-rotation p { margin: 0 0 6px; }

.gardenrook-garden-planner .gr-faq {
  margin-top: 16px;
  padding: clamp(14px,4vw,27px);
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--paper);
}
.gardenrook-garden-planner .gr-faq h2 { margin-bottom: 12px; }
.gardenrook-garden-planner .gr-faq-item {
  margin: 0 0 6px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}
.gardenrook-garden-planner .gr-faq-item[open] { border-color: var(--green); }
.gardenrook-garden-planner .gr-faq-item summary { padding: 8px 0; }
.gardenrook-garden-planner .gr-faq-item summary::marker { color: var(--green); }
.gardenrook-garden-planner .gr-faq-item h3 {
  display: inline;
  margin: 0;
  color: var(--ink);
  font: 650 .94rem/1.4 system-ui,sans-serif;
  overflow-wrap: anywhere;
}
.gardenrook-garden-planner .gr-faq-item p {
  margin: 0 0 12px;
  color: var(--muted);
  overflow-wrap: anywhere;
  white-space: pre-line;
}
.gardenrook-garden-planner .gr-faq-sources { margin: 13px 0 0; }
.gardenrook-garden-planner .gr-faq-sources a { color: var(--green); }
.gardenrook-garden-planner .gr-download { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; margin: 12px 0; }
.gardenrook-garden-planner .gr-download button:disabled { opacity: .55; }
.gardenrook-garden-planner .gr-faq-more > summary { color: var(--green); font-weight: 650; }