/* Global styles to fix article content display issues */
.article-body-content {
  background: transparent !important;
  color: inherit !important;
  font-family: inherit !important;
  line-height: 1.6 !important;
}

/* Ensure expandable content doesn't overflow awkwardly */
.expandable-content {
  max-height: 600px;
  overflow-y: auto;
  padding-right: 12px;
}

/* Contained styling for fetched content */
.article-body-content * {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  max-width: 100% !important;
}

/* Preserve basic typography and structure */
.article-body-content p {
  margin-bottom: 1rem !important;
  padding: 0 !important;
}

.article-body-content h1, 
.article-body-content h2, 
.article-body-content h3 {
  font-weight: 700 !important;
  margin-top: 1.5rem !important;
  margin-bottom: 0.75rem !important;
  color: #111827 !important; /* gray-900 */
}

.article-body-content ul, 
.article-body-content ol {
  margin-bottom: 1rem !important;
  padding-left: 1.5rem !important;
  list-style-position: outside !important;
}

.article-body-content li {
  margin-bottom: 0.25rem !important;
}

.article-body-content img {
  border-radius: 0.75rem !important;
  margin: 1rem auto !important;
  display: block !important;
}

/* Ensure links maintain proper color and are visible */
.article-body-content a {
  color: #2563eb !important; /* blue-600 */
  text-decoration: underline !important;
}

/* Image styling for news items */
.news-image {
  border-radius: 0.75rem;
  margin-right: 1rem;
  max-width: 100%;
  height: auto;
}

/* Weather component styling fixes */
#weatherBanner {
  overflow: hidden;
}

#expandedWeather {
  overflow: hidden;
}