/* Loaded only when viewport <= 700px via <link media="(max-width: 700px)"> in the HTML */
html { background-color: #0f172a; }

.hero { padding: 60px 20px 56px; }
.achievements-grid { grid-template-columns: 1fr; }
.fitforge-stats { grid-template-columns: 1fr; gap: 10px; margin-top: 24px; margin-bottom: 24px; }
.fitforge-stat { padding: 14px 18px; }
.fitforge-screenshots { overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 4px; scrollbar-width: none; -ms-overflow-style: none; }
.fitforge-screenshots::-webkit-scrollbar { display: none; }
.fitforge-screenshots img { flex: 0 0 auto; width: 62vw; height: auto; }
.fitforge-screenshots { margin-bottom: 14px; }
.screenshots-caption { display: block; font-size: 14px; font-weight: 500; color: #6b7280; text-align: center; margin-bottom: 36px; }
.fitforge-links { margin-top: 0; }
.projects-grid { grid-template-columns: 1fr; }
.contact-actions { flex-direction: column; flex-wrap: nowrap; align-items: stretch; }
.contact-actions a { width: 100%; box-sizing: border-box; text-align: center; justify-content: center; }
.header-inner { position: relative; }
.nav-toggle { display: flex; }
nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    flex-direction: column;
    gap: 0;
    background: rgba(15,23,42,0.98);
    border-bottom: 1px solid #1e293b;
    padding: 8px 0;
}
nav.nav-open { display: flex; }
nav a { padding: 14px 24px; }