/* Intelligence notice. Card stack follows the sample preview disclaimer
   (.cx-intel-gate: grid, gap, the existing button). The sheet follows the
   cookie notice card (surface, radius, shadow) on the cream page. */

html.intel-locked,
html.intel-locked body { overflow: hidden; }

html:not([data-intel-open]) [data-intel-body] {
  display: none !important;
}

.intel-gate {
  position: fixed;
  inset: 0;
  z-index: 88;
  display: grid;
  place-items: safe center;
  padding: calc(var(--header-h) + 16px) 16px 24px;
  background: var(--bg);
  overflow: auto;
}

html:has([data-intel-gate]) .site-header { z-index: 95; }

.intel-gate--flow {
  position: relative;
  z-index: 1;
  inset: auto;
  min-height: calc(100dvh - var(--header-h));
  padding: 24px 16px 48px;
}

.intel-gate__card {
  width: min(40rem, 100%);
  display: grid;
  gap: 16px;
  justify-items: start;
  padding: clamp(22px, 3vw, 34px);
  background: var(--surface);
  color: var(--ink);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow-3);
}

.intel-gate__title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: clamp(1.5rem, 1.15rem + 1vw, 2rem);
  letter-spacing: -.03em;
}

.intel-gate__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent);
  flex: none;
}

.intel-gate__card p {
  margin: 0;
  color: var(--ink-2);
  font-size: .95rem;
  line-height: 1.55;
}

.intel-gate__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 20px;
}

@media (max-width: 640px) {
  .intel-gate__card { padding: 20px; }
  .intel-gate__actions { width: 100%; }
  .intel-gate__actions .btn { width: 100%; }
}

@media (prefers-reduced-motion: no-preference) {
  .intel-gate__card { animation: intel-gate-in .35s var(--ease-out); }
}

@keyframes intel-gate-in {
  from { opacity: 0; transform: translateY(8px); }
}