article {
  line-height: 1.6 !important;
  color: #333 !important;
  background-color: #f8f9fa !important;
  padding: 20px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  background-color: white !important;
  padding: 40px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
  border-radius: 8px !important;
}

#map {
  height: 600px;
  width: 100%;
}

.leaflet-popup-content {
  margin: 0 !important;
  min-width: 320px !important;
}

.leaflet-popup-content-wrapper {
  padding: 0 !important;
}

.leaflet-container {
  background: #a4c9e0;
}

h1 {
  font-size: 2.2em !important;
  color: #1a1a1a !important;
  margin-bottom: 20px !important;
  line-height: 1.3 !important;
}

h2 {
  font-size: 1.8em !important;
  color: #2c3e50 !important;
  margin-top: 40px !important;
  margin-bottom: 20px !important;
  border-bottom: 3px solid #ff6b35 !important;
  padding-bottom: 10px !important;
}

h3 {
  font-size: 1.4em !important;
  color: #34495e !important;
  margin-top: 30px !important;
  margin-bottom: 15px !important;
}

p {
  margin-bottom: 15px !important;
  text-align: justify !important;
}

.intro {
  font-size: 1.1em !important;
  color: #555 !important;
  margin-bottom: 25px !important;
}

strong {
  color: #2c3e50 !important;
  font-weight: 600 !important;
}

table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 25px 0 !important;
  background-color: white !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
}

th {
  background-color: #ff6b35 !important;
  color: white !important;
  padding: 12px !important;
  text-align: left !important;
  font-weight: 600 !important;
}

td {
  padding: 12px !important;
  border-bottom: 1px solid #e0e0e0 !important;
}

tr:hover {
  background-color: #f5f5f5 !important;
}

ul,
ol {
  margin: 20px 0 20px 30px !important;
}

li {
  margin-bottom: 10px !important;
}

.highlight-box {
  background-color: #fff3cd !important;
  border-left: 4px solid #ffc107 !important;
  padding: 15px !important;
  margin: 25px 0 !important;
  border-radius: 4px !important;
}

.stats-box {
  background-color: #e7f3ff !important;
  border-left: 4px solid #2196F3 !important;
  padding: 15px !important;
  margin: 25px 0 !important;
  border-radius: 4px !important;
}

.image-placeholder {
  background-color: #f0f0f0 !important;
  border: 2px dashed #ccc !important;
  padding: 40px !important;
  text-align: center !important;
  margin: 25px 0 !important;
  border-radius: 8px !important;
  color: #666 !important;
}

.link {
  color: #2196F3 !important;
  text-decoration: none !important;
  word-wrap: break-word !important;
}

.link:hover {
  text-decoration: underline !important;
}

.emoji {
  font-size: 1.2em !important;
}

@media (max-width: 768px) {
  .container {
    padding: 20px !important;
  }

  h1 {
    font-size: 1.6em !important;
  }

  h2 {
    font-size: 1.4em !important;
  }

  table {
    font-size: 0.9em !important;
  }

  th,
  td {
    padding: 8px !important;
  }
}