/* LVL V1.29.3B — approved certificate art, dynamic values without ghosting */
.lvl-cert-modal-art1293 .lvl-growth-modal-card{width:min(980px,97vw);max-width:980px;padding:16px;background:#090b12}
.lvl-cert-art-view{padding:0!important;background:transparent!important;border:0!important}
.lvl-cert-art-sheet{position:relative;width:min(860px,100%);max-width:100%;aspect-ratio:1103/1426;margin:0 auto;background:#fbf7ee;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.42);isolation:isolate}
.lvl-cert-art-master{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:fill;z-index:0;user-select:none;-webkit-user-drag:none}

/*
 * The 1293 master artwork contains sample values. 1293 used a translucent
 * paper mask, so the baked sample remained visible underneath the live value.
 * 1293B masks ONLY the variable value line with an opaque paper surface.
 */
.lvl-cert-art-field{
 position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;
 box-sizing:border-box;text-align:center;color:#2a0e58;
 font-family:Georgia,'Times New Roman',serif;
 text-shadow:none!important;filter:none!important;opacity:1!important;
 mix-blend-mode:normal!important;-webkit-text-stroke:0!important;
 transform:none!important;backdrop-filter:none!important;
 background-color:#fbf7ef;
 background-image:
  radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.28),rgba(251,247,239,0) 72%),
  repeating-linear-gradient(0deg,rgba(97,74,51,.016) 0 1px,transparent 1px 3px);
}
.lvl-cert-art-field::before,.lvl-cert-art-field::after{content:none!important;display:none!important}
.lvl-cert-art-field span,.lvl-cert-art-field strong{
 position:relative;z-index:1;max-width:100%;overflow-wrap:anywhere;
 text-shadow:none!important;filter:none!important;opacity:1!important;
 mix-blend-mode:normal!important;-webkit-text-stroke:0!important;
}

/* Big dynamic fields: the static labels above remain part of the artwork. */
.lvl-cert-art-name{left:27.2%;top:42.05%;width:45.6%;height:5.45%;font-size:clamp(25px,5.8vw,62px);line-height:1;font-weight:500}
.lvl-cert-art-course{left:22.7%;top:52.0%;width:54.6%;height:4.45%;font-size:clamp(17px,3.8vw,40px);line-height:1.05;font-weight:500}

/* Facts: cover only the old VALUE, never the icon or its label. */
.lvl-cert-art-date{left:17.0%;top:71.0%;width:12.1%;height:2.35%;font-size:clamp(7px,1.45vw,15px);font-weight:700;color:#17141b}
.lvl-cert-art-level{left:35.0%;top:71.0%;width:11.3%;height:2.35%;font-size:clamp(7px,1.45vw,15px);font-weight:700;color:#17141b}
.lvl-cert-art-workload{left:50.2%;top:71.0%;width:17.7%;height:2.35%;font-size:clamp(6px,1.35vw,14px);font-weight:700;color:#17141b}
.lvl-cert-art-code{left:69.5%;top:70.85%;width:18.7%;height:2.75%;font-size:clamp(5px,1.05vw,11px);font-weight:700;color:#17141b}

/* Keep the original shield. Replace only the text line beside it. */
.lvl-cert-art-verify{left:36.3%;top:75.58%;width:48.2%;height:2.55%;font-size:clamp(6px,1.05vw,11px);color:#402371}
.lvl-cert-art-verify strong{font-weight:700}

/* Admin/official footer is dynamic, so the baked sample is fully covered. */
.lvl-cert-art-footer{left:32.0%;top:95.18%;width:36.0%;height:2.10%;font-size:clamp(6px,1.02vw,11px);letter-spacing:.17em;font-weight:800;color:#4d287e}

.lvl-cert-art-view>.lvl-cert-buttons{width:min(860px,100%);margin:14px auto 0;display:flex;gap:10px}
.lvl-cert-art-view>.lvl-cert-buttons button{flex:1}

@media(max-width:820px){
 .lvl-cert-modal-art1293 .lvl-growth-modal-card{padding:9px 7px 13px}
 .lvl-cert-art-view>.lvl-cert-buttons{flex-direction:column}
 .lvl-cert-art-name{font-size:clamp(18px,7.0vw,38px)}
 .lvl-cert-art-course{font-size:clamp(13px,4.65vw,27px)}
 .lvl-cert-art-date,.lvl-cert-art-level{font-size:clamp(6px,1.9vw,11px)}
 .lvl-cert-art-workload{font-size:clamp(5px,1.70vw,10px)}
 .lvl-cert-art-code{font-size:clamp(4px,1.38vw,8px)}
 .lvl-cert-art-verify,.lvl-cert-art-footer{font-size:clamp(4px,1.32vw,8px)}
}

@page{size:A4 portrait;margin:0}
@media print{
 html,body{margin:0!important;padding:0!important;width:210mm!important;height:297mm!important;overflow:hidden!important;background:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
 body.lvl-print-certificate>*{display:none!important}
 body.lvl-print-certificate .lvl-growth-modal.lvl-cert-modal-art1293{display:flex!important;position:static!important;inset:auto!important;width:210mm!important;height:297mm!important;margin:0!important;padding:0!important;background:#fff!important;overflow:hidden!important;align-items:center!important;justify-content:center!important}
 body.lvl-print-certificate .lvl-cert-modal-art1293 .lvl-growth-modal-card{display:flex!important;align-items:center!important;justify-content:center!important;position:static!important;width:210mm!important;max-width:none!important;height:297mm!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important}
 body.lvl-print-certificate .lvl-cert-modal-art1293 .lvl-growth-modal-close,body.lvl-print-certificate .lvl-cert-buttons{display:none!important}
 body.lvl-print-certificate .lvl-cert-art-view{display:flex!important;align-items:center!important;justify-content:center!important;width:210mm!important;height:297mm!important;margin:0!important;padding:0!important;border:0!important;background:#fff!important;overflow:hidden!important}
 body.lvl-print-certificate .lvl-cert-art-sheet{width:202mm!important;height:auto!important;aspect-ratio:1103/1426!important;margin:0!important;border:0!important;box-shadow:none!important;break-after:avoid!important;page-break-after:avoid!important;overflow:hidden!important}
 body.lvl-print-certificate .lvl-cert-art-field{box-shadow:none!important;text-shadow:none!important;filter:none!important}
}