.nce-certificates,.nce-certificates *{box-sizing:border-box}
.nce-certificates{padding:80px 0 0;margin:0;background:#fff;color:#202320;font-family:Onest,Arial,sans-serif}
.nce-certificates [hidden]{display:none!important}
.nce-certificates .nce-container{width:calc(100% - 48px);max-width:1280px;margin:auto}
.nce-certificates .nce-label{display:inline-flex;align-items:center;min-height:42px;margin-bottom:28px;padding:10px 20px;border:1px solid #dfb66c;border-radius:30px;font-size:12px;line-height:20px;letter-spacing:1px;text-transform:uppercase}
.nce-certificates .nce-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;margin-bottom:48px}
.nce-certificates .nce-title{display:block;max-width:800px;font-size:36px;font-weight:600;line-height:1.22;letter-spacing:-.8px;text-transform:uppercase;word-break:normal;overflow-wrap:normal;hyphens:none}
.nce-certificates .nce-all{flex-shrink:0;min-height:48px;padding:14px 24px;border:0;border-radius:4px;background:#eef3f9;color:inherit;font:400 14px/20px Onest,Arial,sans-serif;text-transform:uppercase;cursor:pointer}
.nce-certificates .nce-all:hover{background:#e3ebf4}
.nce-certificates .nce-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.nce-certificates .nce-card{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;min-height:580px;overflow:hidden;padding:28px 32px 36px;border:0;border-radius:8px;background:#eef3f9;box-shadow:none}
.nce-certificates .nce-preview{position:absolute;top:28px;left:32px;right:32px;z-index:-2;height:340px;overflow:hidden;pointer-events:none}
.nce-certificates .nce-image{display:block;width:100%;height:auto;margin:0;border:0;border-radius:0}
.nce-certificates .nce-card::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(238,243,249,0) 12%,rgba(238,243,249,.3) 25%,rgba(238,243,249,.94) 43%,#eef3f9 51%,#eef3f9)}
.nce-certificates .nce-content{padding-top:248px;margin-bottom:32px}
.nce-certificates .nce-card-title{display:block;margin-bottom:12px;font-size:16px;font-weight:600;line-height:1.4}
.nce-certificates .nce-line{margin:0 0 10px;font-size:16px;font-weight:400;line-height:1.4}
.nce-certificates .nce-description{display:none}
.nce-certificates .nce-button{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;gap:8px;max-width:100%;min-height:44px;margin-top:auto;padding:12px 20px;border:0;border-radius:4px;background:#1b9d3e;color:#fff;font:400 14px/18px Onest,Arial,sans-serif;text-align:center;text-transform:uppercase;cursor:pointer}
.nce-certificates .nce-button:hover{background:#168233}
.nce-certificates .nce-arrow{display:block;flex:0 0 14px;width:14px;height:14px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2 2L14 14M4 14H14V4' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.nce-certificates .nce-request{display:none!important;margin-top:24px;color:#168233;text-decoration:underline;text-underline-offset:4px;font-size:14px}
.nce-certificates button:focus:not(:focus-visible),.nce-certificates a:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}
.nce-certificates button:focus-visible,.nce-certificates a:focus-visible{outline:2px solid #395744!important;outline-offset:4px;box-shadow:none!important}
/* Диалог создаётся отдельно от карточек, поэтому его содержимое не дублируется в редакторе. */
.nce-dialog,.nce-dialog *{box-sizing:border-box}
.nce-dialog{position:fixed;inset:0;width:min(1200px,calc(100% - 48px));max-width:none;max-height:calc(100dvh - 48px);margin:auto;padding:0;overflow:auto;border:0;border-radius:8px;background:#fff;color:#202320;font:400 16px/1.4 Onest,Arial,sans-serif;outline:none}
.nce-dialog::backdrop{background:rgba(12,22,17,.75)}
.nce-dialog .nce-close{position:absolute;top:12px;right:12px;z-index:2;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#fff;color:#202320;font-size:28px;line-height:1;cursor:pointer;box-shadow:none}
.nce-dialog .nce-modal-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.nce-dialog .nce-document{padding:32px;background:#eef3f9}
.nce-dialog .nce-large-image{display:block;width:100%;height:auto;border:0}
.nce-dialog .nce-modal-copy{min-width:0;padding:72px 32px 40px;overflow-wrap:anywhere}
.nce-dialog .nce-modal-title{margin:0 0 24px;font:600 24px/1.25 Onest,Arial,sans-serif;color:inherit}
.nce-dialog .nce-modal-line{margin:0 0 12px;font:400 16px/1.4 Onest,Arial,sans-serif;color:inherit}
.nce-dialog .nce-modal-description{margin-top:24px;white-space:pre-line}
.nce-dialog .nce-original{display:none!important;margin-top:20px;color:#168233;font-size:14px;text-decoration:underline}
.nce-dialog button:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}
.nce-dialog :focus-visible{outline:2px solid #395744!important;outline-offset:4px}
@media(max-width:1100px){.nce-certificates .nce-heading{flex-direction:column;gap:24px}.nce-certificates .nce-grid{gap:20px}.nce-certificates .nce-card{padding-left:22px;padding-right:22px}.nce-certificates .nce-preview{left:22px;right:22px}.nce-certificates .nce-title{font-size:30px}}
@media(max-width:900px){.nce-certificates .nce-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.nce-certificates .nce-container{width:calc(100% - 32px)}.nce-certificates .nce-title{font-size:30px!important;line-height:1.2!important;letter-spacing:-.5px}.nce-certificates .nce-heading{margin-bottom:28px}.nce-certificates .nce-grid{grid-template-columns:1fr;gap:16px}.nce-certificates .nce-card{min-height:560px;padding:28px 28px 32px}.nce-certificates .nce-preview{left:28px;right:28px}.nce-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.nce-dialog .nce-modal-layout{grid-template-columns:1fr}.nce-dialog .nce-document{padding:60px 20px 24px}.nce-dialog .nce-modal-copy{padding:28px 24px}}
@media(max-width:389px){.nce-certificates .nce-title{font-size:25px!important}}
