:root {
  --elixir-tc-gap: 2rem;
  --elixir-tc-bg-soft: var(--elixir-secondary, #FAF5E5);
}
.elixir-term-intro { margin: 1rem 0 var(--elixir-tc-gap); font-size: 1.05rem; color: var(--elixir-text, #4A4A4A); }
.elixir-term-trust ul { display: flex; gap: 1.5rem; list-style: none; padding: 0.75rem 1rem; margin: 0 0 var(--elixir-tc-gap); background: var(--elixir-tc-bg-soft); border-radius: 6px; font-size: 0.9rem; }
.elixir-term-top-picks { margin: var(--elixir-tc-gap) 0; }
.elixir-term-top-picks > h2 { margin-bottom: 1rem; }
.elixir-term-top-picks-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
  align-items: stretch;
}
/* Individual card styling (image, price, add-to-cart, badges) comes from the
   elixir-product-card/elixir-product-card block's own style-index.css which
   auto-enqueues on WooCommerce pages — see blocks/elixir-product-card/elixir-product-card.php. */
.elixir-term-longform { max-width: 72ch; margin: var(--elixir-tc-gap) auto; line-height: 1.6; }
.elixir-term-faq { margin: var(--elixir-tc-gap) 0; }
.elixir-term-faq > h2 { margin-bottom: 1rem; }
/* Accordion itself is provided by the elixir/elixir-faq block's style-index.css
   — see TermContentRenderer::enqueue_assets(). */
.elixir-term-related ul, .elixir-term-tail-links ul { list-style: none; display: flex; flex-wrap: wrap; gap: 0.5rem; padding: 0; margin: 0 0 var(--elixir-tc-gap); }
.elixir-term-related li a, .elixir-term-tail-links li a { display: inline-block; padding: 0.4rem 0.8rem; background: var(--elixir-tc-bg-soft); border-radius: 999px; text-decoration: none; color: var(--elixir-heading, #0F172A); font-size: 0.9rem; }
.elixir-term-agg-rating { margin: 1rem 0; font-size: 0.95rem; }
