.sf-certificates{border-top:1px solid #d6dfcd;border-bottom:1px solid #d6dfcd}
.sf-cert-modal{width:min(1000px,calc(100vw - 40px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #c5d3b8;border-radius:12px;background:#fafbf7;color:#20392f;overflow:auto}
.sf-cert-modal::backdrop{background:#10251da6;backdrop-filter:blur(5px)}
.sf-cert-modal-head{display:flex;justify-content:space-between;gap:20px;padding:25px 30px;background:#fafbf7;border-bottom:1px solid #d6dfcd}
.sf-cert-modal-head h2{font-size:30px!important;line-height:1.25}
.sf-cert-modal-head p{font-size:13px;color:#52664b;margin:4px 0}
.sf-cert-modal-head>button{align-self:flex-start;border:1px solid #c5d1bc;border-radius:6px;background:#edf1e7;width:42px;height:42px;flex-shrink:0;font-size:28px;line-height:1}
.sf-cert-modal-meta{padding:24px 30px;font-size:15px;display:flex;flex-wrap:wrap;gap:10px 30px}
.sf-cert-modal-meta>p{width:100%;line-height:1.65}
.sf-cert-modal-meta .sf-button{font-size:15px;min-height:46px;padding:10px 16px}
.sf-cert-pages{display:flex;flex-direction:column;gap:24px;padding:24px 30px 30px;background:#e4eadd}
.sf-cert-pages>img{width:100%;height:auto;object-fit:contain}
@media(max-width:500px){.sf-cert-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.sf-cert-modal-head{padding:20px}.sf-cert-modal-head h2{font-size:25px!important}.sf-cert-modal-meta{padding:20px;font-size:15px}.sf-cert-pages{padding:12px;gap:12px}}