.cce-cards{width:min(1080px,100%);margin:18px auto 0;padding:0 0 20px;box-sizing:border-box}
.cce-cards-head{text-align:center;margin:0 auto 22px;max-width:760px}
.cce-cards-head h2{margin:0 0 7px;font-size:34px;line-height:1.12;font-weight:900;letter-spacing:-.025em;color:#111}
.cce-cards-head p{margin:0;font-size:14px;line-height:1.5;color:#68746d}
.cce-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cce-card{position:relative;display:flex;align-items:center;gap:12px;min-width:0;min-height:114px;padding:16px 34px 16px 14px;border:1px solid #dfe6e2;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(20,34,27,.045);box-sizing:border-box;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.cce-card:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(20,34,27,.07);text-decoration:none}
.cce-card-icon{flex:0 0 54px;width:54px;height:54px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#eefaf3;position:relative;overflow:hidden}
.cce-file-shape{width:34px;height:40px;border-radius:5px;background:#16a565;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.cce-file-shape:before{content:"";position:absolute;right:0;top:0;width:11px;height:11px;background:rgba(255,255,255,.72);clip-path:polygon(0 0,100% 100%,0 100%);border-radius:0 4px 0 0}
.cce-glyph{position:relative;z-index:2;color:#fff;font-size:8px;font-weight:950;letter-spacing:-.02em;line-height:1;text-align:center}
.cce-card-content{min-width:0;flex:1}
.cce-card h3{font-size:14px;line-height:1.25;font-weight:900;color:#17211c;margin:0 0 6px}
.cce-card p{font-size:11px;line-height:1.45;color:#68746d;margin:0}
.cce-card-arrow{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#00aa5c;font-size:20px;font-weight:500;line-height:1}
.cce-icon-pdf .cce-file-shape{background:#e53935}.cce-icon-doc .cce-file-shape,.cce-icon-docx .cce-file-shape{background:#2878d0}
.cce-icon-xls .cce-file-shape,.cce-icon-xlsx .cce-file-shape,.cce-icon-ods .cce-file-shape,.cce-icon-csv .cce-file-shape{background:#20a45b}
.cce-icon-ppt .cce-file-shape,.cce-icon-pptx .cce-file-shape,.cce-icon-odp .cce-file-shape{background:#e86f22}
.cce-icon-jpg .cce-file-shape,.cce-icon-jpeg .cce-file-shape,.cce-icon-png .cce-file-shape,.cce-icon-webp .cce-file-shape,.cce-icon-gif .cce-file-shape,.cce-icon-bmp .cce-file-shape,.cce-icon-tif .cce-file-shape,.cce-icon-tiff .cce-file-shape,.cce-icon-avif .cce-file-shape,.cce-icon-tga .cce-file-shape{background:#e2a400}
.cce-icon-svg .cce-file-shape{background:#8a4de8}.cce-icon-ico .cce-file-shape{background:#3d8bd8}.cce-icon-psd .cce-file-shape{background:#2d79d7}.cce-icon-ai .cce-file-shape{background:#ef6f19}.cce-icon-eps .cce-file-shape{background:#e75b45}
.cce-icon-rtf .cce-file-shape,.cce-icon-txt .cce-file-shape{background:#16a56b}.cce-icon-html .cce-file-shape{background:#e56d18}.cce-icon-odt .cce-file-shape{background:#7651c9}
@media(max-width:900px){.cce-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){
 .cce-cards{margin-top:26px;padding:0 4px 20px}
 .cce-cards-head h2{font-size:25px}
 .cce-cards-head p{font-size:12px}
 .cce-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .cce-card{min-height:100px;padding:12px 30px 12px 12px;gap:9px;border-radius:12px}
 .cce-card-icon{flex-basis:42px;width:42px;height:42px;border-radius:10px}
 .cce-file-shape{width:28px;height:34px}
 .cce-card h3{font-size:12px}
 .cce-card p{font-size:10px}
 .cce-card-arrow{right:10px;font-size:17px}
}
@media(max-width:380px){.cce-card-grid{grid-template-columns:1fr}.cce-card{padding:13px 31px 13px 13px}}