/* The examples are available from Discover even with an active account. */
:root .nm-demo-entry{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  margin:0 0 16px;
  padding:14px 16px;
  border:1px solid var(--exp-line);
  border-radius:16px;
  background:var(--exp-lilac);
  color:var(--exp-ink);
}
:root .nm-demo-entry>svg{flex:0 0 20px}
:root .nm-demo-entry>span{flex:1 1 220px;min-width:0;font-size:var(--nm-readable-body,16px);line-height:1.5}
:root .nm-demo-entry>.button{min-height:44px;white-space:normal;font-size:var(--nm-readable-control,15px);line-height:1.5}
@media(max-width:600px){
  :root .nm-demo-entry{gap:10px;padding:14px}
  :root .nm-demo-entry>span{flex-basis:calc(100% - 30px)}
  :root .nm-demo-entry>.button{width:100%}
}