/* ==========================================================================
   The landlord's statement, as PropMan draws it.

   Loaded after the design system; this file adds no token of its own. The screen shows the PDF's pages as pictures (DEC-0337): what this file lays out is the
   pictures and the furniture around them, never the document, whose type, colour and spacing are the
   renderer's. A page's picture is opaque and drawn on white, as paper is, so it needs no ground in any theme.

   PRINTED FROM THE BROWSER, the pages are the sheets and the furniture is not on them. The PDF the screen hands
   over is the copy meant for printing; this keeps the browser's print of the screen from posting the screen's
   own buttons and notes to a landlord.

   EVERY CLASS THIS FILE DECLARES A RULE FOR IS PREFIXED doc-, or is the shell's own, ruled only where a doc- one
   is drawn.
   The stylesheets the shell links are one cascade with no scoping, so a bare class written in two files is two
   rules at one specificity and the last file linked wins everywhere (StylesheetTests).
   ========================================================================== */

/* The pages, one under another, each a sheet on the screen's ground. */
.doc-pages {
    display: grid;
    gap: 18px;
    max-width: 60rem;
    margin-top: 14px;
}

.doc-page {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid var(--border);
    box-shadow: var(--shadow-card);
}

/* --- The screen's own furniture, which is not the document ---------------- */

.doc-tools { margin-top: 18px; max-width: 60rem; }

/* --- Print --------------------------------------------------------------- */

@media print {
    /* The furniture is addressed to the person holding the mouse; on paper it would be the agency's own notes
       posted to its landlord. The screen's title goes with it, on this screen alone — the pages carry the
       document's own heading, and the title band above the first would push it off its sheet. */
    .doc-tools { display: none; }
    body:has(.doc-pages) .title-band { display: none; }

    /* Each picture is a sheet of its own, edge to edge. */
    .doc-pages { display: block; max-width: none; margin: 0; }
    .doc-page { border: none; box-shadow: none; break-after: page; }
}