@layer pages {
/* /guides/are-lilies-toxic-to-cats/ — one answer, the emergency line, then
   the facts with their source chips. Tokens only; mobile first. */
.lily-answer { color: var(--ink); font-weight: 700; }
.lily-urgent { margin-block: 0 1rem; }
.lily-answer-sources { font-size: var(--step-label); color: var(--ink-soft); margin-block-end: 2.5rem; }
.lily-tail { white-space: nowrap; }
.lily-verdict { display: inline-block; font-size: var(--step-label); font-weight: 700; padding: .1rem .55rem; margin-inline-end: .4rem; border-radius: var(--radius-chip); background: var(--paper-2); color: var(--due); }
.lily-verdict[data-tone="severe"] { color: var(--emergency); }
.lily-section, .lily-more { max-inline-size: calc(var(--measure) + 2.75rem); }
.lily-section > * + * { margin-block-start: .75rem; }
.lily-facts { display: grid; gap: .6rem; margin: 0; }
.lily-facts div { display: grid; gap: .1rem; }
.lily-facts dt { font-weight: 700; color: var(--ink-soft); font-size: var(--step-label); }
.lily-facts dd { margin: 0; }
.lily-call { margin-block-start: 1rem; }
.lily-call .button-emergency { background: var(--emergency); color: var(--on-emergency); border-color: var(--emergency); }
.lily-kinds { display: grid; gap: .75rem; padding: 0; margin: 0; list-style: none; }
.lily-kind {
  display: grid;
  gap: .5rem;
  padding: 1rem;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-card);
  background: var(--paper);
}
.lily-kind h3 { font-size: var(--step-h3); }
.lily-latin { display: block; font-weight: 400; font-style: italic; color: var(--ink-soft); font-size: var(--step-label); }
.lily-kind-sources { font-size: var(--step-label); font-weight: 700; color: var(--ink-soft); }
.lily-kind-list { margin: 0; padding-inline-start: 1.2rem; display: grid; gap: .2rem; font-size: var(--step-label); }
.lily-kind-list a, .lily-more-list a { display: inline-block; padding-block: .75rem; margin-block: -.75rem; overflow-wrap: anywhere; }
.lily-more-list { display: grid; gap: .75rem; padding-inline-start: 1.2rem; }

}