/* ============================================================
   GLOBAL LAYOUT
   ============================================================ */
/* Main container for the publications page layout */
.publications-layout {
    height: 100vh;                      /* Full viewport height */
    overflow-y: auto;                   /* allow vertical scroll*/
    padding: 1rem 2rem 4rem 2rem;       /* top, right, bottom, left */
}
/* Adjust layout padding for medium/small screens */
@media (max-width: 992px) {
    .publications-layout {
        padding: 1rem 2rem 4rem 2rem;   /* Reduced horizontal padding */
    }
}
/* ============================================================
   1. TITLE SECTION
   ============================================================ */
/* Title section */
.publications-title-section{
    width: 100%;                        /* Take full width of the page */
    display: flex;                      /* Use flex for robust centering */
    justify-content: center;            /* Center horizontally */
    align-items: center;                /* Center vertically within the section */
    padding: 1.5rem 3.5rem 0.5rem 3.5rem;   /* Padding around the title */
    margin-bottom: 0;                   /* Space below the title section */
}
/* Page title */
.publications-title{
    font-size: 4rem;                    /* Large text size for visibility */
    font-weight: 700;                   /* Bold text */
    color: #1E1E1E;                     /* Dark gray text color */
    margin: 0 auto 2rem auto;           /* Center horizontally and add top/bottom space */
    text-align: center;                 /* Center the title */
    display: block;                     /* Ensure full-width block behavior */
}
/* ============================================================
   2. DESCRIPTION SECTION
   ============================================================ */
.publications-description-section {
    margin: 2rem auto 1rem auto;        /* Top and bottom spacing, center horizontally */
    padding: 0 4rem 1.5rem 4rem;        /* Inner spacing on all sides */
    font-size: 1.2rem;                  /* Comfortable reading size */
    color: #333;                        /* Dark text color for readability */
    line-height: 1.8;                   /* Line spacing for better readability */
    text-align: justify;                /* Justify text on both sides */
    white-space: pre-line;              /* Interpret \n as line breaks */
}
/* ============================================================
   3. CONTENT SECTION
   ============================================================ */
/* Optional message that appears if there are no publications */
.publications-empty-msn {
    margin: 0 auto 0 auto;              /* Top and bottom spacing, center horizontally */
    padding: 0 4rem;                    /* Inner spacing on all sides */
    font-size: 1.2rem;                  /* Comfortable reading size */
    color: #333;                        /* Dark text color for readability */
    line-height: 1.8;                   /* Line spacing for better readability */
    text-align: justify;                /* Justify text on both sides */
    white-space: pre-line;              /* Interpret \n as line breaks */
    font-weight: 600;                   /* Bold to distinguish labels from content */
}
/* General Container for publications */
.publications-content-section{
    display: block;                     /* makes padding effective */
    white-space: pre-line;              /* Interpret \n as line breaks */
    margin: 2rem auto 3rem auto;        /* Top and bottom spacing, center horizontally */
    padding: 1.5rem 4rem;               /* Inner spacing on all sides */
}
/* Container for individual publications */
.publications-content-container{
    margin-bottom: 3rem;                /* Space between members */
}
/* Dates style */
.publications-content-date {
    display: inline-block;
    font-weight: 600;                   /* Slightly bold for emphasis */
    color: #1E1E1E;                     /* Same dark gray as title for consistency */
    font-size: 1.1rem;                  /* Slightly larger text for names */
}
/* Title style */
.publications-content-title {
    display: inline-block;
    font-weight: 600;                   /* Slightly bold for emphasis */
    color: #1E1E1E;                     /* Same dark gray as title for consistency */
    font-size: 1.8rem;                  /* Slightly larger text for names */
    text-decoration: none;
}
/* Title hover */
.publications-content-title:hover {
    text-decoration: underline;
}
/* Author style */
.publications-content-author{
    display: inline-block;
    font-style: italic;                 /* Italic to differentiate profession */
    color: #444;                        /* Slightly lighter gray for subtle contrast */
    font-size: 1.1rem;                  /* Slightly larger text for names */
}
/* Journal style */
.publications-content-journal{
    color: #555;                        /* Medium gray for neutral tone */
    font-size: 1rem;                    /* Standard text size */
}
/* ============================================================
   RESPONSIVE — Small Screens (up to 768px)
   ============================================================ */
@media (max-width: 768px) {
    /* Title spacing adjustments */
    .publications-title-section {
        padding: 1.5rem 0 0.5rem 0;     /* Padding around the title */
    }
    .publications-description-section {
    padding: 1.5rem 0.5rem;             /* Inner spacing on all sides */
    }
    .publications-empty-msn {
        padding: 0 0.5rem;              /* Inner spacing on all sides */
    }
    .publications-content-section{
        margin: 2rem 0 3rem 0;          /* Top and bottom spacing, center horizontally */
        padding: 1.5rem 0.5rem;         /* Inner spacing on all sides */
    }
}