* { box-sizing: border-box; margin: 0; padding: 0; }
body { 
	font-family: Arial, sans-serif; 
	background: #f5f5f5; 
	line-height: 1.6; 
}
.container { 
	max-width: 1200px; 
	margin: 0 auto; 
	padding: 20px; 
}
header { 
	display: flex; 
	justify-content: space-between; 
	align-items: center; 
	margin-bottom: 20px; 
}
h1 { 
	color: #333; 
}
.btn { 
	padding: 10px 20px; 
	border: none; 
	border-radius: 4px; 
	cursor: pointer; 
	text-decoration: none; 
	display: inline-block; 
}
.btn-primary { 
	background: #914baf; 
	color: white; 
}
.btn-secondary { 
	background: #666; 
	color: white; 
}
.btn-edit { background: #2196F3; color: white; padding: 5px 10px; }
.btn-delete { background: #f44336; color: white; padding: 5px 10px; }
.trail-table { width: 100%; border-collapse: collapse; background: white; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.trail-table th, .trail-table td { padding: 12px; text-align: left; border-bottom: 1px solid #ddd; }
.trail-table th { background: #914baf; color: white; }
.trail-table tr:hover { background: #f5f5f5; }
.trail-form { background: white; padding: 20px; border-radius: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.form-section { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; }
.form-section h3 { margin-bottom: 10px; color: #914baf; }
.form-section label { display: block; margin: 10px 0 5px; font-weight: bold; }
.form-section input, .form-section textarea { width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px; }
.form-section textarea { height: 80px; }
.btn-map {
    background: #9C27B0;
    color: white;
    padding: 5px 10px;
}
.logo-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.site-logo {
    margin-right: 15px; /* Space between logo and h1 */
}

h1 {
    margin: 0;
    flex-grow: 1; /* Takes remaining space */
}

h2 {
    width: 100%; /* Forces h2 to new line */
    margin-top: 10px;
}