.project-public{background:#f4f7fa}.detail-heading{background:linear-gradient(90deg,#112638f5,#112638a6),url('project-atmosphere.png') right center/cover;border:1px solid #26455b}.detail-heading .eyebrow{color:#aadbd9}.detail-heading h1{letter-spacing:-1.6px}.project-metrics{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.project-metrics>span{border:1px solid #ffffff30;background:#ffffff0d;padding:9px 15px;border-radius:6px;font-size:12px;color:#d5e6ee}.project-metrics b{font-size:18px;color:#fff;margin-right:5px}.project-gallery{padding:12px 0 28px}.project-gallery h2{color:#14364a;font-size:29px}.screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.screenshot-grid figure{margin:0;border:1px solid #d6e2e8;background:white;border-radius:10px;overflow:hidden}.screenshot-grid img{display:block;width:100%;height:270px;object-fit:contain;background:#e9eff4}.screenshot-grid figcaption{padding:15px 19px;font-size:12px;color:#3c5a6b;display:flex;justify-content:space-between}.project-section{padding:26px 0;border-top:1px solid #d9e3e9;margin-top:26px;color:#506578;font-size:14px;line-height:1.9;overflow-wrap:anywhere}.project-section h2{font-size:25px;color:#203f54}.project-section h3{color:#294c64}.project-section li{margin:9px 0}.downloads{border-top:4px solid #267d93;background:#fff;border-color:#d7e4eb}.downloads .button,.downloads button,.download-ready .button{background:#165f79}.downloads h2,.overview h2{color:#203f54}.download-ready{padding:35px;background:white;border:1px solid #d5e3eb;border-radius:12px;margin:45px 0}.download-ready h2{color:#21465e;font-size:28px}.download-ready p{font-size:13px;color:#6a7d8d}.advertisement{margin:40px 0;padding:28px;background:#f9fbfd;border-color:#dce6ec}.learning{background:#e6f0f4;border-color:#d3e5eb}.learning h3{color:#254a5c}.learning p{color:#547082}.project-gallery .section-heading>span{font-size:11px;color:#647f8e}@media(max-width:700px){.screenshot-grid{grid-template-columns:1fr;gap:16px}.screenshot-grid img{height:220px}.project-metrics{gap:7px}.project-metrics>span{padding:7px 10px;font-size:10px}.project-metrics b{font-size:16px}.detail-heading h1{font-size:31px}.download-ready{padding:25px}.project-section{font-size:13px}.project-gallery .section-heading{flex-direction:column}}