.certificate-trigger{background:transparent;border:1px solid #b9c2ba;color:var(--ink);cursor:pointer}.certificate-trigger b{margin-left:14px;color:var(--accent)}
.certificate-modal{width:min(92vw,720px);max-width:720px;max-height:90vh;padding:0;border:0;border-radius:8px;background:#f7f8f3;color:var(--ink);box-shadow:0 24px 80px #14272266;overflow:hidden}.certificate-modal::backdrop{background:#18221e99}.certificate-modal-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 20px;border-bottom:1px solid var(--line)}.certificate-modal-head h2{margin:0;font-size:16px}.certificate-modal-head button{padding:7px 10px;border:1px solid #c5cec5;border-radius:4px;background:#fff;color:var(--ink);cursor:pointer}.certificate-modal-head button:focus-visible,.certificate-trigger:focus-visible{outline:3px solid #f0bb6e;outline-offset:3px}.certificate-modal-body{max-height:calc(90vh - 62px);overflow:auto;padding:16px;text-align:center;background:#eef2eb}.certificate-modal-body img{display:block;width:auto;height:auto;max-width:100%;margin:0 auto}.certificate-modal[open]{animation:certificate-in .18s ease-out}@keyframes certificate-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.certificate-modal{width:92vw;max-height:88vh}.certificate-modal-body{max-height:calc(88vh - 62px);padding:10px}.certificate-modal-head{padding:12px 14px}.certificate-modal-head h2{font-size:14px}}
@media(prefers-reduced-motion:reduce){.certificate-modal[open]{animation:none}}