/* Prosty układ i czytelność mobilna dla tej podstrony */ 
 body { margin: 0; padding: 16px; color: #111; background: #fafafa; font-family: 'Montserrat', sans-serif; line-height: 1.6; 
} 
header, 
main, 
footer { max-width: 900px; margin: 0 auto; 
} 
header h1 { 
    font-size: 28px; margin: 12px 0 6px; 
} nav a { 
    display: inline-block; margin-right: 12px; color: #1357ff; text-decoration: none; font-weight: 600; 
} 
nav { margin-bottom: 16px; 
} 
h2 { font-size: 22px; margin-top: 24px; 
} 
h3 { font-size: 18px; margin-top: 18px; 
} 
ul { padding-left: 20px; } 
.section { background: #fff; border-radius: 12px; padding: 16px; margin-bottom: 16px; box-shadow: 0 2px 8px rgba(0,0,0,.06); 
} 

.gallery img {
    width: 80px;
    height: 80px;
    margin-bottom: 1rem;
}
@media (min-width: 768px) { header h1 { font-size: 34px; } 
h2 { font-size: 24px; 
} 
h3 { font-size: 20px; 
} 
}