/* Shared, server-readable feature relationship section. No runtime rendering. */
.g-footer-wrap { flex-wrap: wrap; }
.g-footer-meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--fp-space-md); }
.g-footer-link { display: inline-flex; align-items: center; min-height: 2.75rem; font-size: var(--fp-text-sm); line-height: 1; white-space: nowrap; color: var(--g-text-2); }
.g-footer-link:hover, .g-footer-link:active { color: var(--fp-color-accent-strong); }
.g-footer-link:focus-visible { outline: 3px solid var(--fp-color-focus); outline-offset: 4px; }
.g-connected {
  --gc-ink: var(--g-text);
  --gc-muted: var(--g-text-2);
  --gc-panel: var(--g-bg-raised);
  --gc-rule: var(--g-border);
  --gc-accent: var(--fp-color-accent-strong);
  --gc-font: var(--fp-font-body);
  padding-block: clamp(4rem, 8vw, 7rem);
  background: var(--gc-panel);
  color: var(--gc-ink);
  font-family: var(--gc-font);
  scroll-margin-top: 6rem;
}
.g-connected__shell { width: min(100% - 2 * clamp(20px, 4vw, 48px), 1120px); margin-inline: auto; }
.g-connected__intro { max-width: 47rem; }
.g-connected__intro + .g-connected__features { margin-top: 2rem; }
.g-connected h2 { margin: 0 0 1.25rem; min-width: 0; font-size: clamp(1.8rem, 3vw, 2.75rem); line-height: 1.14; font-weight: 700; letter-spacing: -0.035em; font-style: normal; text-wrap: balance; overflow-wrap: anywhere; }
.g-connected p { margin: 0; color: var(--gc-muted); line-height: 1.65; }
.g-connected__intro a { color: var(--gc-ink); text-decoration: underline; text-underline-offset: 0.2em; }
.g-connected__example { margin-block: 1.5rem 2.5rem !important; max-width: 75ch; }
.g-connected__example strong { color: var(--gc-ink); font-weight: 500; }
.g-connected__features { list-style: none; display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; border-top: 1px solid var(--gc-rule); }
.g-connected__features li { min-width: 0; padding: 1.5rem 0; border-bottom: 1px solid var(--gc-rule); }
.g-connected__features a, .g-connected__current { display: inline-flex; align-items: center; min-height: 2.75rem; gap: 0.5rem; color: var(--gc-ink); font-size: 1rem; font-weight: 600; white-space: nowrap; }
.g-connected__features a::after { content: "↗"; font-size: 0.875rem; color: var(--gc-muted); }
.g-connected__features a:hover { color: var(--gc-accent); }
.g-connected a:active { color: var(--gc-accent); }
.g-connected__features a:focus-visible, .g-connected__intro a:focus-visible { outline: 3px solid var(--gc-accent); outline-offset: 4px; }
.g-connected__features p { max-width: 32ch; font-size: 0.875rem; }
.g-connected__features [aria-current="page"] { color: var(--gc-accent); }
.g-connected__current::after { content: "You’re here"; font-size: 0.625rem; font-weight: 400; color: var(--gc-muted); white-space: nowrap; }
@media (min-width: 40rem) {
  .g-connected__features { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2rem; }
}
@media (min-width: 60rem) {
  .g-connected__features { grid-template-columns: repeat(5, minmax(0, 1fr)); column-gap: 1.5rem; }
  .g-connected__features[aria-label="Related Ghost capabilities"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .g-connected__features li { padding-bottom: 0; border-bottom: 0; }
  .g-connected__current { display: flex; flex-wrap: wrap; gap: 0.25rem 0.5rem; }
}