/**
 * Muster 56 — Antrag auf Kostenübernahme für Rehabilitationssport /
 * Funktionstraining: the printed sheet only.
 *
 * A number in this file is a measurement of the scan, in the same category as
 * the inline left/top/width on every printed element — not a design decision,
 * and deliberately not a token. Both sides are drawn on one canvas, 917 x 1297.
 *
 * The sheet is DIN A, so the canvas is the closest whole-pixel A ratio that
 * only ever *adds* paper: the scan's 917 x 1296 was 0.06 % too wide, and the
 * row is added at the bottom edge, below everything the Vordruck prints. No
 * coordinate moves.
 */

/* Exactly one form stylesheet is loaded per page, so this Vordruck's ink,
   paper and page size can simply be the document's. */
:root {
    --vo-ink: #cb1824;
    /* Every printed line is the same red as the print itself. The scan shades
       them differently, but that is JPEG artefacts and paper, not the form:
       reading a colour per line out of it made the sheet look mottled. */
    --vo-line: #cb1824;
    --vo-paper: #f1f7ed;
    --vo-print-font: Arial, Helvetica, sans-serif;
    --rf-hint: #f6e4d9;
    --rf-salmon: #fbdbcc;
    --rf-green: #ddeace;
    /* One sheet of paper, so one canvas for both sides. The scans differ —
       the reverse was cropped 5 px into its left margin — and the reverse's
       generator shifts its geometry back onto this canvas. */
    --vo-page-width: 917px;
    --vo-page-height: 1297px;
}

/* Every cell of a date or count row sits inside a grid the form already
   draws. */
.vo-page--m56 .vo-cell {
    font-size: 18px;
}

.rf-fill,
.rf-box,
.rf-rule,
.rf-vrule,
.rf-chk,
.rf-t {
    position: absolute;
}

/* Carrying no field of their own, these are inert: a click passes through to
   whatever control is underneath. Labels do carry `data-field` and stay
   hoverable, which is what feeds the context card. */
.rf-fill,
.rf-box,
.rf-rule,
.rf-vrule {
    pointer-events: none;
}

/* A label is only a pointer to its field, never a text selection target. */
.rf-t {
    user-select: none;
}

.rf-fill {
    background: var(--bg-surface);
}

.rf-fill.salmon {
    background: var(--rf-salmon);
}

.rf-fill.green {
    background: var(--rf-green);
}

.rf-box {
    background: var(--bg-surface);
    border: var(--vo-hairline) solid var(--vo-line);
}

.rf-box.clear {
    background: transparent;
}

.rf-rule {
    height: var(--vo-hairline);
    background: var(--vo-line);
}

.rf-vrule {
    width: var(--vo-hairline);
    background: var(--vo-line);
}

/* ---- printed text ---- */

.rf-t {
    color: var(--vo-ink);
    font-family: var(--vo-print-font);
    font-size: 14px;
    line-height: 14px;
    white-space: nowrap;
}

.rf-t.s10 {
    font-size: 10px;
    line-height: 10px;
}

.rf-t.s11 {
    font-size: 11px;
    line-height: 11px;
}

.rf-t.s19 {
    font-size: 19px;
    line-height: 19px;
}

.rf-t.s22 {
    font-size: 22px;
    line-height: 22px;
}

.rf-t.s24 {
    font-size: 24px;
    line-height: 24px;
}

.rf-t.b {
    font-weight: bold;
}

.rf-t.i {
    font-style: italic;
}

/* Two lines inside a 28 px table row need their own tighter leading. */
.rf-t.tight {
    line-height: 11px;
}

/* Same for the two-line note under step 15 on the reverse. */
.rf-t.tight12 {
    line-height: 12px;
}

.rf-t.hint {
    color: var(--rf-hint);
}

.rf-t.r {
    text-align: right;
}

.rf-t.c {
    text-align: center;
}