/* Glance Custom Styling - Professional Layout */

/* Page width: 2520px for maximum visibility */
.content-bounds-wide {
  max-width: 2520px !important;
}

.page {
  max-width: 2520px !important;
  width: 100%;
}

.columns {
  width: 100%;
}

/* RSS Horizontal Cards - Optimize for visibility */
.cards-horizontal {
  display: flex;
  gap: 0.75rem;
  overflow-x: auto;
  padding-bottom: 0.5rem;
}

/* Make cards narrower so more fit on screen */
.card.widget-content-frame {
  flex: 0 0 200px;
  min-width: 200px;
  max-width: 220px;
  height: auto !important;
  min-height: 200px;
}

/* Ensure article titles wrap to 3 lines and are readable */
.card h3,
.card .title,
.card [class*="title"],
.card a {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal;
  line-height: 1.35;
  min-height: 3.5em;
}

/* Make image height consistent */
.card img,
.card [class*="image"],
.card [class*="thumbnail"] {
  object-fit: cover;
  height: auto;
  width: 100%;
  max-height: 120px;
}

/* Improve scrollbar appearance */
.cards-horizontal::-webkit-scrollbar {
  height: 6px;
}

.cards-horizontal::-webkit-scrollbar-track {
  background: transparent;
}

.cards-horizontal::-webkit-scrollbar-thumb {
  background: rgba(128, 128, 128, 0.3);
  border-radius: 3px;
}

.cards-horizontal::-webkit-scrollbar-thumb:hover {
  background: rgba(128, 128, 128, 0.6);
}