/* KGB SEO - styles for the blocks the theme renders.
   Uses the theme's design tokens, so nothing here introduces a new colour,
   radius or spacing value. Loaded after kgb.css. */

/* ---------- Breadcrumbs -------------------------------------------------- */

.kgb-crumbs {
  margin: 0 0 var(--space-6);
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  line-height: var(--lh-normal);
}

.kgb-crumbs__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}

.kgb-crumbs__item {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--kgb-cream-55);
}

.kgb-crumbs__item + .kgb-crumbs__item::before {
  content: "/";
  color: var(--kgb-cream-40);
}

.kgb-crumbs a {
  color: var(--kgb-cream-70);
  text-decoration: none;
}

.kgb-crumbs a:hover,
.kgb-crumbs a:focus-visible {
  color: var(--kgb-gold);
}

.kgb-crumbs [aria-current="page"] {
  color: var(--kgb-gold);
}

/* On a light band the same trail has to invert. */
.kgb-section--light .kgb-crumbs__item,
.kgb-section--alt .kgb-crumbs__item { color: var(--kgb-muted); }
.kgb-section--light .kgb-crumbs__item + .kgb-crumbs__item::before,
.kgb-section--alt .kgb-crumbs__item + .kgb-crumbs__item::before { color: var(--kgb-muted-faint); }
.kgb-section--light .kgb-crumbs a,
.kgb-section--alt .kgb-crumbs a { color: var(--kgb-muted); }
.kgb-section--light .kgb-crumbs a:hover,
.kgb-section--alt .kgb-crumbs a:hover { color: var(--kgb-gold-ink); }
.kgb-section--light .kgb-crumbs [aria-current="page"],
.kgb-section--alt .kgb-crumbs [aria-current="page"] { color: var(--kgb-text); }

/* ---------- FAQs --------------------------------------------------------- */

.kgb-faq {
  display: grid;
  gap: var(--space-4);
  margin: var(--space-6) 0 0;
}

.kgb-faq__item {
  background: var(--kgb-surface-card);
  border: 1px solid var(--kgb-line);
  border-radius: var(--radius-lg);
  padding: var(--space-6);
}

.kgb-faq__q {
  margin: 0 0 var(--space-3);
  font-size: 1.0625rem;
  line-height: var(--lh-snug);
  font-weight: var(--fw-extra);
  letter-spacing: var(--tracking-tight);
  color: var(--kgb-text);
}

.kgb-faq__a {
  margin: 0;
  font-size: 0.9375rem;
  line-height: var(--lh-relaxed);
  color: var(--kgb-text-body);
}

/* Inside a prose column the heading rhythm is set by .kgb-prose h2/h3, which
   must not reach into the cards and reintroduce its own top margin. */
.kgb-prose .kgb-faq__q { margin-top: 0; }
.kgb-prose .kgb-faq__a { margin-bottom: 0; }

@media (max-width: 600px) {
  .kgb-faq__item { padding: var(--space-5); }
}

/* The page hero centres its eyebrow, heading and lede, so the trail has
   to centre with them rather than hanging off the left edge. */
.kgb-pagehero__inner .kgb-crumbs__list { justify-content: center; }