@font-face{font-family:Poppins;src:url(fonts/7e65201e9b79159e2300267c.ttf) format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url(fonts/d3bf1bdaf0550e83da9ac0b1.ttf) format('truetype');font-weight:600;font-display:swap}
*{box-sizing:border-box}.tone-sage{--charte-accent:#387564;--charte-soft:#eff6f1;--charte-line:#cddfd4}.tone-blue{--charte-accent:#3b688d;--charte-soft:#eef4f9;--charte-line:#cfdde9}.tone-copper{--charte-accent:#9b6142;--charte-soft:#faf2e9;--charte-line:#e4d2c0}
.charte-editor,.charte-selection{margin:0;background:#f4f6f8;color:#293c48;font:13px/1.7 Poppins,Arial,sans-serif}.charte-back{font-size:12px;color:#4c7182;text-decoration:none}.charte-toolbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:#fff;border-bottom:1px solid #dce5ea;padding:14px max(20px,calc((100vw - 1100px)/2))}.charte-toolbar>div{display:flex;gap:8px}.charte-toolbar button{font:500 11px Poppins,Arial,sans-serif;background:white;color:#5d7583;border:1px solid #dce5ea;padding:10px 14px;border-radius:8px;cursor:pointer}.charte-toolbar .charte-print{background:var(--charte-accent);color:#fff;border-color:var(--charte-accent)}.charte-save{font-size:10px;color:#7b8e97}
.charte-sheet{display:flex;flex-direction:column;width:210mm;min-height:297mm;margin:26px auto;padding:12mm 14mm;border:1px solid #d9e3e7;background:#fff;box-shadow:0 7px 35px #2942520c}.charte-ministry{text-align:center;border-bottom:1px solid var(--charte-line);padding-bottom:12px;margin-bottom:16px}.charte-ministry img{width:215px;height:64px;object-fit:contain;max-width:80%}.charte-metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 22px}.charte-metadata>div{display:flex;align-items:baseline;gap:8px;min-width:0}.meta-label{font-size:9px;white-space:nowrap;color:#71848e}.meta-value{display:inline-block;flex:1;min-width:20px;min-height:18px;border-bottom:1px dotted #b9c9d0;font-size:11px}
.charte-title{text-align:center;margin:25px 0 22px}.charte-motto{font-size:9px;color:var(--charte-accent);letter-spacing:1.2px;text-transform:uppercase}.charte-title h1{font-size:32px;line-height:1.35;letter-spacing:-.8px;color:var(--charte-accent);margin:7px 0}.charte-subtitle{font-size:15px;font-weight:600;margin:4px 0 10px}.charte-intro{font-size:11px;color:#75848d;margin:0}.charte-main-content{flex:1}.charte-rule{display:flex;align-items:flex-start;gap:13px;padding:11px 0;border-bottom:1px solid #edf0f2;break-inside:avoid}.charte-rule:last-child{border:0}.rule-number{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--charte-soft);color:var(--charte-accent);font-size:11px;font-weight:600}.charte-rule h3{font-size:12px;color:var(--charte-accent);line-height:1.5;margin:0 0 3px}.charte-rule p{font-size:11px;line-height:1.8;margin:0;color:#40545f}.charte-reminder{padding:13px 16px;background:var(--charte-soft);border-left:3px solid var(--charte-accent);font-size:10px;line-height:1.8;margin:18px 0 0;color:var(--charte-accent);break-inside:avoid}
.charte-rights-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11px;line-height:1.85}.charte-rights-table th{background:var(--charte-soft);font-weight:600;font-size:12px;color:var(--charte-accent);padding:12px;text-align:center;border:1px solid var(--charte-line)}.charte-rights-table td{padding:14px 13px;border:1px solid var(--charte-line);vertical-align:top;width:50%}.charte-rights-table tr{break-inside:avoid}
.charte-steps{display:grid;grid-template-columns:1fr 1fr;gap:14px}.charte-step{border:1px solid var(--charte-line);border-radius:10px;padding:15px;break-inside:avoid}.step-heading{display:flex;align-items:center;gap:9px;margin-bottom:10px}.step-heading>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;font-size:10px;background:var(--charte-soft);color:var(--charte-accent);flex:none}.step-heading h3{font-size:12px;color:var(--charte-accent);margin:0}.charte-step ul{margin:0;padding-left:15px}.charte-step li{font-size:11px;line-height:1.9;margin-bottom:9px}.charte-step li:last-child{margin-bottom:0}.charte-step li::marker{color:var(--charte-accent)}.charte-personal{margin:22px 0;padding:15px 18px;background:var(--charte-soft);border-radius:9px;break-inside:avoid}.charte-personal h3{font-size:12px;color:var(--charte-accent);margin:0 0 14px}.personal-line{min-height:36px;border-bottom:1px dotted var(--charte-accent);margin:0;font-size:11px}
.charte-signatures{margin-top:24px;padding-top:15px;border-top:1px solid var(--charte-line);break-inside:avoid}.charte-pledge{font-size:10px;line-height:1.8;color:#607882;text-align:center;margin:0 0 18px}.signature-grid{display:grid;grid-template-columns:.6fr 1fr 1.3fr;gap:20px}.signature-grid>div>span{font-size:9px;color:var(--charte-accent)}.signature-line{min-height:32px;margin:7px 0 0;border-bottom:1px dotted #bccbd2;font-size:10px}.editable{white-space:pre-wrap;overflow-wrap:anywhere;outline-offset:3px}.editable:focus{outline:2px solid #8eb5c0;background:#f5fbfc}.charte-editor button:focus-visible,.charte-back:focus-visible{outline:3px solid #8eb5c0;outline-offset:3px}
.charte-chooser{max-width:1160px;margin:auto;padding:32px 25px 70px}.charte-choice-heading{text-align:center;max-width:700px;margin:42px auto 34px}.charte-choice-heading>span{font-size:10px;letter-spacing:1.5px;color:#7a8c96}.charte-choice-heading h1{font-size:32px;line-height:1.4;margin:10px 0;color:#293e4c}.charte-choice-heading p{font-size:13px;color:#75848e}.charte-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.charte-choice{display:flex;flex-direction:column;border:1px solid #dfe6eb;background:#fff;border-radius:17px;padding:22px;text-decoration:none;color:inherit}.charte-choice:hover{border-color:var(--charte-accent)}.charte-choice:focus-visible{outline:3px solid var(--charte-accent);outline-offset:4px}.charte-mini{padding:24px 20px;background:#fff;border:1px solid #dfe6eb;border-radius:7px;margin-bottom:23px}.mini-head{height:4px;background:var(--charte-accent);width:40%;margin:auto}.mini-title{text-align:center;font-size:13px;font-weight:600;color:var(--charte-accent);margin:17px 0}.mini-rule{display:flex;align-items:center;gap:10px;margin:12px 0}.mini-rule i{width:17px;height:17px;border-radius:4px;background:var(--charte-soft)}.mini-rule span{height:4px;background:#e6ebee;width:75%}.charte-example{font-size:10px;letter-spacing:1px;color:var(--charte-accent);font-weight:600}.charte-choice h2{font-size:19px;line-height:1.5;margin:8px 0;color:#293e4c}.charte-choice p{font-size:11px;line-height:1.9;color:#75848e;margin:0 0 22px}.charte-open{display:flex;justify-content:space-between;align-items:center;color:var(--charte-accent);font-size:12px;font-weight:600;margin-top:auto}.charte-open>span{font-size:20px}
@media(max-width:850px){.charte-sheet{width:calc(100% - 24px);padding:25px;min-height:0}.charte-choice-grid{grid-template-columns:1fr}.charte-choice{max-width:470px;width:100%;margin:auto}.charte-choice-heading h1{font-size:27px}.charte-toolbar{padding:12px 15px}.charte-save{display:none}}
@media(max-width:520px){.charte-metadata{grid-template-columns:1fr;gap:10px}.charte-sheet{padding:22px 18px}.charte-title h1{font-size:27px}.charte-title{margin-top:23px}.charte-steps{grid-template-columns:1fr}.signature-grid{grid-template-columns:1fr;gap:17px}.charte-rights-table td{padding:10px 8px}.charte-toolbar{gap:9px}.charte-toolbar button{font-size:10px;padding:8px 11px}.charte-back{font-size:11px}.charte-rule{gap:10px}}
@page{size:A4;margin:0}@media print{html,body.charte-editor{margin:0;padding:0;background:#fff}.charte-toolbar{display:none!important}.charte-sheet{width:210mm;min-height:296mm;margin:0;padding:12mm 14mm;box-shadow:none;border:0}.charte-metadata{grid-template-columns:repeat(2,minmax(0,1fr))}.charte-steps{grid-template-columns:1fr 1fr}.signature-grid{grid-template-columns:.6fr 1fr 1.3fr}.charte-title h1{font-size:32px}.editable:focus{outline:0;background:transparent}*{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

.charte-editor[data-charte-model="1"] .charte-rule{padding-top:9px;padding-bottom:9px}