:root {
  --pp19-forest: #234a36;
  --pp19-leaf: #5f7f4f;
  --pp19-cream: #fbf5e9;
  --pp19-cream-deep: #f1e5cf;
  --pp19-peach: #efb49f;
  --pp19-coral: #c86455;
  --pp19-gold: #aa7d2c;
  --pp19-plum: #68465b;
  --pp19-ink: #243129;
  --pp19-muted: #5f675f;
  --pp19-line: #d8ccb7;
  --pp19-white: #fffdf8;
}

main[data-batch19-pilot-plant="true"] {
  color: var(--pp19-ink);
  background: var(--pp19-cream);
  padding: clamp(2.4rem, 6vw, 4.8rem) 0 clamp(4rem, 8vw, 6.5rem);
}

main[data-batch19-pilot-plant="true"] > * {
  width: min(100% - 2rem, 72rem);
  margin-inline: auto;
}

main[data-batch19-pilot-plant="true"] :where(h1, h2, h3) {
  color: var(--pp19-forest);
  text-wrap: balance;
}

main[data-batch19-pilot-plant="true"] h1 {
  max-width: 18ch;
  margin-top: 0;
  margin-bottom: 0.65rem;
  font-size: clamp(2.35rem, 6vw, 4.6rem);
  line-height: 1;
  letter-spacing: -0.035em;
}

main[data-batch19-pilot-plant="true"] h1 + p {
  max-width: 46rem;
  color: var(--pp19-muted);
  font-size: clamp(1.04rem, 2vw, 1.24rem);
  line-height: 1.65;
}

main[data-batch19-pilot-plant="true"] h2 {
  margin-top: clamp(2.5rem, 6vw, 4.5rem);
  padding-top: 1.1rem;
  border-top: 3px solid var(--pp19-gold);
  font-size: clamp(1.55rem, 3vw, 2.35rem);
  line-height: 1.12;
}

main[data-batch19-pilot-plant="true"] h3 {
  margin-top: 2rem;
  color: var(--pp19-plum);
  font-size: 1.18rem;
}

main[data-batch19-pilot-plant="true"] :where(p, li, dd, dt, td, th) {
  line-height: 1.68;
}

main[data-batch19-pilot-plant="true"] :where(p, ul, ol, dl, table, blockquote, aside) {
  max-width: 52rem;
}

main[data-batch19-pilot-plant="true"] a {
  color: var(--pp19-forest);
  text-underline-offset: 0.18em;
  text-decoration-thickness: 0.08em;
}

main[data-batch19-pilot-plant="true"] a:focus-visible,
main[data-batch19-pilot-plant="true"] button:focus-visible,
main[data-batch19-pilot-plant="true"] input:focus-visible,
main[data-batch19-pilot-plant="true"] select:focus-visible,
main[data-batch19-pilot-plant="true"] textarea:focus-visible {
  outline: 3px solid var(--pp19-gold);
  outline-offset: 3px;
}

main[data-batch19-pilot-plant="true"] :where(ul, ol) {
  padding-left: 1.35rem;
}

main[data-batch19-pilot-plant="true"] li + li {
  margin-top: 0.45rem;
}

main[data-batch19-pilot-plant="true"] dl {
  margin-top: 1.35rem;
}

main[data-batch19-pilot-plant="true"] dt {
  margin-top: 1rem;
  color: var(--pp19-plum);
  font-weight: 800;
}

main[data-batch19-pilot-plant="true"] dd {
  margin: 0.2rem 0 0;
}

main[data-batch19-pilot-plant="true"] table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1.4rem;
  background: var(--pp19-white);
}

main[data-batch19-pilot-plant="true"] :where(th, td) {
  padding: 0.7rem 0.8rem;
  border: 1px solid var(--pp19-line);
  text-align: left;
  vertical-align: top;
}

main[data-batch19-pilot-plant="true"] th {
  color: var(--pp19-forest);
  background: var(--pp19-cream-deep);
}

main[data-batch19-pilot-plant="true"] .plant-image-state,
main[data-batch19-pilot-plant="true"] [data-image-status="verified-unavailable"] {
  margin-top: 2rem;
  padding: 0.95rem 0 0.95rem 1rem;
  border-left: 4px solid var(--pp19-peach);
  color: var(--pp19-muted);
}

main[data-batch19-pilot-plant="true"] .plant-image-state strong,
main[data-batch19-pilot-plant="true"] [data-image-status="verified-unavailable"] strong {
  color: var(--pp19-plum);
}

main[data-batch19-pilot-plant="true"] :where([data-pet="cat"], [data-animal="cat"], [class~="cat"], [id^="cat-"], [id$="-cat"]) {
  border-left: 4px solid var(--pp19-leaf);
  padding-left: 1rem;
}

main[data-batch19-pilot-plant="true"] :where([data-pet="dog"], [data-animal="dog"], [class~="dog"], [id^="dog-"], [id$="-dog"]) {
  border-left: 4px solid var(--pp19-coral);
  padding-left: 1rem;
}

main[data-batch19-pilot-plant="true"] :where(blockquote, aside:not(.plant-image-state)) {
  margin-top: 1.5rem;
  padding: 1rem 0 1rem 1rem;
  border-left: 4px solid var(--pp19-plum);
}

@media (max-width: 42rem) {
  main[data-batch19-pilot-plant="true"] > * {
    width: min(100% - 1.35rem, 72rem);
  }

  main[data-batch19-pilot-plant="true"] table {
    display: block;
    overflow-x: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  main[data-batch19-pilot-plant="true"] *,
  main[data-batch19-pilot-plant="true"] *::before,
  main[data-batch19-pilot-plant="true"] *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}