/* public_style.css */
/* Main styles for the public-facing journal website */

.main-bg {
    background-color: #1b4d72; /* Dark Blue Background */
    background-attachment: fixed;
    min-height: 100vh;
}

.glass-card {
    background: rgba(255, 255, 255, 0.15); /* Light, transparent background */
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px); /* For Safari */
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2);
    transition: background 0.3s ease, transform 0.3s ease;
}

.glass-card:hover {
    background: rgba(255, 255, 255, 0.25); /* Slightly more opaque on hover */
    transform: translateY(-8px);
}

.pagination-glass {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-radius: 0.5rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: background 0.3s ease;
}

.pagination-glass:hover {
    background: rgba(255, 255, 255, 0.3);
}

/* Styling for the main content from TinyMCE on paper.php */
.prose-dark {
    color: #E5E7EB; /* Light gray text */
}

.prose-dark h1, .prose-dark h2, .prose-dark h3, .prose-dark h4, .prose-dark h5, .prose-dark h6 {
    color: #FFFFFF; /* White headings */
}

.prose-dark a {
    color: #93C5FD; /* Light blue links */
}

.prose-dark strong {
    color: #F9FAFB; /* Off-white for bold text */
}