/* Preserve the supplied horizontal logo's proportions throughout the app. */
img.brand-mark[src^="/static/logo.png"] { width: 68px; height: auto; inline-size: 68px; block-size: auto; object-fit: contain; border-radius: 0; box-shadow: none; flex-shrink: 0; }
.vf-page .vf-brand .mark:has(img), .dir-header .mark:has(img) { width: 76px; height: 44px; background: #fff; border-radius: 8px; display: grid; place-items: center; flex-shrink: 0; }
.vf-brand .mark img, .dir-header .mark img { width: 64px; height: auto; object-fit: contain; }
.arl-lockup { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; font-size: 1rem; font-weight: 700; color: var(--text); }
.arl-lockup img { display: block; width: 68px; height: auto; object-fit: contain; }
.paper .arl-lockup { color: #111; margin-bottom: 12px; }
@media print { .arl-lockup { break-inside: avoid; } }