/**
 * example modülü — sayfa stili (MV-10). Tümü --ox-* token'ları üstünde (tema adaptif).
 */
.ex-count {
  margin: 0 0 var(--ox-space-3);
  font-size: var(--ox-text-xs); color: var(--ox-fg-faint);
  text-transform: uppercase; letter-spacing: var(--ox-tracking-label);
}
.ex-list { display: flex; flex-direction: column; gap: var(--ox-space-2); }
.ex-note {
  display: flex; align-items: center; gap: var(--ox-space-3);
  padding: var(--ox-space-3); border: 1px solid var(--ox-border);
  border-radius: var(--ox-radius-md); background: var(--ox-surface);
  transition: border-color .15s;
}
.ex-note:hover { border-color: var(--ox-border-strong); }
.ex-note__ic { flex: none; color: var(--ox-accent); display: inline-flex; }
.ex-note__body {
  flex: 1 1 auto; min-width: 0; color: var(--ox-fg);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.ex-note__date { flex: none; font-size: var(--ox-text-xs); color: var(--ox-fg-faint); }