/* Certificat de l'École (même dessin que dans l'espace élève et le tableau de bord) */
.cx{width:min(1120px,100%);container-type:inline-size;filter:drop-shadow(0 30px 60px rgba(0,0,0,.25))}
.cx-paper{position:relative;width:100%;aspect-ratio:297/210;overflow:hidden;background:#fbf8f1;color:#1a2033;display:flex;flex-direction:column;align-items:center;text-align:center;padding:6.4cqw 11cqw 6cqw;font-family:var(--sans)}
.cx-paper>*{position:relative;z-index:2}
.cx-bg,.cx-frame,.cx-orn,.cx-mono,.cx-band{position:absolute!important;z-index:1!important;pointer-events:none}
.cx-bg{inset:0}
.cx-frame{inset:2.6cqw;border:.32cqw solid var(--acc);box-shadow:inset 0 0 0 .55cqw #fbf8f1,inset 0 0 0 .66cqw #c9a24a}
.cx-orn{width:8cqw;height:8cqw;border:.16cqw solid #c9a24a}
.cx-orn.a{top:3.9cqw;left:3.9cqw;border-right:0;border-bottom:0}
.cx-orn.b{top:3.9cqw;right:3.9cqw;border-left:0;border-bottom:0}
.cx-orn.c{bottom:3.9cqw;left:3.9cqw;border-right:0;border-top:0}
.cx-orn.d{bottom:3.9cqw;right:3.9cqw;border-left:0;border-top:0}
.cx-orn::after{content:'';position:absolute;width:1.1cqw;height:1.1cqw;background:#c9a24a;transform:rotate(45deg)}
.cx-orn.a::after{top:-.62cqw;left:-.62cqw}
.cx-orn.b::after{top:-.62cqw;right:-.62cqw}
.cx-orn.c::after{bottom:-.62cqw;left:-.62cqw}
.cx-orn.d::after{bottom:-.62cqw;right:-.62cqw}
.cx-no{position:absolute!important;top:4.6cqw;left:6.4cqw;font-size:.95cqw;letter-spacing:.14em;color:#8b8f9c;font-weight:600}
.cx-ver{position:absolute!important;top:4.4cqw;right:6.2cqw;display:flex;align-items:center;gap:.9cqw;text-align:right;flex-direction:row-reverse}
.cx-qr{display:block;width:6.4cqw;height:6.4cqw;padding:.45cqw;background:#fff;border-radius:.5cqw;box-shadow:0 0 0 .1cqw rgba(0,0,0,.12)}
.cx-qr svg{width:100%;height:100%;display:block}
.cx-ver small{font-size:.82cqw;line-height:1.45;color:#7b8090;max-width:15cqw;text-align:right}
.cx-head{display:flex;align-items:center;gap:1.4cqw;justify-content:center;margin-bottom:2.4cqw}
.lp-left .cx-head,.lp-right .cx-head{position:absolute!important;top:4.5cqw}
.lp-left .cx-head{left:50%;transform:translateX(-50%)}
.lp-left .cx-head{position:relative!important;top:auto;left:auto;transform:none}
.lp-right .cx-head{position:relative!important;top:auto;flex-direction:row-reverse}
.lp-center .cx-head{flex-direction:column;gap:.7cqw}
.cx-logo{height:3.2cqw;width:auto;max-width:22cqw;object-fit:contain}
.ls-s .cx-logo{height:2.4cqw}
.ls-l .cx-logo{height:4.6cqw}
.cx-logo.dark{filter:invert(1) hue-rotate(180deg) saturate(1.3)}
.cx-brand{display:grid;text-align:left;line-height:1.25}
.lp-center .cx-brand{text-align:center}
.lp-right .cx-brand{text-align:right}
.cx-brand b{font-size:1.25cqw;font-weight:700;letter-spacing:.02em}
.cx-brand small{font-size:.92cqw;color:#7b8090}
.cx-head .cx-brand{padding-left:1.4cqw;border-left:.12cqw solid rgba(0,0,0,.15)}
.lp-center .cx-head .cx-brand{padding-left:0;border-left:0}
.lp-right .cx-head .cx-brand{padding-left:0;border-left:0;padding-right:1.4cqw;border-right:.12cqw solid rgba(0,0,0,.15)}
.cx-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding-bottom:1.5cqw}
.cx-k{font:700 6.2cqw/1 var(--serif);letter-spacing:.12em;text-transform:uppercase;color:var(--acc);margin-right:-.12em}
.cx-rib{margin-top:1.3cqw}
.cx-rib span{display:inline-block;padding:.55cqw 3.2cqw;font-size:1.15cqw;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:#4a3507;background:linear-gradient(90deg,#d9b25f,#f3dc97 50%,#d9b25f);clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%)}
.cx-s{margin-top:2.6cqw;font-size:1.15cqw;letter-spacing:.24em;text-transform:uppercase;color:#7b8090;font-weight:600}
.cx-n{margin-top:1cqw;font:italic 700 5.2cqw/1.1 var(--serif);color:#141a2c;max-width:72cqw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .2em}
.cx-rule{display:block;width:40cqw;height:.14cqw;margin-top:1cqw;background:linear-gradient(90deg,transparent,#c9a24a 18%,#c9a24a 82%,transparent)}
.cx-t{margin-top:1.8cqw;font-size:1.3cqw;line-height:1.5;color:#555b6b;max-width:56cqw}
.cx-f{margin-top:.5cqw;font-size:2.1cqw;font-weight:700;line-height:1.25;color:var(--acc);max-width:66cqw}
.cx-facts{margin-top:1.6cqw;font-size:1.08cqw;color:#666c7c;display:flex;align-items:center;gap:1.3cqw;flex-wrap:wrap;justify-content:center}
.cx-facts b{color:#1a2033}
.cx-facts i{width:.4cqw;height:.4cqw;border-radius:50%;background:#c9a24a}
.cx-foot{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:5cqw}
.cx-col{display:flex;flex-direction:column;align-items:center;gap:.35cqw}
.cx-col>i{display:block;width:19cqw;height:.12cqw;background:#2a3042;margin:.5cqw 0 .3cqw}
.cx-col small{font-size:.9cqw;letter-spacing:.06em;color:#7b8090;line-height:1.35}
.cx-col small b{font-size:1.05cqw;color:#1a2033;letter-spacing:.02em}
.cx-v{font-size:1.45cqw;font-weight:600;color:#1a2033}
.cx-script{font:italic 700 2.6cqw/1 var(--serif);color:var(--acc);transform:rotate(-3deg)}
.cx-sig img{height:4.4cqw;width:auto;max-width:20cqw;object-fit:contain;mix-blend-mode:multiply}
.cx-seal{display:grid;place-items:center;width:10.5cqw;margin-bottom:-.6cqw}
.cx-seal svg,.cx-seal img{width:100%;height:auto;display:block}
.cx-seal .cx-gold{filter:drop-shadow(0 .5cqw .8cqw rgba(120,85,20,.35))}
.cx-seal img,.cx-seal .stamp{mix-blend-mode:multiply}
.ct-nuit .cx-paper{background:#0a1022;color:#eef1f7}
.ct-nuit .cx-bg{background:radial-gradient(60% 70% at 50% 0%,rgba(43,91,255,.28),transparent 70%),radial-gradient(40% 50% at 100% 100%,rgba(0,207,255,.12),transparent 70%)}
.ct-nuit .cx-frame{border-color:#c9a24a;box-shadow:inset 0 0 0 .55cqw #0a1022,inset 0 0 0 .66cqw rgba(201,162,74,.55)}
.ct-nuit .cx-k{background:linear-gradient(180deg,#f6e3a1,#c9a24a);-webkit-background-clip:text;background-clip:text;color:transparent}
.ct-nuit .cx-n,.ct-nuit .cx-v,.ct-nuit .cx-col small b,.ct-nuit .cx-facts b{color:#fff}
.ct-nuit .cx-t,.ct-nuit .cx-facts{color:rgba(238,241,247,.72)}
.ct-nuit .cx-f{color:#7fb0ff}
.ct-nuit .cx-s,.ct-nuit .cx-col small,.ct-nuit .cx-brand small,.ct-nuit .cx-no,.ct-nuit .cx-ver small{color:rgba(238,241,247,.6)}
.ct-nuit .cx-col>i{background:rgba(255,255,255,.5)}
.ct-nuit .cx-script{color:#e9cd7f}
.ct-nuit .cx-head .cx-brand{border-color:rgba(255,255,255,.2)}
.ct-nuit .cx-seal img,.ct-nuit .cx-seal .stamp{mix-blend-mode:normal}
.ct-nuit .cx-sig img{mix-blend-mode:screen;filter:invert(1)}
.ct-epure .cx-paper{background:#fff;padding-left:15cqw}
.ct-epure .cx-band{left:0;top:0;bottom:0;width:6.2cqw;background:linear-gradient(180deg,var(--acc),#00CFFF)}
.ct-epure .cx-band::after{content:'';position:absolute;right:-1.6cqw;top:0;bottom:0;width:.3cqw;background:#c9a24a}
.ct-epure .cx-frame{inset:2.6cqw 2.6cqw 2.6cqw 9.4cqw;border:.12cqw solid rgba(26,32,51,.14);box-shadow:none}
.ct-epure .cx-orn{display:none}
.ct-epure .cx-no{left:11.5cqw}
.ct-epure .cx-k{font-family:var(--sans);font-weight:800;letter-spacing:.18em}
.ct-epure .cx-rib span{background:var(--acc);color:#fff;clip-path:none;border-radius:99px}
.ct-signature .cx-paper{background:#f8f3e7}
.ct-signature .cx-bg{background:repeating-linear-gradient(45deg,rgba(0,0,0,.012) 0 .3cqw,transparent .3cqw .9cqw)}
.ct-signature .cx-frame{border:.14cqw solid var(--acc);inset:3cqw;box-shadow:inset 0 0 0 .6cqw #f8f3e7,inset 0 0 0 .72cqw var(--acc)}
.ct-signature .cx-orn{border-color:var(--acc)}
.ct-signature .cx-orn::after{background:var(--acc)}
.ct-signature .cx-mono{left:50%;top:50%;transform:translate(-50%,-50%);font:italic 700 46cqw/1 var(--serif);color:var(--acc);opacity:.045}
.pf-cert .cx{width:100%;filter:drop-shadow(0 20px 40px rgba(0,0,0,.35))}
.cx-body{flex:1;justify-content:center;padding-bottom:1.2cqw}
.cx-facts span{white-space:nowrap}
.cx-logo.dark{filter:invert(1) hue-rotate(180deg) brightness(.85)}
.cx-head{margin-bottom:0}
