/*
 * Tarot: the text stands where the picture would, at the top, the figures
 * are ruled beneath it in a compact register, and the title plate closes the
 * card at the foot with the kind, as a caption under a painting. The emblem
 * watermarks the top centre behind the text; the source whispers last.
 */

.tarot-card .print-card-watermark {
    right: auto;
    bottom: auto;
    left: 50%;
    top: -7mm;
    width: 34mm;
    height: 34mm;
    transform: translateX(-50%);
}

.tarot-card .print-card-body {
    margin-top: 0;
    margin-bottom: 1.2mm;
}

.tarot-figures {
    flex: none;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.35mm 2mm;
    margin: 0.8mm 0 0;
    padding: 0.8mm 1.4mm 0.9mm;
    background: color-mix(in srgb, var(--card-accent-second) 8%, transparent);
    border-top: 0.45mm solid var(--card-accent-second);
}

.tarot-figure {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1.4mm;
    min-width: 0;
    border-bottom: 0.15mm dotted color-mix(in srgb, var(--card-accent-second) 60%, transparent);
}

.tarot-label {
    flex: 0 0 auto;
    max-width: 55%;
    overflow-wrap: break-word;
    hyphens: auto;
    font-family: var(--card-label-font);
    font-size: 0.62em;
    letter-spacing: var(--card-label-spacing);
    text-transform: var(--card-label-transform);
    color: var(--card-accent-second);
}

.tarot-value {
    flex: 1 1 auto;
    margin: 0;
    min-width: 0;
    font-size: 0.8em;
    line-height: 1.25;
    text-align: right;
    overflow-wrap: break-word;
    hyphens: auto;
    color: var(--card-ink);
}

.tarot-card .print-card-header {
    margin-top: 1.4mm;
    padding: 1.2mm 1.6mm 0.8mm;
    text-align: center;
    border-top: 0.35mm solid var(--card-accent);
}

.tarot-card .print-card-type {
    justify-content: center;
}

.tarot-card .print-card-source {
    text-align: center;
}

@container card (orientation: landscape) {
    .tarot-figures {
        grid-template-columns: 1fr 1fr;
    }
}