/* Shared contents only: each caller retains its own dialog/page scrolling. */
.student-archive-view { min-width:0; overflow-wrap:anywhere; }
.student-archive-view>h4 { margin:24px 0 14px; font-size:16px; }
.student-archive-view .student-archive-identity { display:grid; grid-template-columns:minmax(0,1fr) 72px; align-items:center; gap:16px; margin-bottom:24px; padding-bottom:20px; border-bottom:1px solid var(--line,#e6ebf2); }
.student-archive-view .student-archive-identity-fields { display:grid; gap:10px; margin:0; min-width:0; }
.student-archive-view .student-archive-identity-fields>div { display:grid; grid-template-columns:2em minmax(0,1fr); align-items:baseline; gap:12px; min-width:0; font-size:14px; line-height:1.5; }
.student-archive-view .student-archive-identity-fields dt { color:var(--muted,#64748b); white-space:nowrap; }
.student-archive-view .student-archive-identity-fields dd { min-width:0; margin:0; overflow-wrap:anywhere; }
.student-archive-view .student-archive-identity-name dd { font-size:20px; font-weight:600; line-height:1.4; color:var(--ink,#1a1a1a); }
.student-archive-view .student-archive-identity-photo { display:flex; align-items:center; justify-content:center; width:72px; height:90px; min-width:0; overflow:hidden; border-radius:8px; background:#eef4fb; color:#4b6f92; font-size:26px; font-weight:500; }
.student-archive-view .student-archive-identity-photo img { display:block; width:100%; height:100%; max-width:100%; object-fit:cover; border-radius:inherit; }
@media(max-width:600px) {
  .student-archive-view { font-size:16px; }
}
@media(max-width:360px) {
  .student-archive-view .student-archive-identity { grid-template-columns:minmax(0,1fr) 64px; gap:12px; }
  .student-archive-view .student-archive-identity-fields>div { gap:8px; }
  .student-archive-view .student-archive-identity-name dd { font-size:18px; }
  .student-archive-view .student-archive-identity-photo { width:64px; height:80px; }
}