
        .stack-app .tools-intro { margin-top: 3.2rem; text-align: center; }
        @media (max-width: 768px) {
            .stack-app .global-nav { display: flex; gap: 0.8rem; overflow-x: auto; white-space: nowrap; justify-content: flex-start; padding: 10px 12px; -webkit-overflow-scrolling: touch; }
            .stack-app .global-nav a { margin: 0; flex: 0 0 auto; padding: 0.56rem 0.88rem; border-radius: 999px; background: var(--card-background); }
            .stack-app header { padding: 4rem 1.6rem 5.12rem; }
            .stack-app .container { margin-top: -3.36rem; padding: 0 14px; }
            .stack-app .profile-card { padding: 1.92rem; text-align: left; }
            .stack-app .stats-grid { grid-template-columns: 1fr; gap: 14px; }
            .stack-app .card { padding: 1.84rem; }
            .stack-app .tag { margin-top: 0.64rem; margin-right: 0.56rem; padding: 4px 10px; }
            .stack-app .back-home-link { display: block; width: 100%; box-sizing: border-box; text-align: center; }
        }
    