/* Editor Note */
:root{
  --ben-bg:#fafafa;
  --ben-border:#e5e7eb;
  --ben-text:#0f172a;
  --ben-muted:#475569;
  --ben-link:#0ea5e9;
  --ben-shadow:0 6px 18px rgba(2,6,23,.06);
  --ben-radius:16px;
  --ben-pad:16px;
}

.boardy-editor-note{
  background:var(--ben-bg);
  border:1px solid var(--ben-border);
  border-radius:var(--ben-radius);
  padding:var(--ben-pad);
  box-shadow:var(--ben-shadow);
  color:var(--ben-text);
  display:flex;
  gap:12px;
  line-height:1.45;
  max-width:680px;
}

/* Right alignment on wider viewports */
@media (min-width: 900px){
  .boardy-editor-note.is-right{
    float:right;
    width: min(360px, 38vw);
    margin: 4px 0 14px 24px; /* távolság a főszövegtől */
  }
  /* Sticky opció (levehető az .is-sticky class törlésével) */
  .boardy-editor-note.is-sticky{
    position: sticky;
    top: 80px;
  }
}

/* Icon bubble */
.boardy-editor-note .ben-icon{
  flex:0 0 auto;
  font-size:22px;
  line-height:1;
  margin-top:2px;
  filter:saturate(0.9);
}

/* Title */
.boardy-editor-note .ben-title{
  font-weight:700;
  letter-spacing:.2px;
  margin:0 0 4px 0;
  color:var(--ben-text);
}

/* Body text */
.boardy-editor-note p{
  margin:0 0 8px 0;
  font-size:15px;
  color:var(--ben-muted);
}

/* Links */
.boardy-editor-note .ben-links{
  margin-top:6px;
}
.boardy-editor-note .ben-link{
  text-decoration:underline;
  text-underline-offset:2px;
  color:var(--ben-link);
}
.boardy-editor-note .sep{
  margin:0 6px;
  color:#94a3b8;
}

/* Dark mode (ha a téma támogatja) */
@media (prefers-color-scheme: dark){
  :root{
    --ben-bg:#0b1220;
    --ben-border:#1f2937;
    --ben-text:#e5e7eb;
    --ben-muted:#cbd5e1;
    --ben-link:#38bdf8;
    --ben-shadow:0 8px 22px rgba(0,0,0,.35);
  }
}