/* Shared styling for the supporting HTML pages. */
.top{background:#000;border-bottom:1px solid #474747}.top .shell{height:70px;max-width:1200px;margin:auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700}.brand img{width:42px;height:42px;border-radius:9px}.top .nav{display:flex}.crumb{font-size:14px}.apps{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.app{width:130px;min-height:155px;padding:13px;border:1px solid #333;border-radius:8px;display:block}.app img,.app .css-icon{width:60px;height:60px;border-radius:14px;object-fit:cover}.app h3{font-size:15px;margin:8px 0 2px}.app p{font-size:12px;margin:0;color:#bbb}.button{display:inline-block;background:#ff3151;padding:10px 16px;border-radius:8px;font-weight:700}.foot{max-width:1200px;margin:auto}.legal{margin-top:12px}.legal a{display:inline-block}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.article{border:1px solid #333;padding:18px;border-radius:8px}.article h2{margin-top:0}.article p{color:#ddd}@media(max-width:768px){.top .nav{display:none}.top .shell{height:70px}.apps{justify-content:flex-start}.content-grid{grid-template-columns:1fr}}