/* Faculty Page Styles */
.fac-detail { background:#fff; padding: 36px 0 64px; }
.fac-detail .container { max-width: 980px; }
.fac-head { display:flex; align-items:center; gap:18px; margin-bottom:18px; }
.fac-avatar { width:160px; height:160px; border-radius:50%; overflow:hidden; box-shadow: 0 0 0 8px #fff1a6 inset, 0 0 0 2px #ffd56b inset; }
.fac-avatar img { width:100%; height:100%; object-fit:cover; object-position:center; display:block; }
.fac-title { margin:0; font-size:24px; font-weight:800; }
.fac-sub { margin:6px 0 0; color: var(--muted); }
.fac-body { margin-top: 16px; line-height: 1.9; color: #222; }
.fac-body p { margin: 0 0 12px; }
.fac-list { margin: 10px 0 0; padding-left: 20px; }
.fac-list li { margin: 4px 0; }
.back { display:inline-block; margin-top: 18px; color:#111; text-decoration:none; border:1px solid #eee; padding:8px 12px; border-radius:10px; background:#fff; }

/* Story Page Styles */
.story-detail { background:#fff; padding: 36px 0 64px; }
.story-detail .container { max-width: 980px; }
.story-head { text-align: center; margin-bottom: 18px; }
.story-title { margin: 0; font-size: 28px; font-weight: 800; }
.story-desc { margin-top: 8px; color: var(--muted); }
.story-media { display:grid; place-items:center; gap:12px; }
.story-media img { width: 100%; max-width: 860px; border-radius: 12px; box-shadow: 0 8px 18px rgba(0,0,0,.12); }
.story-meta { text-align:center; color: var(--muted); font-size: 14px; }
.tag-list { margin-top: 10px; display:flex; justify-content:center; gap:8px; flex-wrap: wrap; }
.tag { display:inline-block; padding:6px 10px; border:1px solid #eee; border-radius:12px; font-size:12px; background:#fff; }
.back-link { display:inline-block; margin-top: 18px; color:#111; text-decoration:none; border:1px solid #eee; padding:8px 12px; border-radius:10px; background:#fff1a6; font-weight:800; }
.story-body { margin-top: 16px; line-height: 1.9; color: #222; }
.story-body p { margin: 0 0 12px; }
.story-gallery { margin-top: 18px; display:grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.story-gallery a { display:block; border-radius:12px; overflow:hidden; border:1px solid #eee; box-shadow: 0 6px 14px rgba(0,0,0,.06); }
.story-gallery img { width:100%; aspect-ratio: 4 / 3; object-fit: cover; display:block; }
.story-pager { display:flex; justify-content:space-between; align-items:center; margin-top: 18px; }
.story-pager a { display:inline-block; color:#111; text-decoration:none; border:1px solid #eee; padding:8px 12px; border-radius:10px; background:#fff; }