/* --- Variables & Reset --- */:root {    /* Pastel Palette */    --bg-color: #fdfbf9;        /* Warm Off-White */    --sidebar-bg: #eef2f5;      /* Pastel Slate/Grey */    --text-primary: #2d3748;    /* Dark Charcoal for readability */    --text-secondary: #4a5568;  /* Muted Grey */    --accent-color: #7da0ca;    /* Pastel Blue */    --accent-hover: #5b80a8;    /* Darker Blue */    --highlight-bg: #e6fffa;    /* Very Light Pastel Teal */    --alert-bg: #fffaf0;        /* Pastel Orange tint */    --alert-border: #fbd38d;    /* Pastel Orange border */        --font-main: 'Inter', sans-serif;    --sidebar-width: 300px;}* {    box-sizing: border-box;    margin: 0;    padding: 0;}body {    font-family: var(--font-main);    background-color: var(--bg-color);    color: var(--text-primary);    line-height: 1.6;}/* --- Layout --- */.container {    display: flex;    min-height: 100vh;}/* --- Sidebar --- */.sidebar {    width: var(--sidebar-width);    background-color: var(--sidebar-bg);    padding: 3rem 2rem;    position: fixed;    height: 100vh;    border-right: 1px solid #e2e8f0;    display: flex;    flex-direction: column;}.profile-img-container {    width: 250px;    height: 300px;    margin-bottom: 1.5rem;    border-radius: 50%;    overflow: hidden;    background-color: var(--accent-color);    display: flex;    align-items: center;    justify-content: center;}/* Placeholder for when you don't have an image yet */.profile-placeholder {    color: white;    font-size: 2.5rem;    font-weight: bold;}.profile-header h1 {    font-size: 1.5rem;    font-weight: 700;    color: var(--text-primary);    margin-bottom: 0.2rem;}.profile-header .role {    font-size: 0.95rem;    color: var(--accent-hover);    font-weight: 600;}.profile-header .affiliation {    font-size: 0.9rem;    color: var(--text-secondary);    margin-bottom: 1.5rem;}.social-links {    margin-bottom: 2.5rem;}.social-links a {    color: var(--text-secondary);    font-size: 1.2rem;    margin-right: 15px;    transition: color 0.3s ease;}.social-links a:hover {    color: var(--accent-color);}nav ul {    list-style: none;}nav li {    margin-bottom: 1rem;}nav a {    text-decoration: none;    color: var(--text-secondary);    font-weight: 500;    font-size: 1.05rem;    transition: all 0.3s ease;}nav a:hover, nav a.active {    color: var(--accent-color);    padding-left: 5px;}.footer-note {    margin-top: auto;    font-size: 0.8rem;    color: #a0aec0;}/* --- Main Content --- */.content {    margin-left: var(--sidebar-width);    padding: 4rem 5rem;    width: 100%;    max-width: 1100px;}h2 {    font-size: 1.8rem;    margin-bottom: 1.5rem;    color: var(--text-primary);    position: relative;    padding-bottom: 0.5rem;}h2::after {    content: '';    position: absolute;    left: 0;    bottom: 0;    width: 50px;    height: 3px;    background-color: var(--accent-color);    opacity: 0.6;}.section {    margin-bottom: 4rem;}p {    margin-bottom: 1rem;    color: var(--text-secondary);}a {    color: var(--accent-color);    text-decoration: none;    transition: color 0.2s;}a:hover {    color: var(--accent-hover);    text-decoration: underline;}/* --- Components --- *//* Alert Box */.alert-box {    background-color: var(--alert-bg);    border-left: 4px solid var(--alert-border);    padding: 1.5rem;    margin-bottom: 3rem;    border-radius: 4px;    color: var(--text-secondary);    font-size: 0.95rem;}.alert-box strong {    color: #d69e2e; /* Darker orange for text */    display: block;    margin-bottom: 0.5rem;}/* News List */.news-list {    list-style: none;}.news-list li {    display: flex;    margin-bottom: 1.2rem;}.news-list .date {    font-weight: 700;    color: var(--accent-color);    min-width: 60px;    font-size: 0.95rem;}.news-list .news-content {    font-size: 0.95rem;}/* Tags */.tags-container {    display: flex;    flex-wrap: wrap;    gap: 10px;    margin-top: 1rem;}.tag {    background-color: var(--highlight-bg);    color: var(--accent-hover);    padding: 0.4rem 0.8rem;    border-radius: 20px;    font-size: 0.85rem;    font-weight: 500;}/* Contact */.contact-card {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));    gap: 2rem;    background-color: white;    padding: 2rem;    border-radius: 8px;    border: 1px solid #edf2f7;}.contact-item {    display: flex;    align-items: flex-start;    gap: 15px;}.contact-item i {    color: var(--accent-color);    font-size: 1.2rem;    margin-top: 4px;}/* --- Mobile Responsive --- */.mobile-nav-toggle {    display: none;}@media (max-width: 768px) {    .container {        flex-direction: column;    }    .sidebar {        width: 100%;        height: auto;        position: relative;        padding: 2rem;        border-right: none;        border-bottom: 1px solid #e2e8f0;    }    .content {        margin-left: 0;        padding: 2rem;    }    .profile-img-container {        margin: 0 auto 1.5rem auto;    }    .profile-header {        text-align: center;    }    .social-links {        justify-content: center;        display: flex;    }}