// ────────────────────────────────────────────────────────────────
// Widget · Example-View („Fenster im Fenster") · aus j3-landing
// Nuetzlich fuer Doku/Showcase, um Live-Beispiele abzugrenzen.
// ────────────────────────────────────────────────────────────────

.exampleview {
  position: relative;
  min-width: 0;
  margin-top: clamp(12px, 1.8vh, 18px);
  padding: clamp(16px, 2.2vw, 26px);
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--dim) 6%, transparent), transparent 38%),
    color-mix(in srgb, #000 34%, transparent);
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--fg) 5%, transparent),
    inset 0 20px 44px color-mix(in srgb, #000 30%, transparent);

  > * { min-width: 0; }
}

.exampleview--flush { padding: 0; }