.tag{display:inline-block;background:var(--logo-orange);color:white;padding:0.15rem 0.5rem;border-radius:12px;font-size:0.7rem;margin:0.15rem 0.15rem 0 0;font-weight:500}

/* Tooltip styles */
.tooltip{position:relative;display:inline-block;border-bottom:1px solid var(--color-primary);color:var(--color-primary);cursor:help;white-space:nowrap;transition:all 0.2s ease;vertical-align:middle}
.tooltip:hover{border-bottom-color:var(--color-primary);color:var(--color-primary)}
.tooltip .tooltiptext{visibility:hidden;width:220px;max-width:90vw;background-color:var(--color-gray-700);color:var(--color-gray-100);text-align:left;border-radius:4px;padding:10px 12px;position:absolute;z-index:1000;bottom:100%;left:0;opacity:0;transition:all 0.2s ease;font-size:0.85em;line-height:1.5;box-shadow:0 3px 6px rgba(0,0,0,0.16);pointer-events:none;border:1px solid var(--color-gray-800);white-space:normal;word-wrap:break-word;margin-bottom:8px}
.tooltip:hover .tooltiptext{visibility:visible;opacity:0.95}
.tooltip .tooltiptext::after{content:"";position:absolute;top:100%;left:12px;border-width:5px;border-style:solid;border-color:var(--color-gray-700) transparent transparent transparent}
.financial-highlights-note{font-size:0.75em;font-weight:normal;color:var(--text-secondary);margin-left:0.5em}
.stock-info{background:var(--bg-secondary);padding:0.75rem 1rem;border-radius:6px;border:1px solid var(--border-color);margin-bottom:1rem;color:var(--text-primary)}
.stock-info p{margin:0}
.stock-info p:last-child{margin-top:0.25rem;font-size:0.9em}
.guidance-box{background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:1rem 1.25rem;margin:1rem 0;border-radius:6px;color:var(--text-primary)}
.guidance-box p:last-child{margin-bottom:0}
.guidance-box em{display:block;margin-top:0.5rem;font-size:0.9em;color:var(--text-secondary);font-weight:500}

/* Improve blockquote readability */
blockquote {
  background-color: var(--bg-secondary);
  color: var(--text-primary);
  padding: 1rem 1.25rem;
  margin: 1rem 0;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  font-style: italic;
  line-height: 1.6;
}

blockquote.guidance-box {
  background-color: var(--bg-primary);
  border: 1px solid var(--logo-teal);
  color: var(--text-primary);
}
.stock-info-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:0.5rem}
.stock-up{color:var(--color-success);font-weight:bold}
.market-cap{font-size:0.9em;color:var(--color-gray-500)}
.stock-details{margin:0.25rem 0 0 0;font-size:0.9em}
.category-badge{display:inline-block;font-size:0.75em;font-weight:bold;padding:0.15em 0.4em;border-radius:0.2em;margin-right:0.5em;margin-bottom:0.2em;vertical-align:middle;letter-spacing:0.03em}.category-badge.ipo{background:var(--color-category-ipo);color:var(--color-white)}.category-badge.earnings{background:var(--color-category-earnings);color:var(--color-white)}.category-badge.policy{background:var(--color-category-policy);color:var(--color-gray-800)}.category-badge.healthcare{background:var(--color-category-healthcare);color:var(--color-white)}.category-badge.legal{background:var(--color-category-legal);color:var(--color-white)}
.category-badge.corrections{background:var(--color-category-corrections);color:var(--color-white)}
.filter-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  padding: 0 0.5rem;
}

.filter-btn {
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 1.5rem;
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-size: 0.85rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  text-decoration: none;
}

