*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;height:100dvh}body{display:flex;flex-direction:column;background:#1c1009;color:#f8ead7;font-family:Tahoma,Arial,sans-serif}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;flex:none}h1{font-size:18px;margin:0}a{color:inherit;text-decoration:none;border:1px solid #86623e;border-radius:10px;padding:10px 14px;font-size:13px}a:focus-visible{outline:3px solid #efc383;outline-offset:3px}main{flex:1;min-height:0;display:flex;justify-content:center;align-items:center;padding:0 16px 16px}main img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}@media(max-width:600px){header{padding:10px;gap:8px;flex-wrap:wrap}h1{order:-1;width:100%;text-align:center;font-size:16px}a{font-size:12px;padding:9px 11px}main{padding:0 8px 8px}}
figure{margin:0;display:flex;flex-direction:column;width:100%;height:100%;min-height:0;max-width:1300px;padding:14px;background:#352016;border:2px solid #755035;border-radius:16px;box-shadow:0 10px 35px #0005}
figcaption{flex:none;padding:2px 8px 14px;color:#f1d6b1;text-align:center;font-size:clamp(15px,2vw,22px);font-weight:bold}
.certificateImage{flex:1;min-height:0;overflow:hidden}
@media(max-width:600px){figure{padding:8px;border-radius:12px}figcaption{padding:3px 3px 10px;font-size:15px}}