/* Quotes page styling */
.quotes-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}

.quote-item {
  background: #f9f9f9;
  border-left: 4px solid #2a6496;
  margin: 20px 0;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  position: relative;
  font-family: 'Georgia', 'Times New Roman', serif;
  line-height: 1.6;
}

.quote-item:before {
  content: """;
  font-size: 3em;
  color: #2a6496;
  position: absolute;
  top: -10px;
  left: 15px;
  font-family: 'Georgia', serif;
}

.quote-text {
  font-size: 1.1em;
  color: #333;
  margin: 0 0 10px 0;
  padding-left: 20px;
  font-style: italic;
}

.quote-author {
  text-align: right;
  font-weight: bold;
  color: #666;
  font-size: 0.9em;
  margin-top: 10px;
  font-style: normal;
}

.quote-author:before {
  content: "— ";
}

/* Special styling for Hindi quotes */
.hindi-quote {
  font-family: 'Noto Sans Devanagari', 'Mangal', 'Sanskrit Text', sans-serif;
  font-size: 1.2em;
  font-weight: 500;
}

/* Anonymous quotes without author */
.quote-item.no-author .quote-author {
  display: none;
}

/* Responsive design */
@media (max-width: 768px) {
  .quotes-container {
    padding: 10px;
  }
  
  .quote-item {
    margin: 15px 0;
    padding: 15px;
  }
  
  .quote-item:before {
    font-size: 2.5em;
    top: -5px;
    left: 10px;
  }
  
  .quote-text {
    font-size: 1em;
    padding-left: 15px;
  }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  .quote-item {
    background: #2d2d2d;
    border-left-color: #4a90e2;
    color: #e0e0e0;
  }
  
  .quote-item:before {
    color: #4a90e2;
  }
  
  .quote-text {
    color: #e0e0e0;
  }
  
  .quote-author {
    color: #b0b0b0;
  }
}