.certificate .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.certificate .wrap>div{width:auto;padding:25px}.certificate .cert-open{display:block;width:100%;border:0;padding:0;background:transparent;cursor:zoom-in}.certificate .cert-open img{display:block;width:100%;height:auto;aspect-ratio:600/845;object-fit:contain}.certificate .cert-caption{font-size:17px;text-align:center;line-height:1.6;margin-top:20px;color:#222}.certificate .cert-hint{display:block;font-size:14px;margin-top:8px;color:#626262}.cert-open:focus-visible{outline:3px solid #147db0;outline-offset:5px}#cert-viewer{width:min(1050px,96vw);height:min(96vh,1300px);max-width:96vw;max-height:96vh;padding:0;border:0;border-radius:8px;background:#edf0f2;overflow:hidden}#cert-viewer::backdrop{background:rgba(0,0,0,.8)}.cert-toolbar{height:auto;min-height:64px;padding:12px 18px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:white;border-bottom:1px solid #d4d9dd}.cert-toolbar h2{font-size:17px;line-height:1.5;flex:1;margin:0}.cert-toolbar button,.cert-toolbar a{font-size:15px;border:1px solid #ccd2d6;padding:8px 12px;border-radius:4px;background:white;color:#222;cursor:pointer;white-space:nowrap}.cert-toolbar button:focus-visible,.cert-toolbar a:focus-visible{outline:3px solid #147db0}.cert-stage{height:calc(100% - 78px);overflow:auto;padding:16px;text-align:center;overscroll-behavior:contain}.cert-stage img{display:block;margin:auto;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;cursor:zoom-in}.cert-stage.is-zoomed img{width:150%;max-width:none;max-height:none;height:auto;cursor:zoom-out}.cert-stage.is-zoomed{text-align:left}@media(max-width:768px){.certificate .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.certificate .wrap>div{padding:15px}.cert-toolbar{gap:8px;padding:10px}.cert-toolbar h2{flex-basis:100%;font-size:16px}.cert-stage{height:calc(100% - 110px)}}@media(max-width:480px){.certificate .wrap{grid-template-columns:1fr}}