.filter-btn:hover {
  background: var(--bg-tertiary);
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.filter-btn.active {
  color: white;
  font-weight: 600;
  transform: translateY(-1px);
}

/* Category-specific active backgrounds matching badge colors */
.filter-btn.ipo.active {
  background: var(--color-category-ipo);
  box-shadow: 0 2px 8px rgba(30, 136, 229, 0.3);
}

.filter-btn.earnings.active {
  background: var(--color-category-earnings);
  box-shadow: 0 2px 8px rgba(67, 160, 71, 0.3);
}

.filter-btn.policy.active {
  background: var(--color-category-policy);
  color: var(--color-gray-800);
  box-shadow: 0 2px 8px rgba(251, 192, 45, 0.3);
}

.filter-btn.healthcare.active {
  background: var(--color-category-healthcare);
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
}

.filter-btn.legal.active {
  background: var(--color-category-legal);
  box-shadow: 0 2px 8px rgba(44, 95, 90, 0.3);
}

.filter-btn.corrections.active {
  background: var(--color-category-corrections);
  box-shadow: 0 2px 8px rgba(229, 57, 53, 0.3);
}





/* Responsive adjustments */
@media (max-width: 768px) {
  .filter-buttons {
    gap: 0.4rem;
    margin: 0.8rem 0 1.2rem;
    overflow-x: auto;
    padding-bottom: 0.5rem;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Hide scrollbar for Firefox */
  }
  
  .filter-buttons::-webkit-scrollbar {
    display: none; /* Hide scrollbar for Chrome/Safari */
  }
  
  .filter-btn {
    padding: 0.4rem 0.8rem;
    font-size: 0.8rem;
    flex-shrink: 0;
  }
}

.card-header{cursor:pointer;display:flex;align-items:center;gap:0.4rem;padding:0.4rem 0.6rem;margin:0.25rem 0 0.1rem 0;background:var(--bg-secondary);border:1px solid transparent;border-radius:.375rem;transition:all 0.3s ease}.card-icon{width:16px;height:16px;color:var(--logo-orange);flex-shrink:0}.card-header:hover{border-color:var(--logo-orange);background:var(--bg-primary)}.card-header time{font-size:0.65em;color:var(--text-muted);font-style:italic;flex-shrink:0;white-space:nowrap}.card-header h1{margin:0;font-size:clamp(0.85rem,2.2vw,0.95rem) !important;text-align:left !important;flex-shrink:1;min-width:0;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-header h1 a{color:inherit;text-decoration:none}.card-tags{display:flex;gap:0.2rem;flex-wrap:nowrap;flex-shrink:0;overflow:hidden}.expand-icon{width:16px;height:16px;color:var(--logo-orange);transition:transform 0.3s ease;flex-shrink:0;margin-left:auto}.card-header.expanded .expand-icon{transform:rotate(180deg)}.card-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease;background:var(--bg-secondary)}.card-content.expanded{max-height:none}.card-inner{padding:1rem}.section{margin-bottom:1.5rem}.section h2,.section h3,.section h4{margin-bottom:0.75rem;font-size:1.1rem;text-align:left}.highlights{background:var(--bg-primary);padding:1rem;border-radius:.375rem;border:1px solid var(--border-color);word-wrap:break-word;overflow-wrap:break-word;max-width:100%;box-sizing:border-box}.highlights ul{margin:0;padding-left:18px}.highlights li{margin-bottom:6px;word-wrap:break-word}.table-wrapper table th,.table-wrapper table td{padding:0.5rem 0.75rem}.table-container{overflow-x:auto;margin:15px 0;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:thin}table{width:100%;border-collapse:collapse;margin:15px 0;font-size:0.9em;min-width:600px}@media (max-width:768px){.table-container{width:calc(100% + 1rem);margin-left:-0.5rem;padding:0 0.5rem}}table th{background-color:var(--bg-tertiary);color:var(--text-primary);padding:8px;text-align:left;border:1px solid var(--color-gray-300)}table td{padding:8px;border:1px solid var(--color-gray-300)}.ipo-details{margin:15px 0}.ipo-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.ipo-grid div span{display:block;font-size:0.9em;color:var(--text-muted)}.ipo-grid div strong{font-weight:500}.buy-text{color:var(--color-success);font-weight:bold}.container{max-width:min(95%,1200px);margin:0 auto;padding:0 1rem}.content{padding:1.5rem 0}.chart-container{position:relative;height:350px;margin:15px 0}@media (max-width:768px){.card-header{padding:0.4rem 0.4rem 0.4rem 0.6rem;gap:0.5rem}.card-header time{top:0.2rem;left:0.4rem;font-size:0.6rem;padding:0.1rem 0.3rem}.card-header-content{gap:0.5rem;margin-top:0.6rem}.card-header-content h1{font-size:clamp(0.85rem,2.2vw,0.95rem)}.card-inner{padding:0.75rem}.table-wrapper table th,.table-wrapper table td{padding:0.375rem 0.5rem;font-size:0.9rem}.chart-container{height:300px}.container{padding:0 0.75rem}table{font-size:0.85em}.table-container{margin:10px 0}.ipo-grid{grid-template-columns:1fr;gap:10px}}@media (max-width:480px){.card-header{padding:0.35rem 0.35rem 0.35rem 0.5rem;gap:0.4rem}.card-header time{top:0.15rem;left:0.3rem;font-size:0.55rem;padding:0.08rem 0.25rem}.card-header-content{gap:0.4rem;margin-top:0.5rem}.card-header-content h1{font-size:clamp(0.8rem,2vw,0.9rem)}.card-inner{padding:0.75rem}.section{margin-bottom:1rem;padding:0 0.25rem}.chart-container{height:250px}table{font-size:0.8em}table th,table td{padding:6px 4px;word-wrap:break-word}.tag{font-size:0.65rem;padding:0.1rem 0.4rem}}
@media (prefers-color-scheme:dark){
  .card-header{background:#2b3130;border-color:#3a4241}
  .card-header h1 a{color:var(--accent-primary)}
  .card-header:hover{background:#303635;border-color:var(--accent-secondary)}
  .card-header time{color:#b3bdcb}
  .card-content{background:#222826}
  .card-inner{color:var(--text-secondary)}
  /* Ensure inline light highlight boxes remain readable in dark mode */
  .card-content .highlights{background:rgba(232,149,93,0.08) !important;border-color:var(--border-color) !important}
}

/* Responsive table styles */
.responsive-table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1rem 0;border-radius:6px;border:1px solid var(--border-color)}.responsive-table table{width:100%;min-width:600px;border-collapse:collapse;font-size:0.9em}.responsive-table th,.responsive-table td{padding:0.75rem 0.5rem;text-align:left;border:1px solid var(--border-color);white-space:nowrap}.responsive-table th{background-color:var(--logo-teal);color:var(--color-white);font-weight:500;position:sticky;top:0}.responsive-table tr:nth-child(even){background-color:var(--bg-secondary)}.responsive-table tr:hover{background-color:var(--bg-tertiary)}.responsive-table .pos{color:var(--color-success);font-weight:500}@media (max-width:768px){.responsive-table{font-size:0.85em}.responsive-table th,.responsive-table td{padding:0.5rem 0.4rem}}@media (max-width:480px){.responsive-table{font-size:0.8em;margin:0.75rem -1rem;width:calc(100% + 2rem)}.responsive-table th,.responsive-table td{padding:0.4rem 0.3rem}}

/* Supreme Court Cases Grid Layout */
.court-cases-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1rem;
  margin: 1rem 0;
}

.case-card {
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 1rem;
  transition: all 0.2s ease;
  cursor: pointer;
}

.case-card:hover {
  border-color: var(--logo-teal);
  box-shadow: 0 2px 8px var(--shadow-color);
  transform: translateY(-2px);
}

.case-card-date {
  font-size: 0.75rem;
  color: var(--text-muted);
  font-weight: 600;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.case-card-title {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--logo-teal);
  text-decoration: none;
  margin-bottom: 0.5rem;
  display: block;
  line-height: 1.3;
}

.case-card-title:hover {
  color: var(--logo-orange);
  text-decoration: underline;
}

.case-card-synopsis {
  font-size: 0.8rem;
  color: var(--text-secondary);
  line-height: 1.4;
  font-style: italic;
  margin-bottom: 0.75rem;
}

.case-card-questions {
  font-size: 0.75rem;
  color: var(--text-muted);
  line-height: 1.4;
  background: var(--bg-primary);
  padding: 0.6rem;
  border-radius: 4px;
  margin-bottom: 0.75rem;
}

.case-card-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}

.case-card-number {
  font-size: 0.7rem;
  color: var(--text-muted);
  font-weight: 500;
}

.podcast-link {
  color: var(--logo-teal);
  text-decoration: none;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.podcast-link:hover {
  color: var(--logo-orange);
}

.podcast-icon {
  width: 14px;
  height: 14px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .court-cases-grid {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
  
  .case-card {
    padding: 0.75rem;
  }
  
  .case-card-title {
    font-size: 0.85rem;
  }
  
  .case-card-synopsis {
    font-size: 0.75rem;
  }
}

@media (max-width: 480px) {
  .case-card {
    padding: 0.6rem;
  }
  
  .case-card-title {
    font-size: 0.8rem;
  }
  
  .case-card-synopsis {
    font-size: 0.7rem;
  }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  .case-card {
    background: #2b3130;
    border-color: #3a4241;
  }
  
  .case-card:hover {
    background: #303635;
    border-color: var(--accent-secondary);
  }
  
  .case-card-title {
    color: #87c5be;
  }
  
  .case-card-title:hover {
    color: #e8955d;
  }
  
  .case-card-synopsis {
    color: #b3bdcb;
  }
}

/* Preview Card Layout Styles - Media.html Inspired */
.news-card {
  position: relative;
  background: var(--bg-secondary);
  border-radius: 0.5rem;
  border: 1px solid var(--border-color);
  padding: 0;
  margin: 1.5rem 0;
  box-shadow: 0 2px 8px var(--shadow-color);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  overflow: hidden;
  will-change: transform, box-shadow;
  transform: translateZ(0);
  backface-visibility: hidden;
  isolation: isolate;
}

.news-card:hover {
  border-color: var(--logo-orange);
  box-shadow: 0 4px 16px var(--shadow-color);
  transform: translateY(-2px) scale(1.01);
}

.news-card-header {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1.25rem 1.5rem 1rem;
  border-bottom: 1px solid rgba(0,0,0,0.05);
}

.news-card-icon {
  width: 20px;
  height: 20px;
  color: var(--logo-orange);
  flex-shrink: 0;
  margin-top: 0.1rem;
}

.news-card-meta {
  flex: 1;
  min-width: 0;
}

.news-card-date {
  font-size: 0.75rem;
  color: var(--text-muted);
  font-style: italic;
  margin-bottom: 0.25rem;
}

.news-card-title {
  margin: 0 0 0.5rem 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--text-primary);
  line-height: 1.3;
}

.news-card-title a {
  color: inherit;
  text-decoration: none;
}

.news-card-title a:hover {
  color: var(--logo-orange);
  text-decoration: underline;
}

.news-card-badges {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.news-card-content {
  padding: 0 1.5rem 1.5rem;
}

.news-card-preview {
  color: var(--text-primary);
  line-height: 1.6;
  margin-bottom: 1.25rem;
  font-size: 0.95rem;
}

.news-card-actions {
  display: flex;
  justify-content: flex-start;
  gap: 0.75rem;
}

.read-more-btn {
  background: transparent;
  color: var(--text-secondary);
  border: 1px solid var(--border-color);
  padding: 0.375rem 0.75rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}

.read-more-btn:hover {
  background: var(--bg-secondary);
  border-color: var(--text-muted);
  transform: translateY(-1px);
}

.read-more-btn:active {
  transform: translateY(0);
}

.read-more-btn i {
  width: 12px;
  height: 12px;
  transition: transform 0.2s ease;
}

.read-more-btn.expanded i {
  transform: rotate(180deg);
}

.news-card-full {
  display: none;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border-color);
}

.news-card-full.show {
  display: block;
  animation: fadeIn 0.3s ease-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
  .news-card,
  .read-more-btn {
    transition: none !important;
    animation: none !important;
  }
  
  .news-card:hover {
    transform: none !important;
  }
}

/* Dark mode support - consistent with other pages */
@media (prefers-color-scheme: dark) {
  .news-card-preview {
    color: var(--text-secondary);
  }
  
  .news-card-date {
    color: var(--text-muted);
  }
  
  .news-card-title {
    color: var(--text-primary);
  }
}

[data-theme="dark"] .news-card-preview {
  color: var(--text-secondary);
}

[data-theme="dark"] .news-card-date {
  color: var(--text-muted);
}

[data-theme="dark"] .news-card-title {
  color: var(--text-primary);
}

/* Mobile responsiveness for preview cards */
@media (max-width: 768px) {
  .news-card {
    margin: 1rem 0;
  }
  
  .news-card-header {
    padding: 0.875rem 1rem 0.625rem;
    gap: 0.625rem;
  }
  
  .news-card-content {
    padding: 0 1rem 1rem;
  }
  
  .news-card-title {
    font-size: 1rem;
  }
  
  .news-card-preview {
    font-size: 0.9rem;
  }
}

@media (max-width: 480px) {
  .news-card-header {
    padding: 0.75rem 0.875rem 0.5rem;
  }
  
  .news-card-content {
    padding: 0 0.875rem 0.875rem;
  }
  
  .news-card-title {
    font-size: 0.95rem;
    line-height: 1.4;
  }
  
  .news-card-preview {
    font-size: 0.85rem;
  }
  
  .read-more-btn {
    padding: 0.3rem 0.6rem;
    font-size: 0.7rem;
  }
}

/* Enhanced mobile styles for Supreme Court cases */
@media (max-width: 768px) {
  .case-header a {
    word-break: break-word;
    line-height: 1.4;
    display: block;
  }
  
  .case-synopsis {
    line-height: 1.5;
    margin-bottom: 0.4rem;
  }
  
  .case-questions {
    line-height: 1.5;
    word-break: break-word;
  }
  
  .case-questions strong {
    display: block;
    margin-bottom: 0.3rem;
    color: var(--text-primary);
  }
}

@media (max-width: 480px) {
  .case-day h4 {
    font-size: 0.9rem !important;
    line-height: 1.3;
  }
  
  .case-header a {
    font-size: 0.85rem !important;
    line-height: 1.4;
    word-break: break-word;
  }
  
  .case-synopsis {
    font-size: 0.8rem !important;
    line-height: 1.4;
  }
  
  .case-questions {
    font-size: 0.8rem !important;
    padding: 0.5rem;
    line-height: 1.4;
  }
  
  .case-questions strong {
    font-size: 0.85rem;
    margin-bottom: 0.25rem;
  }
}