:root{
  --bg:#f7f7fb;
  --card:#ffffff;
  --muted:#5b5f66;
  --accent:#1f6feb;
  --max-width:960px;
}
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;line-height:1.45;margin:0;background:var(--bg);color:#202124}
.container{max-width:var(--max-width);margin:32px auto;padding:24px}
.profile-header{display:flex;gap:20px;align-items:center;padding:18px;background:var(--card);border-radius:10px 10px 0 0;box-shadow:0 1px 3px rgba(16,24,40,0.06);margin-bottom:0}
.profile-header + section{border-radius:0 0 10px 10px;box-shadow:none;padding-top:4px}
.photo img{width:140px;height:140px;object-fit:cover;border-radius:6px;border:1px solid rgba(0,0,0,0.06)}
.intro h1{margin:0;font-size:1.6rem}
.intro .title{color:var(--muted);margin-top:6px}
.contact a{color:var(--accent);text-decoration:none}

h3 {
  margin-top: 0;
  font-weight: 600;
}

.content-grid{display:grid;grid-template-columns:1fr 280px;gap:20px;margin-top:18px}
section, aside{background:var(--card);padding:18px;border-radius:10px;box-shadow:0 1px 2px rgba(16,24,40,0.04)}
aside h3{margin-top:0}

.foot{text-align:center;color:var(--muted);font-size:0.9rem;margin-top:14px}

@media (max-width:820px){
  .content-grid{grid-template-columns:1fr}
  .profile-header{flex-direction:row}
  .photo img{width:110px;height:110px}
}

/* Site header */
.site-header{background:var(--card);border-bottom:1px solid rgba(16,24,40,0.04);padding:10px 0}
.site-header .header-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px}
.site-header .brand{font-weight:700;color:#111;text-decoration:none}
.site-nav a{margin-left:16px;color:var(--muted);text-decoration:none;font-weight:500}
.site-nav a:hover{color:var(--accent)}

.meta{color:var(--muted);font-size:0.95rem;margin-top:0}

.course{margin-bottom:24px}
.course:last-child{margin-bottom:0}

@media (max-width:600px){
  .site-header .header-inner{flex-direction:column;align-items:flex-start;gap:8px}
  .site-nav a{margin-left:0;margin-right:12px}
}