/* A real woodland behind plant field notes; no video, motion or remote assets. */
body.plants-page { background: #123228; isolation: isolate; }
.plants-page::before { display: none; }
.forest-backdrop {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: #123228 url('../images/backgrounds/plant-forest.webp') center / cover no-repeat;
}
.forest-backdrop::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgb(7 28 20 / 20%), rgb(7 28 20 / 10%) 45%, rgb(7 28 20 / 42%));
}
.plants-page .site-header { color: #fffdf7; background: rgb(10 35 27 / 91%); border-bottom: 1px solid rgb(215 230 157 / 25%); }
.plants-page .nav-cta, .plants-page .nav-toggle, .plants-page .language-switcher { border-color: #a7bca7; }
.plants-page .nav-toggle span { background: #fffdf7; }
.plants-page .language-switcher a[aria-current="true"], .plants-page .nav-cta:hover { background: var(--lime); color: var(--ink-deep); }
.plants-page .main-nav a:hover:not(.nav-cta) { border-color: var(--lime); }
.plants-page .catalogue-switch a { color: #fffdf7; background: rgb(10 35 27 / 90%); border-color: #abc3a6; }
.plants-page .catalogue-switch a[aria-current="page"] { color: var(--ink-deep); background: var(--lime); border-color: var(--lime); }
.plants-page .plant-hero { padding-top: 28px; gap: 3vw; }
.plants-page .plant-hero .hero-copy { padding: 32px; background: rgb(245 240 228 / 95%); border: 1px solid rgb(255 253 247 / 70%); box-shadow: 0 18px 50px rgb(4 23 15 / 18%); }
.plants-page .plant-hero h1 { font-size: clamp(42px, 5.2vw, 73px); }
.plants-page .hero-index { color: #fffdf7; background: rgb(10 35 27 / 90%); padding: 8px 4px; }
.plants-page .guide-section { background: rgb(12 42 35 / 94%); border-block: 1px solid rgb(215 230 157 / 25%); }
.plants-page .ethics-banner { margin-block: 32px; background: rgb(245 240 228 / 97%); border: 1px solid var(--line); }
.plants-page .plant-detail .detail-hero { max-width: var(--max); margin: 24px auto 32px; border: 1px solid rgb(215 230 157 / 30%); }
.plants-page .plant-seasons,
.plants-page .plant-reproduction,
.plants-page .plant-detail .detail-content { background: rgb(245 240 228 / 97%); border: 1px solid rgb(255 253 247 / 60%); margin-block: 32px; padding-top: 44px; padding-bottom: 36px; }
.plants-page .site-footer { background: rgb(9 30 24 / 97%); border-top: 1px solid rgb(215 230 157 / 22%); }
.forest-credit { max-width: 720px; overflow-wrap: anywhere; }
.forest-credit a { text-underline-offset: 3px; }
.plants-page .error-page { background: rgb(245 240 228 / 97%); }
@media (max-width: 1288px) {
  .plants-page .plant-detail .detail-hero,
  .plants-page .plant-seasons,
  .plants-page .plant-reproduction,
  .plants-page .plant-detail .detail-content,
  .plants-page .ethics-banner { margin-inline: 16px; }
}
@media (max-width: 900px) {
  .plants-page .main-nav { background: #123228; border: 1px solid #abc3a6; }
  .plants-page .plant-hero .hero-copy { padding: 24px; }
}
@media (max-width: 700px) {
  .forest-backdrop { background-image: url('../images/backgrounds/plant-forest-mobile.webp'); background-position: center; }
}
@media (max-width: 620px) {
  .plants-page .plant-hero { padding-inline: 16px; }
  .plants-page .plant-hero .hero-copy { padding: 24px 20px; }
  .plants-page .plant-hero h1 { font-size: clamp(34px, 10vw, 48px); }
  .plants-page .hero-index { display: none; }
  .plants-page .plant-seasons,
  .plants-page .plant-reproduction,
  .plants-page .plant-detail .detail-content { margin-inline: 10px; padding-inline: 16px; }
}
@media print {
  .forest-backdrop { display: none; }
  body.plants-page { background: white; }
  .plants-page .plant-hero .hero-copy { box-shadow: none; }
}