/* Project reader and credential viewer: same palette, typography and glass language. */
#project-dialog{width:min(1120px,calc(100vw - 32px));max-height:92svh;color:#172D49;background:#F4F7FC;overflow:auto;scroll-behavior:smooth}
#project-dialog>.dialog-close{position:sticky;top:14px;z-index:8;margin:14px 14px 0 0}
.reader-top{position:sticky;top:0;z-index:5;min-height:72px;padding:17px 76px 17px 28px;background:rgba(244,247,252,.96);backdrop-filter:blur(20px);border-bottom:1px solid #CAD7E8;display:flex;align-items:center;justify-content:space-between;gap:16px}
.reader-top .project-kicker{color:#50647F;font-size:11px;margin:0}.reader-top button,.reader-top a{font-size:13px;color:#172D49;border:1px solid #CAD7E8;background:#E5EDF8;border-radius:10px;min-height:38px;padding:7px 12px;display:inline-flex;align-items:center;gap:8px}
.reader-shell{display:grid;grid-template-columns:170px minmax(0,1fr);gap:32px;padding:30px}
.reader-nav{align-self:start;position:sticky;top:102px;display:flex;flex-direction:column;gap:8px}.reader-nav small{font-size:11px;color:#50647F;letter-spacing:1px;margin-bottom:8px}.reader-nav button{border:0;border-left:2px solid #CAD7E8;background:none;text-align:left;color:#50647F;font-size:13px;padding:10px 12px;border-radius:0 10px 10px 0}.reader-nav button:hover,.reader-nav button[aria-current]{color:#1D4ED8;background:#E5EDF8;border-left-color:#2563EB}
.reader-main{min-width:0}.reader-main h2{font-size:clamp(28px,4vw,43px);line-height:1.16;letter-spacing:-1.4px;margin:10px 0 14px;color:#172D49}.reader-main h3{font-size:23px;letter-spacing:-.5px;line-height:1.3;margin:0 0 16px;color:#172D49}.reader-main p,.reader-main li{color:#50647F;font-size:15px;line-height:1.85}.reader-main .reader-lead{font-size:17px;line-height:1.7}.reader-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#50647F;margin:18px 0}.reader-meta span{padding:5px 10px;border:1px solid #CAD7E8;border-radius:8px;background:#E5EDF8}
.reader-section{padding:32px 0;border-top:1px solid #CAD7E8;scroll-margin-top:98px}.reader-section:first-child{border:0;padding-top:0}.reader-section>.project-kicker{display:block;font-size:11px;letter-spacing:1px;color:#50647F;margin-bottom:10px}.reader-main .feature-metrics{border:1px solid #CAD7E8;background:#E5EDF8;border-radius:18px;padding:20px;margin:24px 0}.reader-main .feature-metrics strong{color:#2563EB;font-size:30px}.reader-main .feature-metrics small{color:#172D49;font-size:12px}.reader-main .tags span{background:#E5EDF8;color:#172D49;border-color:#CAD7E8;font-size:12px}.reader-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:22px 0}
.reader-main .dialog-media{margin:0;overflow:hidden;border:1px solid #CAD7E8;border-radius:16px;background:#E5EDF8}.reader-main .dialog-media img{width:100%;height:auto;max-height:430px;object-fit:contain;display:block}.reader-main figcaption{font-size:12px;line-height:1.75;color:#50647F;padding:14px 16px;background:#F4F7FC}.reader-main figcaption a{color:#1D4ED8;text-decoration:underline;text-underline-offset:3px}.reader-gallery{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.reader-gallery button{border:1px solid #CAD7E8;background:#F4F7FC;border-radius:12px;padding:8px;min-height:44px;display:flex;gap:10px;align-items:center;color:#172D49;font-size:12px}.reader-gallery img{width:50px;height:32px;object-fit:cover;border-radius:5px}.reader-gallery button[aria-pressed=true]{border-color:#2563EB;background:#E5EDF8;box-shadow:0 0 0 1px #2563EB}
.contribution-list{list-style:none;padding:0;margin:0;counter-reset:contrib}.contribution-list li{counter-increment:contrib;position:relative;padding:14px 0 14px 42px;border-bottom:1px solid #CAD7E8}.contribution-list li:before{content:counter(contrib,decimal-leading-zero);position:absolute;left:0;top:15px;color:#2563EB;font-size:12px;font-weight:650}.reader-main .dialog-table{font-size:13px;color:#172D49;border:1px solid #CAD7E8;border-radius:12px}.reader-main .dialog-table caption{display:table-caption;text-align:left;font-size:12px;color:#50647F;padding:12px}.reader-main .dialog-table th,.reader-main .dialog-table td{border-color:#CAD7E8;color:#172D49}.reader-main .dialog-table thead{background:#E5EDF8}.reader-main .dialog-note{color:#50647F;border-color:#CAD7E8;background:#E5EDF8;padding:20px}.reader-bottom{display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap}.reader-bottom button{padding:12px 16px;border:1px solid #CAD7E8;border-radius:12px;color:#172D49;background:#E5EDF8;font-size:13px}
.credential-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px}.credential-button{display:inline-flex;align-items:center;gap:9px;min-height:42px;border:1px solid #2A4160;border-radius:12px;padding:9px 13px;background:#12233B;color:#F4F7FC;font-size:13px;transition:background .2s,transform .2s}.credential-button:hover{background:#2563EB;transform:translateY(-1px);border-color:#2563EB}.credential-button svg{width:17px;height:17px;flex-shrink:0}.scholarship-note{flex-wrap:wrap}.scholarship-note .credential-actions{width:100%;padding-left:48px;margin:0}
#credential-dialog{width:min(970px,calc(100vw - 32px));max-height:92svh;background:#F4F7FC;color:#172D49}.credential-header{padding:26px 76px 20px 28px;border-bottom:1px solid #CAD7E8}.credential-header h2{font-size:27px;line-height:1.3;letter-spacing:-.8px;margin:7px 0}.credential-header p{font-size:13px;color:#50647F;margin:0}.credential-header .project-kicker{color:#50647F;font-size:11px}.credential-body{padding:24px 28px}.credential-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.credential-tabs button{border:1px solid #CAD7E8;color:#172D49;background:#E5EDF8;padding:9px 12px;border-radius:10px;font-size:13px;min-height:42px}.credential-tabs button[aria-pressed=true]{background:#2563EB;color:#F4F7FC;border-color:#2563EB}
.certificate-stage{border:1px solid #CAD7E8;background:#E5EDF8;border-radius:16px;overflow:hidden;min-height:260px;display:flex;align-items:center;justify-content:center}.certificate-stage img{max-width:100%;max-height:65svh;object-fit:contain;display:block}.certificate-stage iframe{width:100%;height:60svh;border:0;background:#F4F7FC}.certificate-empty{text-align:center;padding:40px 24px;max-width:470px}.certificate-empty svg{width:43px;height:43px;color:#2563EB;margin:0 auto 16px}.certificate-empty h3{font-size:20px;color:#172D49;margin:0 0 10px}.certificate-empty p{font-size:14px;line-height:1.75;color:#50647F;margin:0}
.certificate-footer{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:18px}.certificate-footer a{color:#1D4ED8;text-decoration:underline;text-underline-offset:3px;font-size:13px}.certificate-status{font-size:12px;color:#50647F;margin:14px 0 0}
@media(max-width:700px){.reader-shell{display:block;padding:20px}.reader-nav{position:sticky;top:72px;z-index:4;flex-direction:row;background:#F4F7FC;overflow-x:auto;padding:8px 0 12px;margin:0 -2px 20px;border-bottom:1px solid #CAD7E8}.reader-nav small{display:none}.reader-nav button{white-space:nowrap;border-left:0;border-bottom:2px solid #CAD7E8;padding:8px 10px;font-size:12px;border-radius:8px 8px 0 0}.reader-nav button[aria-current]{border-bottom-color:#2563EB}.reader-top{padding:14px 64px 14px 20px;gap:8px}.reader-top .project-kicker{font-size:10px;max-width:150px}.reader-top button{font-size:12px;padding:6px 9px}.reader-main h2{font-size:30px}.reader-main .reader-lead{font-size:15px}.reader-main .feature-metrics{padding:16px;gap:12px}.reader-main .feature-metrics strong{font-size:25px}.reader-section{scroll-margin-top:150px}