@layer pages {
/* /tools/toxic-to-cats-and-dogs/ — one row per substance, closed by default;
   the verdict chips are readable without opening it. Tokens only. */
.toxin-urgent { margin-block: 0 2rem; }
.toxin-finder .toxin-form { max-inline-size: 40rem; }
.toxin-answer { margin-block-start: 1rem; min-block-size: 1.6em; }
.toxin-answer:empty { min-block-size: 0; margin: 0; }
.toxin-answer > * + * { margin-block-start: .5rem; }
.toxin-answer-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; }
.button-emergency { background: var(--emergency); color: var(--on-emergency); border-color: var(--emergency); }

.toxin-group > h2 { margin-block-end: .5rem; }
.toxin-group > * + * { margin-block-start: .5rem; }
.toxin {
  max-inline-size: calc(var(--measure) + 2.75rem);
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-card);
  background: var(--paper);
}
.toxin > summary {
  display: grid;
  gap: .35rem;
  padding: .85rem 1rem;
  min-block-size: var(--target);
  cursor: pointer;
  list-style-position: inside;
}
.toxin > summary::marker { color: var(--ink-soft); }
.toxin-name { font-weight: 700; }
.toxin-chips { display: flex; flex-wrap: wrap; gap: .35rem; }
.toxin-chip, .toxin-verdict { font-size: var(--step-label); font-weight: 700; padding: .1rem .55rem; border-radius: var(--radius-chip); background: var(--paper-2); color: var(--ink); }
:is(.toxin-chip, .toxin-verdict)[data-tone="severe"] { color: var(--emergency); }
:is(.toxin-chip, .toxin-verdict)[data-tone="toxic"] { color: var(--due); }
:is(.toxin-chip, .toxin-verdict)[data-tone="none"] { color: var(--ink-soft); }
.toxin-body { display: grid; gap: 1rem; padding: 0 1rem 1rem; }
.toxin-latin, .toxin-aka { color: var(--ink-soft); font-size: var(--step-label); }
.toxin-species { display: grid; gap: .5rem; padding-block-start: .75rem; border-block-start: 1px solid var(--line); }
.toxin-species h4 { font-size: var(--step-h3); }
.toxin-facts { display: grid; gap: .4rem; margin: 0; }
.toxin-facts div { display: grid; gap: .1rem; }
.toxin-facts dt { font-weight: 700; color: var(--ink-soft); font-size: var(--step-label); }
.toxin-facts dd { margin: 0; }
.toxin-disagreement { font-size: var(--step-label); color: var(--ink-soft); }
.toxin-sources-label { font-size: var(--step-label); font-weight: 700; color: var(--ink-soft); }
.toxin-sources { margin: 0; padding-inline-start: 1.2rem; display: grid; gap: .2rem; font-size: var(--step-label); }
.toxin-sources a { display: inline-block; padding-block: .75rem; margin-block: -.75rem; overflow-wrap: anywhere; }

}