/**
 * Code blocks for the developer pages (/developers and /developers/docs/*).
 * Markup comes from fc_dev_docs_code_block() in inc/developer-docs-render.php;
 * behaviour (tabs, copy) from js/developer-docs.js. Shared by both templates so
 * a code sample looks the same on the landing page and in the docs.
 */
.fcd-code {
  background: #14161b; border-radius: 10px; overflow: hidden; margin: 0 0 18px;
  box-shadow: 0 1px 2px rgba(0,0,0,.06);
}
.fcd-code__bar {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  background: #1d2027; padding: 0 8px 0 4px; min-height: 42px;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.fcd-code__tabs { display: flex; gap: 2px; overflow-x: auto; }
.fcd-code__tab, .fcd-code__title {
  font: 500 12.5px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #8b93a5; padding: 12px 10px 11px; background: none; border: 0;
  border-bottom: 2px solid transparent; cursor: pointer; white-space: nowrap;
}
.fcd-code__title { cursor: default; padding-left: 10px; }
.fcd-code__tab:hover { color: #e6e8ee; }
.fcd-code__tab[aria-selected="true"] { color: #fff; border-bottom-color: #fae231; }
.fcd-code__copy {
  font: 500 12px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #8b93a5; background: transparent; border: 1px solid rgba(255,255,255,.12);
  border-radius: 8px; padding: 0 12px; min-height: 32px; cursor: pointer; flex: none;
}
.fcd-code__copy:hover { color: #fff; border-color: rgba(255,255,255,.3); }
.fcd-code__copy.is-done { color: #7ee2a8; border-color: #7ee2a8; }
.fcd-code pre {
  margin: 0; padding: 14px 16px; overflow: auto; max-height: 560px;
  background: transparent; border: 0; border-radius: 0;
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace; font-size: 12.75px; line-height: 1.65; color: #e6e8ee;
  tab-size: 2; white-space: pre;
}
.fcd-code pre code { font: inherit; color: inherit; background: none; border: 0; padding: 0; }
.fcd-code pre[hidden] { display: none; }
/* Token colours (Prism class names), tuned for the dark panel. */
.fcd-code .token.comment, .fcd-code .token.prolog { color: #6b7385; font-style: italic; }
.fcd-code .token.string, .fcd-code .token.attr-value { color: #a5e3a0; }
.fcd-code .token.property { color: #8fc8ff; }
.fcd-code .token.number, .fcd-code .token.boolean, .fcd-code .token.null, .fcd-code .token.constant { color: #f7b979; }
.fcd-code .token.keyword, .fcd-code .token.builtin { color: #7fd4dc; } /* brand teal — no purple (frontend-design.md) */
.fcd-code .token.function { color: #ffd479; }
.fcd-code .token.operator, .fcd-code .token.punctuation { color: #a0a7b5; }
.fcd-code .token.variable, .fcd-code .token.parameter { color: #ffb3b3; }