/* AIC Crisis Simulation — the looks of the fake documents made in the workshop (docfrom.js): paper and
   ink, not the tool's interface, hence their own colours. Exported as image or PDF exactly as drawn here. */

/* every document: « EXERCICE », always, discreet, in the corner */
.fd-sheet{position:relative;display:inline-block;}
.fd-mark{position:absolute;right:10px;bottom:8px;z-index:3;font:700 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.2em;color:#a40000;background:rgba(255,255,255,.82);border:1px solid #a40000;border-radius:2px;padding:3px 7px;}
/* a WhatsApp screen: under the contact's bar, clear of the « Message » field and its button (29/10) */
.fd-sheet--whatsapp .fd-mark{bottom:auto;top:78px;right:22px;}

/* press release: shared/pressrelease.css (the participants' and this one, the same) */

/* handwritten note: Caveat, hosted with the tool (static/vendor/fonts.css), blue ink */
.fd-hand{width:620px;min-height:520px;box-sizing:border-box;padding:46px 54px 40px 70px;font-family:'Caveat',cursive;font-weight:500;color:#1d3a8a;transform:rotate(-0.6deg);box-shadow:0 3px 14px rgba(0,0,0,.18);}
.fd-hand--notepad{background-color:#fffef6;background-image:linear-gradient(90deg,transparent 54px,#e8a0a0 54px,#e8a0a0 56px,transparent 56px),repeating-linear-gradient(180deg,transparent 0,transparent 37px,#b9cbe6 37px,#b9cbe6 38px);background-position:0 0,0 46px;}
.fd-hand--postit{width:440px;min-height:420px;background:#fdf18a;padding:40px 40px 36px;transform:rotate(1.4deg);}
.fd-hand--blank{background:#fff;padding-left:54px;}
.fd-hand__date{font-size:26px;text-align:right;margin-bottom:8px;}
.fd-hand__text{font-size:34px;line-height:38px;white-space:pre-wrap;}
.fd-hand__sign{font-size:34px;margin-top:22px;text-align:right;}

/* scanned: the page a little askew on the scanner's grey, a grain, a note by hand in the margin */
.fd-scan{display:inline-block;padding:30px;background:#d4d1ca;}
.fd-scan__page{position:relative;transform:rotate(-0.9deg);box-shadow:0 2px 12px rgba(0,0,0,.35);}
.fd-scan__grain{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.025) 0,rgba(0,0,0,.025) 1px,transparent 1px,transparent 3px),linear-gradient(180deg,rgba(255,250,235,.25),rgba(120,110,90,.12));mix-blend-mode:multiply;}
.fd-scan__note{position:absolute;top:12px;right:40px;max-width:320px;transform:rotate(-7deg);font-family:'Caveat',cursive;font-weight:500;font-size:30px;line-height:32px;color:#1d3a8a;z-index:2;}