:root{--ink:#333;--muted:#6b6b6b;--line:#d4d4d4;--blue:#2e83b2;--deep:#0c2850;--bg:#f1f1f1}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--bg);font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.55}.page-shell{width:100%;max-width:488px;margin:0 auto;border-left:1px solid #ddd;border-right:1px solid #ddd;min-height:100vh}.brand-bar{height:84px;display:flex;align-items:center;padding:0 30px;border-bottom:1px solid #d9d9d9;background:#f4f4f4}.brand-logo{display:block;width:220px;height:auto;max-width:100%;object-fit:contain}.document-card{margin:24px 15px 0;border:1px solid #bdbdbd;border-radius:4px;background:#fff;overflow:hidden;box-shadow:0 1px 1px #ddd}.document-intro{padding:33px 27px 32px}.eyebrow{font-size:18px;font-weight:700;color:#14628c;margin:0 0 11px}.document-intro h1{font-size:33px;line-height:1.07;letter-spacing:-1.3px;margin:0 0 18px;font-weight:800}.subtitle{font-size:19px;color:#686868;margin:0 0 11px}.institution{font-size:18px;font-weight:700;margin:0}.verified-strip{display:flex;align-items:center;gap:19px;padding:24px 30px;background:#e7f5ff;border-top:1px solid #acd5ea;border-bottom:1px solid #d0e5ef}.shield{width:34px;height:39px;clip-path:polygon(50% 0,100% 23%,89% 78%,50% 100%,11% 78%,0 23%);background:#23698e;display:grid;place-items:center;color:white;font-size:25px;font-weight:700}.verified-title{font-size:19px;font-weight:700;color:#166087;margin:0 0 2px}.code{font-size:17px;color:#166087;margin:0;font-family:monospace}.code strong{font-weight:400;letter-spacing:.4px}.signed-panel{display:grid;grid-template-columns:24px 1fr;gap:19px;padding:25px 27px 29px;border-bottom:1px solid #ddd}.signed-icon{font-size:29px;line-height:1;color:#2a85b7}.signed-panel h2{font-size:21px;line-height:1.22;margin:0 0 11px;font-weight:800}.signed-panel p{font-size:18px;line-height:1.72;color:#666;margin:0 0 9px}.signed-panel p:last-child{margin-bottom:0}.notice-panel{display:grid;grid-template-columns:28px 1fr;gap:17px;padding:27px 27px 26px;background:#fff7e8;border-bottom:1px solid #edd9b0}.warning-icon{font-size:24px;color:#8a5d0d;line-height:1.3}.notice-panel p{font-size:18px;line-height:1.67;color:#666;margin:0}.notice-panel a{color:inherit;font-weight:700;text-decoration:underline}.action-panel{padding:27px 25px;border-bottom:1px solid #ddd}.primary-button{width:100%;border:0;border-radius:4px;background:#2f83b1;color:white;padding:17px 16px;font-size:18px;font-weight:700;cursor:pointer}.primary-button:hover{background:#266f98}.primary-button span{margin-right:8px}.signers-section{padding:27px 25px 0}.section-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:24px}.section-heading h2{font-size:21px;margin:0 0 4px}.section-heading p{font-size:17px;color:#666;margin:0;line-height:1.52}.count-badge{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:50%;background:#e7f5ff;color:#2476a4;font-weight:700;font-size:18px}.signer-card{position:relative;display:grid;grid-template-columns:41px 44px 1fr;column-gap:14px;align-items:start;border:1px solid #d4d4d4;border-radius:4px;padding:18px 14px 45px;margin-bottom:36px}.page-number{display:flex;flex-direction:column;gap:1px;padding-top:35px}.page-number strong{font-size:20px}.page-number span{font-size:14px;color:#666}.avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;margin-top:38px;border:1px solid #ccc}.signer-details h3{font-size:18px;margin:0 0 4px}.signer-details p{font-size:16px;line-height:1.58;color:#666;margin:0 0 10px}.signer-details time{font-size:15px;color:#666}.signed-check{position:absolute;left:36px;bottom:11px;color:#2e83b2;font-size:32px;line-height:1}.server-meta{border-top:1px solid #ddd;margin:0 -25px;padding:18px 25px 20px}.server-meta p{font:15px/1.9 monospace;color:#666;margin:0}.server-meta a{display:inline-block;font-size:15px;color:#ad3c34;font-weight:700;text-decoration:none;margin-top:2px}.site-footer{padding:26px 25px 0}.legal{font-size:15px;line-height:1.62;color:#666;margin:0 0 28px}.partner-row{display:flex;align-items:center;gap:15px;color:#666;font-size:15px;margin-bottom:35px}.bsre-logo{display:flex;align-items:center;gap:6px;color:#13a3dc;font-size:10px;line-height:1.05}.bsre-ring{display:grid;place-items:center;border:2px solid #13a3dc;border-radius:50%;width:31px;height:31px;font-size:19px}.footer-bottom{border-top:1px solid #d9d9d9;margin:0 -25px;padding:19px 25px 20px}.footer-bottom p{font:13px/1.5 monospace;color:#666;margin:0 0 16px}.uns-logo{display:flex;align-items:center;gap:5px;color:#bbb;font-size:33px;line-height:.8}.uns-logo span{font-size:13px;line-height:1}.uns-logo small{font-size:6px;letter-spacing:.2px}.toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%,20px);padding:11px 16px;border-radius:5px;background:#14375b;color:#fff;font-size:14px;opacity:0;pointer-events:none;transition:.25s ease;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-open{overflow:hidden}.pdf-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(0,0,0,.52);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.pdf-backdrop.is-open{opacity:1;visibility:visible}.pdf-modal{display:flex;flex-direction:column;width:min(720px,100%);height:min(88vh,780px);overflow:hidden;background:#fff;border-radius:3px;box-shadow:0 16px 45px rgba(0,0,0,.35);transform:translateY(10px);transition:transform .2s ease}.pdf-backdrop.is-open .pdf-modal{transform:translateY(0)}.pdf-modal-header{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:0 12px 0 14px;border-bottom:1px solid #d7d7d7;background:#fff}.pdf-modal-header h2{font-size:14px;margin:0;font-weight:700;color:#333}.pdf-close{width:28px;height:28px;padding:0;border:0;background:transparent;color:#555;font-size:21px;line-height:1;cursor:pointer}.pdf-close:hover{color:#111}.pdf-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:34px;padding:0 10px;background:#31343a;color:#f5f5f5;font-size:12px}.pdf-zoom{display:flex;align-items:center;gap:8px}.pdf-zoom button{width:25px;height:24px;padding:0;border:1px solid #666;border-radius:3px;background:#464a50;color:#fff;font-size:17px;line-height:1;cursor:pointer}.pdf-zoom button:hover{background:#5c626a}.pdf-canvas-wrap{flex:1;min-height:0;overflow:auto;padding:14px;background:#5e6063}.pdf-page{display:block;max-width:none;margin:0 auto 14px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.35)}.pdf-status,.pdf-error{margin:80px auto;color:#fff;text-align:center;font-size:15px}.pdf-error a{color:#fff;font-weight:700}.pdf-modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:9px;padding:8px 10px;border-top:1px solid #d7d7d7;background:#fff}.pdf-open-new,.pdf-close-button{border:1px solid #c7c7c7;border-radius:3px;padding:7px 11px;font:700 12px Arial,sans-serif;text-decoration:none;cursor:pointer}.pdf-open-new{color:#333;background:#fff}.pdf-close-button{color:#fff;background:#2f83b1;border-color:#2f83b1}.pdf-open-new:hover{background:#f2f2f2}.pdf-close-button:hover{background:#266f98;border-color:#266f98}@media(max-width:380px){.pdf-backdrop{padding:10px}.pdf-modal{height:calc(100vh - 20px);width:100%}.pdf-modal-footer{padding:8px}.pdf-open-new,.pdf-close-button{padding:8px 10px;font-size:11px}}@media(min-width:600px){body{padding:0 0 30px}.page-shell{margin-top:0}}@media(max-width:380px){.document-intro h1{font-size:29px}.signed-panel p,.notice-panel p{font-size:16px}.document-intro{padding-left:22px;padding-right:22px}.signers-section{padding-left:20px;padding-right:20px}.server-meta{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}}