/* THE PREVIEW IS BOUNDED, because the file is somebody else's and can be any size.
   A 4000px photograph of a letter, rendered at its natural width inside a response, pushes every
   other answer off the screen and makes the surrounding form unreadable. */
.ahr-file-answer__preview {
    display: block;
    margin-top: 8px;
    max-width: 100%;
    max-height: 320px;
    border: 1px solid var(--border);
    border-radius: 5px;
}

/* An embedded PDF has no intrinsic size at all - an unsized `object` collapses to nothing and reads
   as "the file is missing" rather than as a document. */
object.ahr-file-answer__preview {
    width: 100%;
    height: 320px;
}

.ahr-file-answer__attached {
    margin-bottom: 8px;
}

/* THE INPUTS ARE HIDDEN AND DRIVEN BY THE BUTTONS ABOVE THEM. A native file input cannot be styled to
   the button standard, and there are two of them - one for a file the patient already has, one that
   opens the camera - so the visible control is a pair of buttons that click them. */
.ahr-file-answer__input {
    display: none;
}