:root {
  --fcu-blue: #1769ff;
  --fcu-blue-dark: #0f55d4;
  --fcu-primary: #1769ff;
  --fcu-primary-dark: #0f55d4;
  --fcu-primary-soft: #eaf2ff;
  --fcu-text: #18243a;
  --fcu-muted: #667085;
  --fcu-border: #d9e4f1;
  --fcu-border-strong: #b8c8dc;
  --fcu-soft: #f7faff;
  --fcu-surface: #ffffff;
  --fcu-danger: #b42318;
  --fcu-danger-soft: #fff1f2;
  --fcu-success: #15803d;
  --fcu-warning: #a16207;
  --fcu-radius-sm: 8px;
  --fcu-radius-md: 10px;
  --fcu-radius-lg: 14px;
  --fcu-space-1: 4px;
  --fcu-space-2: 8px;
  --fcu-space-3: 12px;
  --fcu-space-4: 16px;
}

.fcu-global-brand,
.fcu-simple-brand span,
.fcu-brand-badge {
  display: table;
  margin-right: auto;
  margin-left: auto;
  border-radius: 999px;
  background: var(--fcu-primary-soft);
  color: var(--fcu-primary-dark);
  font-weight: 800;
  letter-spacing: .2px;
}

.fcu-error {
  max-width: 820px;
  margin: 20px auto;
  padding: 14px 16px;
  border: 1px solid #fecaca;
  border-radius: 12px;
  background: #fff1f2;
  color: #991b1b;
}

.fcu-shortcode-list {
  max-width: 980px;
  margin: 25px auto;
  padding: 24px;
  border: 1px solid var(--fcu-border);
  border-radius: 14px;
  background: #fff;
}

.fcu-shortcode-list h2 {
  text-align: center;
  color: #1459c7;
}

.fcu-shortcode-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.fcu-shortcode-grid div {
  padding: 14px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
}

.fcu-shortcode-grid strong {
  display: block;
  margin-bottom: 8px;
}

.fcu-shortcode-grid code {
  display: inline-block;
  padding: 6px 8px;
  border-radius: 8px;
  background: #eef6ff;
  color: #0b4f8a;
}

@media (max-width: 640px) {
  .fcu-shortcode-grid {
    grid-template-columns: 1fr;
  }
}