/* Paper Texture Effect */
body {
  background-color: #f4f1ea;
  background-image: url("https://www.transparenttextures.com/patterns/cream-paper.png");
}

/* Custom Utilities */
.drop-cap::first-letter {
  float: left;
  font-family: 'UnifrakturMaguntia', serif;
  font-size: 3.8rem;
  line-height: 0.8;
  padding-right: 8px;
  padding-top: 8px;
  margin-bottom: -4px;
  color: #1a1a1a;
}

.justified-text {
  text-align: justify;
  text-justify: inter-word;
}

/* Fade In Animation */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.fade-in {
    animation: fadeIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

/* Stagger animations for articles */
article {
    opacity: 0;
    animation: fadeIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

article:nth-child(1) { animation-delay: 0.1s; }
article:nth-child(2) { animation-delay: 0.2s; }
article:nth-child(3) { animation-delay: 0.3s; }
article:nth-child(4) { animation-delay: 0.4s; }
article:nth-child(5) { animation-delay: 0.5s; }

/* Mobile Reponsiveness Improvements */
@media (max-width: 1024px) {
    .issue-card {
        margin-bottom: 2rem;
        border-bottom: 1px dashed #ccc;
        padding-bottom: 2rem;
    }
    
    .issue-card:last-child {
        border-bottom: none;
    }

    /* Better spacing on mobile */
    .grid-cols-12 {
        gap: 1.5rem;
    }
}

/* Print Specifics */
@media print {
  @page {
    margin: 0.5cm;
    size: A3;
  }
  body {
    background-color: white;
    background-image: none;
    color: black;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .no-print {
    display: none !important;
  }
  .print-break-inside-avoid {
    break-inside: avoid;
  }
  .text-gray-500, .text-gray-400, .text-gray-600 {
    color: #333 !important;
  }
  ::-webkit-scrollbar {
    display: none;
  }
  article {
    opacity: 1 !important;
    animation: none !important;
  }
}

/* Custom Scrollbar for screen */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #9ca3af;
}