:root{--bleu:#0099cc;--vert:#99cc33;--encre:#263b45;--gris:#65767e;--fin:#c8d7dd}
*{box-sizing:border-box} html,body{margin:0;padding:0} body{font-family:"Times New Roman",Times,serif;background:#eaf0f2;color:var(--encre)}
.sheet{position:relative;overflow:hidden;margin:18px auto;background:#fff;box-shadow:0 14px 36px rgba(20,62,78,.14);isolation:isolate}
.sheet.a4{width:210mm;height:297mm}.sheet.folder{width:230mm;height:320mm}.sheet.env{width:240mm;height:120mm}
.dochead{position:absolute;top:13mm;left:19mm;right:19mm;display:flex;justify-content:space-between;align-items:flex-start;gap:8mm}
.dochead .logo{width:52mm;height:auto;max-height:31mm;object-fit:contain;object-position:left top}
.office{font:9.3pt/1.31 "Times New Roman",serif;color:#5f737e;text-align:right;margin-top:4mm}
.office strong{font-size:10.5pt;color:#007fa9}.rule{position:absolute;top:48mm;left:19mm;right:19mm;border-top:.25mm solid #c7d8df}
.watermark{position:absolute;z-index:-1;width:99mm;bottom:29mm;right:-17mm;opacity:.056;pointer-events:none}
.legal{position:absolute;left:17mm;right:17mm;bottom:6.2mm;text-align:center;font:6.8pt/1.25 "Times New Roman",serif;color:#65737b}
.strip{position:absolute;bottom:0;left:0;right:0;height:4.2mm;display:flex}.strip .green{width:19%;background:var(--vert)}.strip .blue{flex:1;background:var(--bleu)}
.marker{position:absolute;top:57mm;left:20mm;font:7pt Arial,sans-serif;color:#b3c4c9;letter-spacing:.09em;text-transform:uppercase}
.letter-body{position:absolute;top:57mm;left:19mm;right:19mm;bottom:28mm;font:10.8pt/1.39 "Times New Roman",serif;color:#263943}
.letter-body p{margin:0 0 4mm}.letter-address{display:grid;grid-template-columns:1.08fr .92fr;gap:9mm;margin-bottom:7.5mm;line-height:1.48}
.letter-address .dest{text-align:left}.letter-label{font-weight:700}.letter-data{margin:0 0 7.2mm}
.letter-sign{margin-top:7mm;margin-left:auto;width:54%;text-align:center}
.letter-sign .role{font-weight:700}.letter-sign .sig{margin:5mm 0;color:#889ba2;font-size:9pt;font-style:italic}
.letter-copy{font-style:italic;font-size:9pt;color:#637882;margin-top:4mm}
.folder .dochead{top:20mm;left:21mm}.folder .dochead .logo{width:73mm;max-height:48mm}
.folder .watermark{width:150mm;right:-20mm;bottom:57mm;opacity:.07}
.folder-body{position:absolute;top:124mm;left:22mm;right:40mm}.folder-body .eyebrow{font:700 11pt "Times New Roman",serif;letter-spacing:.11em;color:#007da7}
.folder-body h1{font:normal 22pt/1.2 "Times New Roman",serif;color:#92a1a7;margin:3mm 0 7mm}
.folder-body .fld-line{border-top:.3mm solid #9db0b8;padding-top:8mm;display:flex;gap:7mm;font:11pt "Times New Roman",serif}
.folder-body .fill{flex:1;border-bottom:1px solid #a5b6bc;min-width:22mm}
.folder-band{position:absolute;bottom:0;left:0;right:0;height:39mm;display:grid;grid-template-columns:18% 82%;background:var(--bleu);color:white}
.folder-band .green{background:var(--vert)}.folder-band .band-content{padding:11mm 9mm 5mm;font:10.2pt/1.45 "Times New Roman",serif}
.folder-band strong{font-size:11pt}
.env .logo{position:absolute;top:12mm;left:16mm;width:58mm;max-height:38mm;object-fit:contain}
.env .sender{position:absolute;top:14mm;left:89mm;font:10.2pt/1.35 "Times New Roman",serif;color:#566b74}
.env .sender strong{font-size:11pt;color:#007ba4}
.env .recipient{position:absolute;top:58mm;left:51%;right:10mm;font:12pt/1.42 "Times New Roman",serif;color:#263943}
.env .recipient strong{font-size:13.5pt}
.sig-page{display:grid;place-items:center;min-height:100vh;padding:35px}.sigbox{width:720px;max-width:100%;min-height:204px;background:#fff;display:grid;grid-template-columns:120px 1fr;gap:20px;padding:26px 27px;border:1px solid #dae5e9;box-shadow:0 12px 30px rgba(20,62,78,.1)}
.sig-logo{display:flex;align-items:center;justify-content:center;border-right:1px solid #ccd7dc;padding-right:20px}.sig-logo img{max-width:76px;max-height:105px;object-fit:contain}
.sig-content{min-width:0;display:flex;flex-direction:column;justify-content:center}.sig-name{font-size:23px;font-weight:700}.sig-role{font:700 17px/1.3 "Times New Roman",serif;color:#007fa8;margin:2px 0 4px}
.sig-org{font-size:15px;line-height:1.28}.sig-contact{font-size:15px;color:#667782;line-height:1.3;margin-top:7px}
.sig-rule{width:80%;display:flex;height:5px;margin-top:12px}.sig-rule span:first-child{width:20%;background:var(--vert)}.sig-rule span:last-child{flex:1;background:var(--bleu)}
.demo-caption{text-align:center;font:12px Arial,sans-serif;color:#637680;padding:0 20px 22px}
@media screen and (max-width:850px){body{overflow-x:auto}.sheet{margin:12px auto}.sigbox{grid-template-columns:76px 1fr;gap:13px;padding:16px}.sig-logo{padding-right:12px}.sig-logo img{width:56px}.sig-name{font-size:19px}.sig-role{font-size:14px}.sig-org,.sig-contact{font-size:12px}}
@media print{html,body{background:white!important}.sheet{margin:0!important;box-shadow:none!important}.demo-caption{display:none}.sig-page{min-height:0;padding:0}.sigbox{box-shadow:none!important;border:0!important;margin:0;max-width:100%;width:190mm}}