/* Body styling (moved from Tailwind classes) */
body {
  background-color: #f9fafb; /* same as Tailwind bg-gray-50 */
  color: #111827;           /* same as Tailwind text-gray-900 */
  min-height: 100vh;        /* same as min-h-screen */
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  margin: 0;
}

/* Small custom styles (same as before) */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}
.fixed.inset-0 > div { animation: fadeIn .18s ease-out; }

article.border { min-height: 160px; }

aside::-webkit-scrollbar { width: 8px; }
aside::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.12);
  border-radius: 4px;
}

.custom-link {
    margin-right: auto;
    display: inline-block;
    padding: 12px 28px;
    background: linear-gradient(45deg, #6a11cb, #2575fc);
    color: white;
    text-decoration: none;
    font-weight: 600;
    border-radius: 30px;
    box-shadow: 0 4px 15px rgba(38, 50, 56, 0.3);
    transition: background 0.3s ease, box-shadow 0.3s ease;
    font-family: Arial, sans-serif;
  }

  .custom-link:hover {
    background: linear-gradient(45deg, #2575fc, #6a11cb);
    box-shadow: 0 6px 20px rgba(38, 50, 56, 0.5);
    text-decoration: none;
  }