/* Teacher detail page shared styles */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,500&family=Inter:wght@300;400;500&family=Noto+Sans+SC:wght@300;400;500&family=Noto+Serif+SC:wght@400;500;600;700;900&display=swap');

:root {
  --cream:#faf6ef; --ink:#2c2416; --ink-light:#5c5040; --ink-muted:#8a7e6e;
  --gold:#b8943d; --gold-deep:#8b6914; --serif-cn:'Noto Serif SC',serif;
  --serif-en:'Cormorant Garamond',serif; --sans-cn:'Noto Sans SC',sans-serif;
}

body { background:var(--cream); color:var(--ink); font-family:var(--sans-cn); margin:0; -webkit-font-smoothing:antialiased; line-height:1.8; }

nav { position:fixed; top:0; left:0; right:0; z-index:50; padding:16px 6vw; display:flex; align-items:center; justify-content:space-between; background:rgba(250,246,239,0.94); backdrop-filter:blur(12px); border-bottom:1px solid rgba(0,0,0,0.05); }
.nav-logo { font-family:var(--serif-cn); font-size:18px; font-weight:700; letter-spacing:4px; color:var(--ink); text-decoration:none; }
.nav-back { font-size:12px; letter-spacing:2px; color:var(--ink-muted); text-decoration:none; font-family:var(--serif-cn); transition:color 0.3s; }
.nav-back:hover { color:var(--gold); }

.teacher-page { max-width:800px; margin:0 auto; padding:120px 6vw 80px; }
.teacher-header { display:flex; gap:32px; align-items:flex-start; margin-bottom:40px; flex-wrap:wrap; }
.teacher-photo { width:200px; height:240px; object-fit:cover; border-radius:2px; box-shadow:0 4px 20px rgba(0,0,0,0.08); flex-shrink:0; }
.teacher-info { flex:1; min-width:200px; }
.teacher-role { font-family:var(--serif-en); font-size:10px; letter-spacing:4px; text-transform:uppercase; color:var(--gold); margin-bottom:4px; }
.teacher-name { font-family:var(--serif-cn); font-size:clamp(1.5rem,3vw,2rem); font-weight:700; letter-spacing:3px; margin-bottom:8px; }
.teacher-title { font-size:13px; color:var(--ink-muted); letter-spacing:1px; }
.teacher-bio { font-size:14px; line-height:2.2; color:var(--ink-light); }
.teacher-bio p { margin-bottom:16px; }

footer { padding:40px 6vw; text-align:center; background:#1e1a14; color:var(--cream); border-top:1px solid rgba(255,255,255,0.05); }
footer .ft { font-family:var(--serif-cn); font-size:14px; font-weight:700; letter-spacing:4px; }
footer .fm { font-size:8px; color:rgba(250,246,239,0.15); font-family:'Inter',sans-serif; margin-top:8px; }

@media(max-width:600px){ .teacher-header { flex-direction:column; align-items:center; text-align:center; } .teacher-photo { width:160px; height:200px; } }