/*
 * Marginalia: the title opens the leaf and the text fills it, while a narrow
 * margin down the right edge carries the emblem, the kind and the figures
 * stacked like glosses, right-aligned against a hairline. The source
 * whispers under the text.
 */

.print-card.marginalia-card {
    flex-direction: row;
    gap: 2.6mm;
}

.marginalia-card .print-card-watermark {
    right: auto;
    left: -5mm;
    bottom: -4mm;
}

.marginalia-leaf {
    flex: 1;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.marginalia-margin {
    flex: 0 0 27%;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 1.1mm;
    padding-left: 2mm;
    text-align: right;
    border-left: 0.3mm solid color-mix(in srgb, var(--card-accent-second) 70%, transparent);
}

.marginalia-kind {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.4mm;
    margin-bottom: 0.8mm;
    color: var(--card-accent-second);
}

.marginalia-glyph {
    width: 1.5em;
    height: 1.5em;
}

.marginalia-glyph .glyph {
    display: block;
    stroke-width: 1.5;
}

.marginalia-kind-label {
    font-family: var(--card-label-font);
    font-size: 0.6em;
    line-height: 1.15;
    letter-spacing: var(--card-label-spacing);
    text-transform: var(--card-label-transform);
    overflow-wrap: break-word;
    hyphens: auto;
}

.marginalia-figures {
    display: flex;
    flex-direction: column;
    gap: 0.9mm;
    margin: 0;
}

.marginalia-figure {
    min-width: 0;
}

.marginalia-label {
    font-family: var(--card-label-font);
    font-size: 0.6em;
    line-height: 1.15;
    overflow-wrap: break-word;
    hyphens: auto;
    letter-spacing: var(--card-label-spacing);
    text-transform: var(--card-label-transform);
    color: var(--card-accent-second);
}

.marginalia-value {
    margin: 0.15mm 0 0;
    font-size: 0.8em;
    line-height: 1.22;
    overflow-wrap: break-word;
    hyphens: auto;
    color: var(--card-ink);
}

.marginalia-card .print-card-body {
    margin-top: 1.6mm;
}