/* Custom styles for DRED - Minimalist Serial Novel Website */

/* Smooth scrolling for the whole page */
html {
  scroll-behavior: smooth;
}

/* Custom prose styles for better readability */
.prose {
  color: #171717;
  max-width: none;
}

.prose p {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  line-height: 1.75;
}

/* Sidebar scrollbar styling */
aside nav::-webkit-scrollbar {
  width: 6px;
}

aside nav::-webkit-scrollbar-track {
  background: #f5f5f5;
  border-radius: 3px;
}

aside nav::-webkit-scrollbar-thumb {
  background: #d4d4d4;
  border-radius: 3px;
}

aside nav::-webkit-scrollbar-thumb:hover {
  background: #a3a3a3;
}

/* Focus styles for accessibility */
a:focus,
button:focus {
  outline: 2px solid #171717;
  outline-offset: 2px;
}

/* Print styles */
@media print {
  header,
  footer,
  nav,
  aside {
    display: none;
  }

  article {
    max-width: 100%;
  }
}

/* Responsive typography adjustments */
@media (max-width: 640px) {
  .prose {
    font-size: 1rem;
  }
}