:root{color-scheme:light}
*{box-sizing:border-box}
html{background:#fff}
body{margin:0;background:#fff;color:#17201f;font-family:Arial,Helvetica,sans-serif}
.certificates-page{width:min(100% - 2rem,68rem);margin:0 auto;padding:1.5rem 0 5rem}
.certificates-back{display:inline-block;color:#425b5b;text-decoration:none;font-size:.9rem}
.certificates-back:hover{color:#087e8b}
.certificates-heading{padding:4rem 0 2.5rem;border-bottom:1px solid #dfe6e4}
.certificates-heading p{margin:0 0 .75rem;color:#56706d;font-size:.72rem;letter-spacing:.16em}
.certificates-heading h1{margin:0;color:#17201f;font-size:clamp(2.2rem,6vw,4.5rem);font-weight:500;letter-spacing:-.05em}
.certificates-heading>span{display:inline-block;margin-top:1rem;color:#667472;font-size:.9rem}
.certificates-list{padding-top:1rem}
.certificate{padding:2.75rem 0 3rem;border-bottom:1px solid #dfe6e4}
.certificate__heading{display:flex;align-items:center;gap:1rem;margin:0 0 1rem}
.certificate__number{display:grid;place-items:center;flex:none;width:2.5rem;height:2.5rem;border:1px solid #d4dfdc;border-radius:50%;color:#087e8b;font-size:.8rem}
.certificate h2{margin:0;font-size:clamp(1.05rem,2.6vw,1.5rem);font-weight:500;line-height:1.3}
.certificate__page{margin:0 auto .5rem;background:#fff}
.certificate__page a{display:block;line-height:0;background:#fff}
.certificate__page img{display:block;width:100%;height:auto;margin:0 auto;background:#fff}
@media(max-width:650px){.certificates-page{width:min(100% - 1.25rem,68rem);padding-top:1rem}.certificates-heading{padding:3.25rem 0 2rem}.certificate{padding:2rem 0}}