html body #arasCertificates .cert-filters{display:flex;gap:6px;flex-wrap:wrap;padding:6px;border:1px solid #dedfdb;background:#f7f8f5;border-radius:24px;width:max-content;max-width:100%;margin:0 0 24px}
html body #arasCertificates .cert-filters button,html body #arasCertificates .cert-card-bottom a{font-size:12px;font-weight:600;padding:10px 16px;border:1px solid transparent;border-radius:999px;color:#6c777e;background:transparent;cursor:pointer;text-decoration:none;transition:.2s}
html body #arasCertificates .cert-filters button:hover,html body #arasCertificates .cert-filters .is-active,html body #arasCertificates .cert-card-bottom a:hover{color:#e11b25;border-color:rgba(225,27,37,.15);background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,0)),rgba(225,27,37,.075)}
html body #arasCertificates .cert-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
html body #arasCertificates .cert-card{min-width:0;border:1px solid rgba(45,57,70,.1);border-radius:28px;background:#fafbf8;padding:10px;overflow:hidden}
html body #arasCertificates .cert-card[hidden]{display:none}
html body #arasCertificates .cert-image{display:block;width:100%;aspect-ratio:3/4;border:0;border-radius:20px;padding:12px;background:#fff;overflow:hidden;cursor:zoom-in}
html body #arasCertificates .cert-image img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .25s}
html body #arasCertificates .cert-image:hover img{transform:scale(1.02)}
html body #arasCertificates .cert-card-bottom{padding:12px 4px 2px;text-align:center}html body #arasCertificates h2{font-size:15px;font-weight:600;margin:4px 0 10px}
html body #arasCertificates .cert-card-bottom a{display:block;border-color:#e1e3df;font-size:11px}
html body #arasCertificates .cert-dialog{box-sizing:border-box;border:1px solid #dedfdb;border-radius:22px;padding:44px 18px 18px;background:#f7f8f5;width:min(900px,94vw);max-height:94vh}
html body #arasCertificates .cert-dialog::backdrop{background:rgba(23,35,43,.65)}
html body #arasCertificates .cert-dialog img{display:block;width:100%;height:72vh;object-fit:contain}
html body #arasCertificates .cert-dialog a{display:block;text-align:center;color:#c92733;padding-top:12px;font-size:12px}
html body #arasCertificates .cert-close{position:absolute;top:8px;right:12px;background:#fff;border:1px solid #ddd;border-radius:50%;width:30px;height:30px;font-size:22px;cursor:pointer;color:#39434a}
@media(max-width:1000px){html body #arasCertificates .cert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){html body #arasCertificates .cert-grid{grid-template-columns:1fr}html body #arasCertificates .cert-filters button{padding:9px 11px;font-size:11px}}

/* Keep theme button padding and font metrics out of the certificate close control. */
html body #arasCertificates .cert-dialog button.cert-close{box-sizing:border-box!important;appearance:none!important;-webkit-appearance:none!important;display:grid!important;place-items:center!important;position:absolute!important;inset:10px 12px auto auto!important;width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;min-height:36px!important;max-height:36px!important;aspect-ratio:1!important;flex:none!important;margin:0!important;padding:0!important;border:1px solid #dedfdb!important;border-radius:50%!important;background:#fff!important;color:#39434a!important;font-size:0!important;line-height:0!important;letter-spacing:0!important;transform:none!important;box-shadow:none!important;cursor:pointer;transition:background-color .22s ease,border-color .22s ease,color .22s ease}
html body #arasCertificates .cert-dialog button.cert-close::before,html body #arasCertificates .cert-dialog button.cert-close::after{content:""!important;position:absolute!important;inset:50% auto auto 50%!important;width:14px!important;height:1.8px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:currentColor!important;transform:translate(-50%,-50%) rotate(45deg)!important;pointer-events:none!important}
html body #arasCertificates .cert-dialog button.cert-close::after{transform:translate(-50%,-50%) rotate(-45deg)!important}
@media(hover:hover){html body #arasCertificates .cert-dialog button.cert-close:hover{background:#fff3f3!important;border-color:#e11b2533!important;color:#e11b25!important}}
html body #arasCertificates .cert-dialog button.cert-close:focus-visible{outline:2px solid #e11b25!important;outline-offset:3px!important}
@media(prefers-reduced-motion:reduce){html body #arasCertificates .cert-dialog button.cert-close{transition:none!important}}

/* One continuous selection surface, matching the shared header motion. */
html body #arasCertificates .cert-filters{position:relative;isolation:isolate;--cert-selection-ease:cubic-bezier(.4,0,.2,1)}
html body #arasCertificates .cert-filters button{position:relative;z-index:1;transition:color .55s cubic-bezier(.4,0,.2,1),border-color .55s ease,background-color .55s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
html body #arasCertificates .cert-filters.cert-filter-ready button,html body #arasCertificates .cert-filters.cert-filter-ready button:hover,html body #arasCertificates .cert-filters.cert-filter-ready button.is-active{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
html body #arasCertificates .cert-filter-indicator{position:absolute;top:0;left:0;z-index:0;box-sizing:border-box;display:block;pointer-events:none;border:1px solid rgba(225,27,37,.15);border-radius:999px;background:linear-gradient(180deg,#ffffff77,#ffffff00),rgba(225,27,37,.055);box-shadow:inset 0 1px 0 #ffffffe0;transition:transform .95s var(--cert-selection-ease),width .95s var(--cert-selection-ease),height .95s var(--cert-selection-ease)}
html body #arasCertificates .cert-filters.cert-filter-instant .cert-filter-indicator{transition:none}
html body #arasCertificates .cert-filters button:focus-visible{outline:2px solid #e11b2566;outline-offset:2px}
@media(prefers-reduced-motion:reduce){html body #arasCertificates .cert-filter-indicator,html body #arasCertificates .cert-filters button{transition:none!important}}