.screenshot-modal-content{background:transparent;border:none;box-shadow:none;position:relative}.screenshot-modal-img{border-radius:6px;display:block;margin:0 auto;max-height:88vh;max-width:100%}.screenshot-modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:1.4rem;line-height:1;opacity:.8;position:absolute;right:0;top:-2rem;z-index:10}.screenshot-modal-close:hover{opacity:1}.project-index-table{border:1px solid #dee2e6;border-collapse:separate;border-radius:6px;border-spacing:0;font-size:.92rem;overflow:hidden}.project-index-table thead th{background:#004489;border:none;color:#fff;font-weight:600;padding:.65rem 1rem}.project-index-table tbody tr:last-child td{border-bottom:none}.project-index-table tbody td{border-bottom:1px solid #e9ecef;padding:.6rem 1rem;vertical-align:middle}.project-index-table tbody tr:hover td{background:#f0f6ff}.project-index-table a{color:#004489;font-weight:600;text-decoration:none;white-space:nowrap}.project-index-table a:hover{color:#39c;text-decoration:underline}.project-section{border-top:1px solid #e9ecef;padding:4rem 0}.project-section-alt{background:#f8f9fa}.project-heading{align-items:center;display:flex;gap:.75rem;margin-bottom:2rem}.project-heading h2{color:#004489;font-size:1.6rem;font-weight:700;margin:0}.project-icon{color:#004489;flex-shrink:0;font-size:1.75rem}.project-list{line-height:1.7}.project-list li{margin-bottom:.4rem}.project-btn{width:220px}.project-screenshot{border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:block;width:100%}.screenshot-placeholder{align-items:center;aspect-ratio:16/10;background:#f0f4f8;border:2px dashed #c4d0dc;border-radius:6px;color:#7a95aa;display:flex;flex-direction:column;font-size:.9rem;gap:.5rem;justify-content:center;width:100%}.screenshot-placeholder i{font-size:2rem}.steps-widget-screenshot{margin:0 auto;max-width:300px;width:100%}.screenshot-placeholder-landscape{aspect-ratio:16/9;font-size:.75rem}.screenshot-placeholder-landscape i{font-size:1.5rem}.screenshot-placeholder-portrait{aspect-ratio:9/16;font-size:.75rem}.screenshot-placeholder-portrait i{font-size:1.5rem}.mobile-screenshot{max-width:150px;width:auto}@media (min-width:992px){.mobile-screenshot{max-width:170px}}