/**
 * AI Protection site footer — Signal chrome
 * Self-contained (no design-tokens dependency) so every page family can use it.
 * Markup: scripts/site-chrome/sync.mjs (nav from src/constants/siteNav.mjs).
 */
.ap-ftr {
  --ap-ftr-ink: #0e1116;
  --ap-ftr-text: #ffffff;
  --ap-ftr-muted: #aab1bf;
  --ap-ftr-rule: #2a2f38;
  --ap-ftr-display: "Space Grotesk", "Archivo", "Helvetica Neue", Arial, sans-serif;
  --ap-ftr-mono: "IBM Plex Mono", "SFMono-Regular", ui-monospace, Menlo, monospace;
  background: var(--ap-ftr-ink);
  color: var(--ap-ftr-text);
  border-top: 2px solid var(--ap-ftr-ink);
  padding: 56px 0 32px;
  font-family: var(--ap-ftr-display);
}
.ap-ftr__inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 28px;
}
.ap-ftr__top {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 6fr);
  gap: 40px;
}
/* Page stylesheets style bare footer p/a (old footers); keep ours intact. */
.ap-ftr p, .ap-ftr .ap-ftr__links, .ap-ftr .ap-ftr__notes p { max-width: none; }
.ap-ftr__brand img { display: block; height: 32px; width: auto; }
.ap-ftr__brand p {
  margin: 16px 0 0; max-width: 28ch; color: var(--ap-ftr-muted);
  font-size: 0.95rem; line-height: 1.5;
}
.ap-ftr__nav {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 32px 24px;
}
.ap-ftr__col h4 {
  margin: 0 0 16px;
  font: 500 0.75rem/1.2 var(--ap-ftr-mono);
  letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--ap-ftr-muted);
}
.ap-ftr__col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.ap-ftr__col li { margin: 0; line-height: 1.4; }
/* Part of the link above (insurance under protection): indented, never a peer. */
.ap-ftr__col li.ap-ftr__child { padding-left: 12px; border-left: 2px solid var(--ap-ftr-rule); }
.ap-ftr__child a { color: var(--ap-ftr-muted); }
.ap-ftr a { color: var(--ap-ftr-text); text-decoration: none; }
.ap-ftr a:hover { text-decoration: underline; }
.ap-ftr a:focus-visible { outline: 3px solid #3664ef; outline-offset: 2px; }
.ap-ftr__col a { font-size: 0.92rem; line-height: 1.4; }
.ap-ftr__links {
  margin: 40px 0 0; padding-top: 24px; border-top: 1px solid var(--ap-ftr-rule);
  font: 400 0.8rem/1.6 var(--ap-ftr-mono); color: var(--ap-ftr-muted);
}
.ap-ftr__links a { color: var(--ap-ftr-muted); }
.ap-ftr__notes {
  margin-top: 24px;
  font: 400 0.75rem/1.6 var(--ap-ftr-mono);
  color: var(--ap-ftr-muted);
}
.ap-ftr__notes p { margin: 0 0 12px; }
.ap-ftr__notes b, .ap-ftr__notes strong { color: var(--ap-ftr-text); }
.ap-ftr__notes a { color: var(--ap-ftr-muted); text-decoration: underline; }

@media (max-width: 1080px) {
  .ap-ftr__top { grid-template-columns: 1fr; }
  .ap-ftr__nav { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .ap-ftr { padding-top: 40px; }
  .ap-ftr__inner { padding: 0 16px; }
  .ap-ftr__nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* theme.js appends the Light / Dark / System control straight into the footer on static
   pages; keep it inside the footer's content width instead of at the screen edge. */
.ap-ftr > .aip-theme-slot--footer { max-width: 1240px; margin: 24px auto 0; padding: 0 28px; box-sizing: border-box; }