/* Public example derived from real LIO CMS admin layout.
   All contents taken from publicly visible SocialNIC pages. */
.hero-visual.real-admin-visual::before{display:none}
.real-admin-visual{min-width:0}
.real-admin-window{
  overflow:hidden;
  border:1px solid var(--lio-line);
  border-radius:18px;
  background:#f3f5f7;
  box-shadow:0 22px 55px rgba(70,50,34,.11)
}
.real-admin-window a{display:block;cursor:zoom-in;text-decoration:none}
.real-admin-window img{
  display:block;
  width:100%;
  height:auto;
  transform:none;
  object-fit:contain
}
.real-admin-window a:focus-visible{outline:3px solid var(--lio-brand);outline-offset:-4px}
.real-admin-caption{
  display:block;
  margin:1rem 0 0;
  font-size:.75rem;
  line-height:1.5;
  color:var(--lio-muted);
}
.real-admin-caption a{color:var(--lio-brand);text-underline-offset:.15rem}
.real-admin-caption span{color:var(--lio-muted)}
@media(max-width:720px){
  .real-admin-window{border-radius:13px}
  .real-admin-caption{font-size:.75rem}
}

/* Approved static dashboard illustration: no click, drag, hover or zoom. */
.real-admin-window { border: 0; background: transparent; box-shadow: none; border-radius: 0; }
.real-admin-window img { cursor: default; user-select: none; -webkit-user-drag: none; }