/* Compact presentation for the public Xenid homepage demonstration only. */
html:has(body.kf-embedded) { overscroll-behavior: auto; }
.kf-embedded { background: #f6f7f2; }
.kf-embedded .content { padding: 22px 18px 84px; }
.kf-embedded .hero, .kf-embedded .assistant-teaser { display: none; }
.kf-embedded .page-head { margin-bottom: 20px; align-items: flex-start; }
.kf-embedded .page-head h1 { font-size: 24px; }
.kf-embedded .page-head p { font-size: 12px; }
.kf-embedded .topbar { height: 58px; min-height: 58px; padding-inline: 16px; }
.kf-embedded .topbar .demo-pill { display: none; }
.kf-embedded .stats { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 18px; }
.kf-embedded .stat { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 14px; min-height: 0; }
.kf-embedded .stat-icon { width: 32px; height: 32px; }
.kf-embedded .stat-number { font-size: 26px; }
.kf-embedded .stat > div:not(.stat-icon) { display: block; width: 100%; }
.kf-embedded .stat-number { display: block; }
.kf-embedded .stat-name { font-size: 11px; line-height: 1.5; }
.kf-embedded .stat-note { display: none; }
.kf-embedded .dashboard-grid { grid-template-columns: 1fr; gap: 18px; }
.kf-embedded .panel-head { padding: 18px; }
.kf-embedded .flow-step > span { display: none; }
.kf-embedded .flow-step { gap: 0; }
@media (max-width: 420px) {
  .kf-embedded .content { padding-inline: 12px; }
  .kf-embedded .page-head h1 { font-size: 22px; }
  .kf-embedded .stats { gap: 7px; }
  .kf-embedded .stat { padding: 11px; }
  .kf-embedded .panel-head { padding: 14px; }
}
@media (max-width: 340px) {
  .kf-embedded .mobile-nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px; padding: 6px; }
  .kf-embedded .mobile-nav a { min-width: 0; min-height: 44px; padding: 6px 2px; font-size: 10px; gap: 4px; }
  .kf-embedded .content { padding-bottom: 130px; }
  .kf-embedded .stats { grid-template-columns: 1fr; }
  .kf-embedded .stat { flex-direction: row; align-items: center; }
  .kf-embedded .stat > div:not(.stat-icon) { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  .kf-embedded .stat-icon { flex: 0 0 32px; }
}