:root {
  /* UWSP Brand Colors */
  --uwsp-news-primary: #3b1c6f; /* UWSP Purple */
  --uwsp-news-primary-dark: #2a1452;
  --uwsp-news-primary-light: #512698;
  --uwsp-news-accent: #FFCC00; /* UWSP Gold */
  
  /* Borrowed Tokens from Directory/Programs */
  --uwsp-card-bg: #ffffff;
  --uwsp-card-border: #e2e8f0;
  --uwsp-card-radius: 4px;
  --uwsp-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --uwsp-sidebar-header-bg: var(--uwsp-news-accent);
  --uwsp-sidebar-title-color: #1a202c;
}

/* Individual News Card Styling - Using em for proportional scaling */
.news-card {
  background: var(--uwsp-card-bg);
  border: 1px solid var(--uwsp-card-border);
  border-radius: var(--uwsp-card-radius);
  box-shadow: var(--uwsp-card-shadow);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  height: 100%;
  border-radius: 1em;
  font-size: 1em; /* Allow inheritance for scaling */
}

.news-card:hover {
  transform: translateY(-0.25em);
  box-shadow: 0 0.625em 0.9375em -0.1875em rgba(0, 0, 0, 0.1), 0 0.25em 0.375em -0.125em rgba(0, 0, 0, 0.05);
}

.news-card-image img {
  width: 100%;
  height: 12.5em; 
  object-fit: cover;
  display: block;
}

.news-card-header {
  padding: 1.25em 1.25em 0.5em;
}

.news-card-title {
  margin: 0 0 0.5em;
  font-size: 1.25em;
  line-height: 1.3;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.news-card-title a {
  color: var(--uwsp-news-primary);
  text-decoration: none;
}

.news-card-title a:hover {
  color: var(--uwsp-news-primary-light);
}

.news-card-date {
  font-size: 0.875em;
  color: #64748b;
  font-style: italic;
}

.news-card-content {
  padding: 0 1.25em 1.25em;
  flex-grow: 1;
  overflow: hidden;
}

.news-card-excerpt {
  font-size: 0.9375em;
  line-height: 1.5;
  color: #334155;
  margin-bottom: 1em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.news-card-details {
  border-top: 1px solid #f1f5f9;
  padding-top: 1em;
  font-size: 0.8125em;
}

.news-card-detail {
  margin-bottom: 0.25em;
  display: flex;
  gap: 0.5em;
  align-items: flex-start;
}

.news-card-label {
  font-weight: 600;
  color: #64748b;
  min-width: 5.625em;
  white-space: nowrap;
  flex-shrink: 0;
}

.news-card-value {
  color: #1e293b;
  flex: 1;
}

.news-card-value a {
  color: #1e293b !important;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

.news-card-value a:hover {
  text-decoration: none !important;
  color: var(--uwsp-news-primary) !important;
}

.news-card-footer {
  padding: 1em 1.25em;
  background: #f8fafc;
  border-top: 1px solid var(--uwsp-card-border);
}

.news-card-button {
  display: inline-block;
  padding: 0.5em 1em;
  background: var(--uwsp-news-primary);
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 0.25em;
  font-size: 0.875em;
  font-weight: 600;
  transition: background 0.2s ease;
}

.news-card-button:hover {
  background: var(--uwsp-news-primary-light);
}

/* Sidebar Filter List Styling */
.filter-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.filter-list li {
  margin-bottom: 0.5em;
}

.filter-list label {
  display: flex;
  align-items: flex-start;
  gap: 0.5em;
  font-size: 0.875em;
  cursor: pointer;
  color: #334155;
}

.filter-list input[type="checkbox"] {
  margin-top: 0.25em;
}

/* Tag Cloud Style */
.tag-cloud-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
}

.tag-label {
  display: inline-block;
  padding: 0.25em 0.75em;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 6.25em;
  font-size: 0.75em !important;
  transition: all 0.2s ease;
}

.tag-label.is-active {
  background: var(--uwsp-news-primary);
  color: #fff;
  border-color: var(--uwsp-news-primary);
}

.tag-label:hover:not(.is-active) {
  background: #e2e8f0;
}

/* List Item View */
.news-list-item {
  display: flex;
  gap: 1.5em;
  padding: 1em 0;
  border-bottom: 1px solid var(--uwsp-card-border);
}

.news-list-item.image-position-right {
  flex-direction: row-reverse;
}

.news-list-item.image-position-none .news-list-item-image {
  display: none;
}

.news-list-item-image {
  flex: 0 0 9.375em;
}

.news-list-item-image img {
  width: 100%;
  height: 6.25em;
  object-fit: cover;
  border-radius: 0.25em;
}

.news-list-item-body {
  flex: 1;
}

.news-list-item-title {
  margin: 0 0 0.25em;
  font-size: 1.125em;
}

.news-list-item-title a {
  color: var(--uwsp-news-primary);
  text-decoration: none;
  font-weight: 700;
}

.news-list-item-date {
  font-size: 0.8125em;
  color: #64748b;
  margin-bottom: 0.5em;
}

.news-list-item-excerpt {
  font-size: 0.875em;
  line-height: 1.5;
  color: #334155;
  margin-bottom: 0.75em;
}

.news-list-item-details {
  font-size: 0.75em;
  color: #64748b;
}

.news-list-item-detail {
  display: inline-block;
  margin-right: 1em;
}

.news-list-item-label {
  font-weight: 600;
  margin-right: 0.25em;
}

.news-list-item-value a {
  color: #334155 !important;
  text-decoration: none !important;
}

.news-list-item-value a:hover {
  text-decoration: underline !important;
  color: var(--uwsp-news-primary) !important;
}

/* Compact Carousel Item Styling */
.news-card.is-carousel {
  box-shadow: none;
  border-radius: 0.25em;
}

.news-card.is-carousel .news-card-image img {
  height: 7.5em; 
}

.news-card.is-carousel .news-card-header {
  padding: 0.75em 0.75em 0.25em;
}

.news-card.is-carousel .news-card-title {
  font-size: 1em;
  margin-bottom: 0.25em;
}

.news-card.is-carousel .news-card-date {
  font-size: 0.75em;
}

.news-card.is-carousel .news-card-content {
  padding: 0 0.75em 0.75em;
}

.news-card.is-carousel .news-card-excerpt {
  font-size: 0.8125em;
  line-height: 1.4;
  margin-bottom: 0.5em;
}