.group-page { color: #111; font-size: 16px; line-height: 1.6; padding-bottom: 40px; }
.group-page h1 { margin: 26px 0 20px; font-size: 40px; font-weight: 300; }
.group-page h2 { margin: 24px 0 10px; font-size: 24px; font-weight: 400; }
.group-page h3 { margin: 0 0 6px; font-size: 19px; line-height: 1.4; font-weight: 500; }
.group-page li { margin-bottom: 7px; }
.group-page a { color: #003cb3; }
.group-page a:hover, .group-page a:focus { color: #002875; }
.group-page ul, .group-page ol { padding-left: 25px; }
.group-invitation { border-left: 3px solid #003380; padding: 8px 14px; margin: 18px 0; background: #f5f8fc; }
.pi-profile { display: flex; align-items: center; gap: 22px; margin: 12px 0 24px; }
.pi-profile img { object-fit: cover; border-radius: 5px; }
.pi-profile p { margin: 0 0 6px; }
.member-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px 25px; }
.member { padding: 10px 0; border-bottom: 1px solid #e4e7eb; }
.member p { margin: 0 0 4px; }
.people-list { margin-bottom: 20px; }
.group-page summary { cursor: pointer; color: #003cb3; }
.campus-videos { display: grid; gap: 15px; margin-top: 14px; }
.campus-videos video { width: 100%; max-width: 700px; height: auto; }
@media (max-width: 767px) {
 .group-page { font-size: 15px; }
 .group-page h1 { font-size: 36px; }
 .member-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
 .pi-profile { gap: 16px; align-items: flex-start; }
 .pi-profile img { width: 100px; height: 120px; }
}
@media (max-width: 420px) { .member-grid { grid-template-columns: 1fr; } }

.recruitment-language { margin-bottom: 18px; }
.recruitment-chinese { margin-top: 30px; padding-top: 12px; border-top: 1px solid #dce3ec; scroll-margin-top: 18px; }
.recruitment-chinese h3 { margin: 24px 0 10px; font-size: 21px; }
.recruitment-chinese p, .recruitment-chinese li { line-height: 1.85; }