.mlx-resources-hero{background:var(--mlx-bg-alt);padding:160px 0 48px}.mlx-resources-hero h1{font-size:2.2rem;margin-bottom:12px}.mlx-resources-hero .mlx-hero-text{color:var(--mlx-text-secondary);max-width:700px;margin:0 auto;font-size:1.05rem}.mlx-resources-categories{padding:64px 0}.mlx-resource-block{background:var(--mlx-bg);border:1px solid var(--mlx-border);border-radius:var(--mlx-radius);padding:28px;height:100%}.mlx-resource-icon{width:48px;height:48px;background:var(--mlx-primary);border-radius:var(--mlx-radius);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.mlx-resource-icon i{font-size:1.3rem;color:#fff}.mlx-resource-block h2{font-size:1.25rem;margin-bottom:8px}.mlx-resource-block p{color:var(--mlx-text-secondary);font-size:.9rem;margin-bottom:16px}.mlx-resource-list{list-style:none;padding:0;margin:0}.mlx-resource-list li{padding:8px 0;border-top:1px solid var(--mlx-border)}.mlx-resource-list a{color:var(--mlx-primary);font-size:.9rem;font-weight:500}.mlx-resource-list a:hover{-webkit-text-decoration:underline;text-decoration:underline}.mlx-resources-faq{padding:64px 0;background:var(--mlx-bg-alt)}.mlx-resources-tradeoffs{padding:64px 0}.mlx-tradeoff-card{background:var(--mlx-bg);border:1px solid var(--mlx-border);border-radius:var(--mlx-radius);padding:28px;height:100%}.mlx-tradeoff-card h3{font-size:1.15rem;margin-bottom:12px;color:var(--mlx-primary-dark)}.mlx-tradeoff-sides{margin:16px 0}.mlx-tradeoff-side{padding:12px 16px;margin-bottom:8px;background:var(--mlx-bg-alt);border-radius:var(--mlx-radius)}.mlx-tradeoff-side strong{display:block;margin-bottom:4px;font-size:.9rem;color:var(--mlx-primary)}.mlx-tradeoff-side p{font-size:.85rem;color:var(--mlx-text);margin:0;line-height:1.6}.mlx-tradeoff-note{font-size:.85rem;color:var(--mlx-text);font-style:italic;margin-top:8px}.mlx-resources-cta{background:var(--mlx-primary);padding:48px 0}.mlx-resources-cta h2{color:#fff;margin-bottom:12px}.mlx-resources-cta p{color:rgba(255,255,255,.85);margin-bottom:20px}@media (max-width:768px){.mlx-resources-hero{padding:100px 0 32px}}