/* Toxic plant pages + holiday care guides (scripts/seed/pet-toxicity/build.py).
   Layers on main.css + feature-page.css; only what the page kit lacks. This is
   the source: build.py copies it to <output>/styles/toxic-plants.css. */
.tox-photo { margin: 0; }
.tox-photo img { display: block; width: 100%; max-width: 952px; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--radius); }
.tox-photo figcaption { font: 400 12px/1.3 var(--f-sans); color: var(--muted); margin-top: var(--s2); }   /* photo captions may go below 13 px (Corbin, 2026-09-29) */
.tox-photo figcaption a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.tox-prose { font-family: var(--f-serif); font-size: 18px; line-height: 1.55; color: var(--ink); max-width: 72ch; margin: 0; }
.tox-prose--center { margin-inline: auto; }   /* under a centered section head */
.tox-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.tox-chip { font-family: var(--f-sans); font-weight: 700; font-size: 13px; letter-spacing: 0.04em; padding: 8px 14px; border: 1px solid var(--hairline); border-radius: 999px; background: var(--manila); color: var(--ink); text-decoration: none; }
.tox-chip:hover { background: var(--manila-tab); border-color: var(--mustard); }
.tox-tablewrap { overflow-x: auto; }
.tox-table { width: 100%; border-collapse: collapse; font-family: var(--f-serif); font-size: 16px; color: var(--ink); }
.tox-table th { font-family: var(--f-sans); font-weight: 800; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; text-align: left; padding: var(--s3) var(--s3) var(--s3) 0; border-bottom: 2px solid var(--hairline); }
.tox-table td { padding: var(--s3) var(--s3) var(--s3) 0; border-bottom: 1px solid var(--hairline); vertical-align: top; }
.tox-table td a { color: var(--ink); font-family: var(--f-sans); font-weight: 700; }
.tox-table td i { color: var(--muted); margin-left: 6px; }
.tox-care { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s6) var(--s5); }
.tox-care__h { font-family: var(--f-sans); font-weight: 800; font-size: 22px; margin: 0 0 var(--s2); color: var(--ink); }
.tox-care .tox-prose { font-size: 16px; }
@media (max-width: 760px) {
  .tox-care { grid-template-columns: 1fr; }
  .tox-prose { font-size: 16px; }
  .tox-table i { display: block; margin-left: 0; }
}

/* List pages: one section per plant, photo beside the answer. scroll-margin
   keeps the heading clear of the top edge when a redirect lands on #<plant>. */
.tox-entry { display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: var(--s5); align-items: start; padding-block: var(--s5); border-top: 1px solid var(--hairline); scroll-margin-top: var(--s6); }
.tox-entry__photo { margin: 0; }
.tox-entry__photo img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--radius); }
.tox-entry__photo figcaption { font: 400 12px/1.3 var(--f-sans); color: var(--muted); margin-top: var(--s2); }
.tox-entry__photo figcaption a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.tox-entry__q { font-family: var(--f-sans); font-weight: 800; font-size: 22px; line-height: 1.25; margin: 0 0 var(--s2); color: var(--ink); }
.tox-entry .tox-prose { font-size: 16px; }
.tox-entry .tox-prose a { color: var(--ink); text-decoration: underline; text-underline-offset: 2px; }
.tox-entry:target { background: var(--manila); }
@media (max-width: 760px) {
  .tox-entry { grid-template-columns: 1fr; }
}