/* Shared certificate artwork. Safe to load on both the app and public pages. */
.certificate-frame{width:100%;max-width:980px;margin-inline:auto;container-type:inline-size;min-width:0}
.certificate-frame,.certificate-frame *{box-sizing:border-box}
.certificate-frame>.e4a-certificate{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;width:100%;min-width:0;aspect-ratio:297/210;border:2px solid #bfa473;outline:1px solid #e0cba7;outline-offset:-.7em;background:linear-gradient(135deg,#f7edda 0,transparent 20%,transparent 80%,#f7edda 100%),#fffcf5;padding:1.8em 2.65em 1.65em;text-align:center;color:#554563;font-family:'DM Sans','Noto Sans Thai',sans-serif;font-size:16px;font-size:clamp(6px,1.78cqi,17px);line-height:1.55;overflow-wrap:anywhere}
.e4a-cert-brands{display:flex;align-items:center;justify-content:space-between;gap:2em;width:100%;margin:0 0 .35em;text-align:left}
.e4a-certificate .e4a-cert-brand{width:12.6em;max-width:47%;min-width:0;color:#604873;line-height:1.25}
.e4a-cert-brand>img{display:block;width:100%;height:auto;max-height:3.6em;object-fit:contain;object-position:left center}
.e4a-cert-brand>span{display:block;margin:.7em 0 0;font-size:.5em;letter-spacing:.18em;font-weight:500;color:#715e78}
.e4a-cert-issuer{display:flex;align-items:center;gap:.85em;min-width:0}.e4a-cert-issuer-mark{display:block;flex-shrink:0;width:3.8em;height:3.8em;padding:.35em;border-radius:50%;background:#312737;border:1px solid #b99b60;overflow:hidden}.e4a-cert-issuer-mark>img{display:block;width:100%;height:100%;object-fit:contain}
.e4a-cert-issuer>span:last-child{display:flex;flex-direction:column;gap:.4em}.e4a-cert-issuer small{font-size:.52em;letter-spacing:.18em;color:#876b3d}.e4a-cert-issuer strong{font-size:.93em;font-weight:600;color:#604873;white-space:nowrap}
.e4a-cert-rule{width:100%;height:1px;background:linear-gradient(90deg,transparent,#bda06d 20%,#bda06d 80%,transparent);margin:.9em auto 1em}
.e4a-certificate .e4a-cert-caption{font-family:'DM Sans',sans-serif;font-size:.6em;letter-spacing:.19em;color:#876b3d;line-height:1.5;margin:0}
.e4a-certificate .e4a-cert-title{font-family:Georgia,'Times New Roman',serif;font-size:1.82em;font-weight:400;line-height:1.3;color:#604873;margin:.38em 0 .5em;letter-spacing:-.025em}
.e4a-certificate .e4a-cert-intro,.e4a-certificate .e4a-cert-description,.e4a-certificate .e4a-cert-assessment{font-size:.85em;line-height:1.6;color:#695c70;margin:.18em 0}
.e4a-certificate .e4a-cert-name{font-family:'Noto Sans Thai','DM Sans',sans-serif;font-size:2.08em;font-weight:600;color:#604273;line-height:1.5;margin:.3em 0;overflow-wrap:anywhere}
.e4a-certificate .e4a-cert-programme{font-size:1.04em;font-weight:600;line-height:1.6;color:#554563;margin:.15em 0}
.e4a-certificate .e4a-cert-level{font-size:1.02em;font-weight:400;line-height:1.6;margin:.18em 0;color:#604873}.e4a-cert-level>strong{font-weight:600}
.e4a-cert-seal{display:flex;justify-content:center;align-items:center;gap:.65em;color:#9c7a3e;margin:.7em 0 .65em}
.e4a-cert-seal>.icon{width:2.65em;height:2.65em;flex-shrink:0;stroke-width:1.5}.e4a-cert-seal>span{font-family:'DM Sans',sans-serif;font-size:.51em;letter-spacing:.16em;text-align:left;line-height:1.8}
.e4a-cert-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1em;margin:.4em 0 .9em;color:#75677b}
.e4a-cert-details>div{min-width:0}.e4a-cert-details dt{font-size:.73em;line-height:1.5}.e4a-cert-details dd{font-size:.93em;font-weight:500;line-height:1.6;margin:.27em 0 0;color:#56415f}.e4a-cert-details dd>small{display:block;font-size:.64em;font-weight:400;color:#75677b}
.e4a-cert-verification{border-top:1px solid #ddceb6;padding-top:.75em;font-size:.7em;line-height:1.85;color:#6a5b70;overflow-wrap:anywhere}.e4a-cert-verification>a{color:#604273;text-decoration:underline;text-underline-offset:.18em}
.e4a-certificate .e4a-cert-disclaimer{margin:.8em 0 0;font-size:.61em;line-height:1.7;color:#756a7b}
.e4a-cert-watermark{position:absolute;z-index:-1;top:44%;left:5%;width:90%;transform:rotate(-16deg);font-family:'DM Sans',sans-serif;font-size:7em;font-weight:700;line-height:1;color:#685279;opacity:.1;letter-spacing:.06em;pointer-events:none}
.e4a-certificate .e4a-cert-sample-note{margin:.65em 0 0;font-size:.69em;line-height:1.65;font-weight:600;color:#755a33}
.certificate-preview{width:100%;max-width:570px;min-width:0;margin:0 auto;text-align:center}.certificate-preview .certificate-frame{filter:drop-shadow(0 10px 18px #4c354311)}.certificate-preview>figcaption{font-family:'Noto Sans Thai',sans-serif;font-size:13px;line-height:1.8;color:#665c6c;margin:18px 0 5px}.certificate-preview .e4a-cert-preview-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:7px 3px;color:#5c447a;font-size:15px;font-weight:500;line-height:1.7;text-decoration:underline;text-underline-offset:4px}.e4a-cert-preview-link:focus-visible{outline:3px solid #6550c8;outline-offset:4px}.e4a-cert-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.e4a-cert-invalid{padding:24px;border:1px solid #b66060;border-radius:12px;color:#913b3b;background:#fff4f4;font:16px/1.8 'Noto Sans Thai',sans-serif}
dialog.certificate-modal{max-width:1000px;width:calc(100% - 32px);padding:34px 24px 24px}dialog.certificate-modal>.button-row{margin-top:20px}
@media(max-width:600px){dialog.certificate-modal{width:calc(100% - 16px);padding:35px 8px 14px}.certificate-preview>figcaption{font-size:12px}.certificate-preview .e4a-cert-preview-link{font-size:14px}}
@page e4a-issued-certificate{size:A4 landscape;margin:12mm}
@media print{
  dialog:not([open]){display:none!important}
  html:has(#modal[open].certificate-modal [data-certificate-kind="issued"]){page:e4a-issued-certificate}
  body:has(#modal[open].certificate-modal [data-certificate-kind="issued"]){page:e4a-issued-certificate;background:white!important}
  body:has(#modal[open].certificate-modal [data-certificate-kind="issued"])>*:not(#modal){display:none!important}
  dialog#modal[open].certificate-modal:has([data-certificate-kind="issued"]){display:block!important;position:static!important;page:e4a-issued-certificate;max-width:none!important;width:273mm!important;max-height:none!important;height:auto!important;overflow:visible!important;border:0!important;padding:0!important;margin:0!important;box-shadow:none!important}
  dialog#modal[open].certificate-modal::backdrop{display:none!important;background:transparent!important}
  dialog#modal[open].certificate-modal>.modal-close,dialog#modal[open].certificate-modal>.no-print{display:none!important}
  dialog#modal[open].certificate-modal>.certificate-frame{page:e4a-issued-certificate;width:273mm;max-width:none;container-type:normal}
  dialog#modal[open].certificate-modal .e4a-certificate[data-certificate-kind="issued"]{page:e4a-issued-certificate;aspect-ratio:auto;min-height:180mm;font-size:14px;padding:8mm 13mm;break-inside:avoid;break-after:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .e4a-certificate-sample{-webkit-print-color-adjust:exact;print-color-adjust:exact;break-inside:avoid}.e4a-cert-sample-note,.e4a-cert-watermark{display:block!important}.certificate-preview .e4a-cert-preview-link{display:none}
}