/* ======================================================
PUBLICATIONS PAGE — Style Sheet
(mirrors CV page styling: clean typography, spacing, readable lists)
====================================================== */

#cv-page {
box-sizing: border-box;
font-family: 'Inter', 'Arial', sans-serif;
color: #333;
line-height: 1.6;
font-size: 16px;
background-color: #fff;
padding: 2rem 0;
}

/* ======================================================
SECTION STRUCTURE
====================================================== */

section {
margin-bottom: 2.5rem;
padding-bottom: 1.5rem;
border-bottom: 1px solid #e6e6e6;
}

section:last-child {
border-bottom: none;
}

section h2 {
font-size: 1.375rem;
margin-bottom: 1rem;
font-weight: bold;
color: #222;
}

/* ======================================================
HERO — Publications heading
====================================================== */

/* Align Publications hero like CV hero */
.cv-publications-hero .cv-name-block {
margin-left: 0;
margin-right: auto;
padding: 1.25rem 1.5rem;   /* same padding as CV name-block */
border-bottom: 2px solid #eee;
padding-bottom: 2.25rem;
	
	
}

/* Hero heading styling */
.cv-publications-hero .cv-name-block h2 {
font-weight: bold;
font-size: 1.5rem;         /* match CV name */
margin: 0;
letter-spacing: 0.4px;
}

/* Responsive: center on smaller screens like CV page */
@media (max-width: 1024px) {
.cv-publications-hero .cv-name-block {
margin: 0 auto;
text-align: center;
max-width: 90%;       /* prevent horizontal overflow */
}
}

/* ======================================================
PUBLICATIONS SPECIFIC
====================================================== */

#publications h3 {
margin-top: 1.25rem;
font-size: 1.125rem;
font-weight: 600;
}

#publications ol {
margin-left: 1.25rem;
padding-left: 1.75rem; /* slight indentation for readability */
font-size: 1rem;
}

#publications li {
margin-bottom: 0.75rem;      /* subtle spacing */
padding-left: 0.5rem;       /* subtle left padding */
border-left: 2px solid #eee; /* very subtle visual marker */
line-height: 1.6;
text-align: justify;
}

#publications li::marker {
font-weight: 500;
color: #555;
}

#publications em {
font-style: italic;
}

.corresponding {
background-color: #f3d6cb;  /* soft peach background */
border-radius: 4px;
padding: 0.1rem 0.35rem;
margin-left: 0.4rem;
font-size: 0.9rem;
color: #000;                /* black text for readability */
font-weight: 500;           /* medium weight */
}

/* Optional: highlight links */
#publications a {
color: #46003c;
text-decoration: none;
}
#publications a:hover {
text-decoration: underline;
}

/* ======================================================
RESPONSIVE
====================================================== */

@media (max-width: 1024px) {
#publications {
padding-left: 1rem;
padding-right: 1rem;
}
}

@media (max-width: 768px) {
#publications ol {
margin-left: 1rem;
padding-left: 0.75rem;
}
}