.certificate-card .certificate-preview-button{appearance:none;-webkit-appearance:none;border:0;background:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;cursor:pointer;min-height:44px}
.certificate-card .certificate-preview-action{margin-top:auto;font-size:16px;line-height:1.75;text-decoration:underline;text-underline-offset:4px}
.certificate-viewer{box-sizing:border-box;width:min(1080px,calc(100vw - 32px));height:min(94vh,1100px);height:min(94dvh,1100px);max-width:none;max-height:94vh;max-height:94dvh;padding:0;border:1px solid #c9c1b4;border-radius:4px;background:#f7f4ed;color:#2c2925;overflow:hidden}
.certificate-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.certificate-viewer::backdrop{background:rgb(20 19 16 / 76%)}
.certificate-viewer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid #d8d0c2}
.certificate-viewer-title{margin:0;font:inherit;font-size:19px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}
.certificate-viewer-close{flex:none;display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:1px solid #b8ad9a;border-radius:2px;background:transparent;color:inherit;font:30px/1 system-ui;cursor:pointer}
.certificate-viewer-stage{position:relative;min-width:0;min-height:0;padding:20px;overflow:auto;overscroll-behavior:contain;text-align:center;background:#e4dfd5;touch-action:pan-x pan-y pinch-zoom}
.certificate-viewer-page{display:block;width:100%;height:auto;max-width:1000px;margin:0 auto;background:#fff;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}
.certificate-viewer-page[hidden],.certificate-viewer [hidden]{display:none!important}
.certificate-viewer-status{padding:28px 8px;font:inherit}
.certificate-viewer-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-top:1px solid #d8d0c2;background:#f7f4ed}
.certificate-viewer-language{display:flex;align-items:center;gap:10px;font-size:14px}
.certificate-viewer-language select{max-width:170px;min-height:44px;border:1px solid #b8ad9a;border-radius:2px;padding:6px 10px;background:#fff;color:inherit;font:inherit}
.certificate-viewer-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-left:auto}
.certificate-viewer-count{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}
.certificate-viewer-step{min-height:44px;padding:8px 14px;border:1px solid #b8ad9a;border-radius:2px;background:#fff;color:inherit;font:inherit;font-size:14px;cursor:pointer}
.certificate-viewer-step:disabled{opacity:.4;cursor:default}
.certificate-viewer :focus-visible{outline:2px solid #665744;outline-offset:3px}
@media(max-width:600px){.certificate-viewer{width:calc(100vw - 16px);height:96vh;height:96dvh;max-height:96vh;max-height:96dvh}.certificate-viewer-header{gap:10px;padding:12px}.certificate-viewer-title{font-size:16px;line-height:1.5}.certificate-viewer-stage{padding:8px}.certificate-viewer-toolbar{gap:10px;padding:10px 12px}.certificate-viewer-language{width:100%;justify-content:space-between}.certificate-viewer-pagination{width:100%;margin-left:0;gap:10px}.certificate-viewer-step{flex:1;padding:8px}.certificate-viewer-count{font-size:13px}}
@media print{.certificate-viewer{display:none!important}}