:root{background:#f5f7fa;color:#233d50}header a{max-width:1320px}main{max-width:1320px;margin:30px auto;padding:0 26px}h1{font-size:clamp(26px,3.2vw,34px);font-weight:650;margin-bottom:8px}main>p:first-of-type{font-size:14px;margin:0 0 24px}.search-panel{max-width:720px;margin:24px auto 30px}.search-panel label{font-size:13px;font-weight:600;color:#587184}.search-panel .entry{gap:0}.search-panel input{border-radius:5px 0 0 5px;background:white;padding:12px 15px}.search-panel button{border-radius:0 5px 5px 0;min-width:104px;background:#0b5279}.result{margin-top:0}.certificate-results-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start}.participant-panel,.certificates-panel{background:white;border:1px solid #d4dfe7;border-radius:5px;overflow:hidden}.participant-panel{border-top:3px solid #0b5279}.certificates-panel{border-top:3px solid #c77b22}.box-heading,.certificates-heading{padding:13px 18px;margin:0;border-bottom:1px solid #d9e2e9;background:#fafbfc}.result .box-heading,.certificates-heading h2{font-size:16px;font-weight:600;margin:0}.certificates-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.certificates-heading span{background:#314e62;color:white;font-size:11px;line-height:1.5;border-radius:3px;padding:3px 7px;white-space:nowrap}.participant-summary{padding:23px 14px 0;text-align:center}.participant-summary+.participant-summary{border-top:1px solid #d9e2e9}.graduate-icon{color:#24435a;margin:0 auto 13px;width:72px;height:72px}.graduate-icon svg{width:100%;height:100%}.participant-summary h3{font-size:17px;font-weight:600;line-height:1.5;margin:0 0 23px;text-transform:uppercase;overflow-wrap:anywhere}.result .participant-identifiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:0;margin:0 -14px;border-top:1px solid #e3eaf0}.participant-identifiers>div{display:flex;flex-direction:column-reverse;padding:18px 9px;min-width:0}.participant-identifiers>div+div{border-left:1px solid #e3eaf0}.result .participant-identifiers dt{font-size:10px;line-height:1.6;font-weight:400;text-transform:uppercase;color:#667e8e;margin-top:6px}.result .participant-identifiers dd{font-size:12px;font-weight:750;overflow-wrap:anywhere;margin:0}.certificates-panel .table-wrap{margin:0}.certificates-panel table{min-width:630px;font-size:13px}.certificates-panel th{padding:17px 14px;text-align:center;font-weight:700;font-size:12px;background:#f9fbfc}.certificates-panel td{padding:18px 14px;vertical-align:middle;text-align:center;border-color:#e4ebf0}.certificates-panel td:first-child{text-align:left;text-transform:uppercase;width:46%;line-height:1.6}.certificates-panel td small{display:block;font-size:10px;color:#687e8e;margin-top:8px;text-transform:none}.certificates-panel tbody tr:last-child td{border-bottom:0}.view-certificate{display:inline-block;background:#c77b22;color:white!important;text-decoration:none;padding:9px 12px;border-radius:3px;font-size:11px;white-space:nowrap}.view-certificate:hover{background:#a96313}.certificate-status{font-size:11px;text-transform:capitalize}.certificates-panel .pager{border-top:1px solid #e3eaf0;padding:14px;margin:0}.certificate-detail{margin-top:24px}.certificate-detail h2{font-size:21px}.note{font-size:12px;padding:11px 14px;margin-top:24px}footer{border-top:1px solid #d9e2e9;color:#697f8f;display:flex;justify-content:space-between;gap:15px;padding:20px 0;font-size:12px;margin-top:30px}footer a{color:#42647a}.error{padding:20px;background:#fff4f2;border:1px solid #f0d0c9;border-radius:5px}
@media(max-width:760px){main{margin:24px auto;padding:0 15px}.certificate-results-layout{grid-template-columns:1fr}.search-panel .entry{display:flex}.search-panel .entry button{width:auto;margin:0;min-width:87px;padding:12px}.participant-summary{padding-top:18px}.participant-summary h3{margin-bottom:16px}.graduate-icon{width:60px;height:60px}.certificates-panel .table-wrap{overflow:auto}.certificates-heading{padding:13px 14px}footer{flex-direction:column;gap:7px}.result .certificate-detail dl{grid-template-columns:1fr}.search-panel label{font-size:12px}.search-panel input{font-size:14px}.participant-identifiers>div{padding:14px}.panel{padding:20px}}

.certificate-view main>h1,.certificate-view main>p,.certificate-view .search-panel,.certificate-view main>footer{display:none}.certificate-view main{margin:24px auto}.certificate-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.certificate-toolbar a{color:#0b5279;text-decoration:none;font-weight:650}.certificate-toolbar .download-certificate{background:#c77b22;color:#fff;padding:12px 20px;border-radius:5px}.certificate-document{display:block;width:100%;border:0;background:white}.certificate-document:is(iframe){height:78vh;min-height:480px}.certificate-document:is(img){height:auto;box-shadow:0 5px 20px #1537521a}.document-loading{text-align:center;padding:32px}@media(max-width:600px){.certificate-toolbar{align-items:stretch;flex-direction:column;font-size:14px}.download-certificate{text-align:center}.certificate-document:is(iframe){min-height:420px;height:70vh}}

.certificate-viewer{max-width:1000px;margin:0 auto}.document-container{max-width:900px;margin:0 auto}.certificate-document:is(img){width:auto;max-width:100%;max-height:70vh;margin:0 auto;object-fit:contain}.certificate-document:is(iframe){height:70vh;min-height:420px}@media(max-width:600px){.document-container{width:94%}.certificate-document:is(iframe){min-height:360px;height:65vh}}