/* AcademicPages-like theme */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700&display=swap');

:root {
  --primary: #52adc8;
  --primary-dark: #3d8b9e;
  --bg: #fff;
  --bg-alt: #f2f3f3;
  --text: #494e52;
  --text-light: #6c757d;
  --heading: #222831;
  --border: #e0e0e0;
  --link: #52adc8;
  --sidebar-bg: #f2f3f3;
  --max-width: 1280px;
  --sidebar-w: 260px;
}

* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:'Noto Sans',system-ui,sans-serif; font-size:15px; line-height:1.65; color:var(--text); background:var(--bg); }
a { color:var(--link); text-decoration:none; }
a:hover { text-decoration:underline; }
img { max-width:100%; }

/* MASTHEAD / NAV */
.masthead {
  background:#fff; border-bottom:1px solid var(--border);
  position:sticky; top:0; z-index:50;
}
.masthead__inner {
  max-width:var(--max-width); margin:0 auto;
  display:flex; align-items:center; justify-content:space-between;
  padding:0.6rem 1.5rem;
}
.masthead__title { font-size:1rem; font-weight:700; color:var(--heading); }
.masthead__title a { color:var(--heading); }
.masthead__nav { display:flex; gap:0; }
.masthead__nav a {
  padding:0.5rem 0.9rem; font-size:0.82rem; font-weight:600;
  color:var(--text); text-transform:uppercase; letter-spacing:0.03em;
  border-bottom:2px solid transparent; transition:all 0.2s;
}
.masthead__nav a:hover, .masthead__nav a.active {
  color:var(--primary); border-bottom-color:var(--primary); text-decoration:none;
}

/* PAGE LAYOUT */
.page-wrapper {
  max-width:var(--max-width); margin:0 auto;
  display:grid; grid-template-columns:var(--sidebar-w) 1fr;
  gap:2.5rem; padding:2rem 1.5rem;
  min-height:calc(100vh - 120px);
}

/* SIDEBAR */
.sidebar {
  position:sticky; top:80px; align-self:start;
}
.sidebar__avatar {
  width:180px; height:180px; border-radius:50%; overflow:hidden;
  margin:0 auto 1rem; border:3px solid var(--border);
}
.sidebar__avatar img { width:100%; height:100%; object-fit:cover; }
.sidebar__name {
  text-align:center; font-size:1.1rem; font-weight:700; color:var(--heading);
  margin-bottom:0.15rem;
}
.sidebar__role {
  text-align:center; font-size:0.82rem; color:var(--text-light); font-style:italic;
  margin-bottom:1rem;
}
.sidebar__info { font-size:0.82rem; color:var(--text-light); }
.sidebar__info li { list-style:none; padding:0.25rem 0; display:flex; align-items:center; gap:0.4rem; }
.sidebar__info li svg { width:14px; height:14px; flex-shrink:0; fill:var(--text-light); }
.sidebar__links { margin-top:1rem; }
.sidebar__links li { list-style:none; padding:0.2rem 0; }
.sidebar__links a { font-size:0.82rem; font-weight:600; }

/* MAIN CONTENT */
.page__content h1 {
  font-size:1.8rem; color:var(--heading); margin-bottom:1.2rem;
  padding-bottom:0.5rem; border-bottom:1px solid var(--border);
}
.page__content h2 {
  font-size:1.3rem; color:var(--heading); margin-top:2rem; margin-bottom:0.8rem;
}
.page__content h3 {
  font-size:1.05rem; color:var(--heading); margin-top:1.5rem; margin-bottom:0.5rem;
}
.page__content p { margin-bottom:1rem; }
.page__content ol, .page__content ul { margin-left:1.2rem; margin-bottom:1rem; }
.page__content li { margin-bottom:0.6rem; line-height:1.6; }
.page__content li strong { color:var(--heading); }

/* FOOTER */
.site-footer {
  border-top:1px solid var(--border); padding:1.5rem;
  text-align:center; font-size:0.75rem; color:var(--text-light);
  max-width:var(--max-width); margin:0 auto;
}
.site-footer a { color:var(--text-light); }

/* RESPONSIVE */
@media (max-width:768px) {
  .page-wrapper { grid-template-columns:1fr; }
  .sidebar { position:static; text-align:center; }
  .sidebar__avatar { width:120px; height:120px; }
  .masthead__nav { gap:0; }
  .masthead__nav a { padding:0.5rem 0.5rem; font-size:0.72rem; }
}