/* Approved RKL glass: one light surface, never stacked opaque backgrounds. */
:root {
  --rkl-panel-blur: 4.25px;
  --rkl-panel-glass: linear-gradient(140deg, rgba(9, 27, 38, 0.46), rgba(7, 17, 26, 0.415));
}
html body .story-card,
html body .final-card,
html body .feature {
  background: var(--rkl-panel-glass);
  -webkit-backdrop-filter: blur(var(--rkl-panel-blur)) saturate(0.9);
  backdrop-filter: blur(var(--rkl-panel-blur)) saturate(0.9);
}
html body .site-header {
  background: linear-gradient(180deg, rgba(4, 13, 20, 0.23), transparent);
  -webkit-backdrop-filter: blur(var(--rkl-panel-blur));
  backdrop-filter: blur(var(--rkl-panel-blur));
}
html body .syntx-greeter-info {
  background: var(--rkl-panel-glass);
  -webkit-backdrop-filter: blur(var(--rkl-panel-blur)) saturate(0.9);
  backdrop-filter: blur(var(--rkl-panel-blur)) saturate(0.9);
}
html body .syntx-greeter-info-close {
  background: rgba(3, 12, 17, 0.275);
  -webkit-backdrop-filter: blur(var(--rkl-panel-blur));
  backdrop-filter: blur(var(--rkl-panel-blur));
}
html body .syntx-greeter-conversation-console {
  background: var(--rkl-panel-glass);
  -webkit-backdrop-filter: blur(var(--rkl-panel-blur)) saturate(0.9);
  backdrop-filter: blur(var(--rkl-panel-blur)) saturate(0.9);
}
/* The outer console owns the glass; inner wells must not darken it again. */
html body .syntx-greeter-conversation-console .syntx-greeter-thread,
html body .syntx-greeter-conversation-console .syntx-greeter-control-capsule,
html body .syntx-greeter-conversation-console .syntx-greeter-composer {
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
