/* A note in the margin: a picture, the word, a gloss in Latin. */
.margo { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: var(--space-3); border-left: 1px solid var(--rule); padding-left: var(--space-3); }
.nota { font-size: var(--text-note); line-height: 1.3; border-radius: 3px; transition: background 120ms; }
.nota__imago { max-height: var(--picture-height); width: auto; max-width: 100%; margin-bottom: var(--space-1); image-rendering: pixelated; }
.nota--persona .nota__imago { max-height: var(--figure-height); }
.nota__verbum { font-weight: 750; color: var(--new-word); }
.nota__glossa { font-style: italic; }
.nota:has(.nota__glossa):not(:has(.nota__imago)) { grid-column: 1 / -1; }