/* Additions for GrowAx services/solutions pages. Loaded alongside page.css —
   extends it (breadcrumb, FAQ accordion, related-link cards) without
   editing the shared stylesheet the coming-soon/404 stubs also use. */

.breadcrumb {
  padding-top: 1.4rem;
  font-family: "Haffer Mono", ui-monospace, monospace;
  font-size: 0.78rem;
  letter-spacing: 0.02em;
  color: var(--muted);
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.breadcrumb a { text-decoration: none; color: var(--muted); }
.breadcrumb a:hover { color: var(--ink); }
.breadcrumb span[aria-current] { color: var(--ink); }

.faq { display: grid; gap: 0; max-width: 74ch; }
.faq__item { border-top: 1px solid var(--line); }
.faq__item:last-child { border-bottom: 1px solid var(--line); }
.faq__item details { padding-block: 1.1rem; }
.faq__item summary {
  cursor: pointer;
  font-weight: 600;
  font-size: 1.02rem;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.faq__item summary::-webkit-details-marker { display: none; }
.faq__item summary::after {
  content: "+";
  font-family: "Haffer Mono", monospace;
  font-size: 1.3rem;
  color: var(--muted);
  flex: 0 0 auto;
}
.faq__item details[open] summary::after { content: "\2212"; }
.faq__item details p { color: var(--muted); margin: 0.8rem 0 0; }
.section--dark .faq__item { border-color: rgba(247,242,237,.14); }
.section--dark .faq__item details p { color: rgba(247,242,237,.7); }

.card a { color: inherit; }