.student-directory-head{display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(115deg,#f4f2e9,#fff)}.student-directory-head strong{font-size:34px;color:var(--green);text-align:center}.student-directory-head strong small{display:block;font-size:12px;font-weight:400}.student-directory-filters{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.student-directory-filters .field{flex:1;min-width:190px}.student-directory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:18px}.student-directory-card{display:flex;align-items:start;flex-direction:column;gap:12px}.student-directory-card p{margin:0}.student-directory-card .primary{width:100%;margin-top:auto}.student-portrait{display:grid;place-items:center;width:64px;height:64px;min-width:64px;border-radius:22px;background:#eef2e9;color:var(--green);font-size:26px;overflow:hidden}.student-portrait img{width:100%;height:100%;object-fit:cover}.student-directory-paging{display:flex;align-items:center;justify-content:center;gap:16px}.student-profile-identity{display:flex;align-items:center;gap:18px;margin:12px 0}.student-profile-identity h2{margin:3px 0}.student-profile-summary,.student-profile-tabs{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.student-profile-summary .secondary{margin-inline-start:auto}.student-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:16px}.student-fact{padding:15px;border:1px solid var(--line,#e5e7df);border-radius:14px;overflow-wrap:anywhere}.student-fact small{display:block;color:var(--muted);margin-bottom:7px}.student-fact b{font-size:15px}.student-panel{border:1px solid var(--line,#e5e7df);border-radius:16px;padding:20px;overflow-wrap:anywhere}.student-panel h4{font-size:18px;margin:0 0 12px}.student-panel ul{padding-inline-start:20px}.student-learning-tasks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:12px}.student-learning-tasks article{display:flex;flex-direction:column;gap:10px}.student-history-row{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line,#e5e7df)}.student-history-row:last-child{border:0}.student-history-row p{margin:5px 0;font-size:13px;color:var(--muted)}.student-award{padding:26px;text-align:center;border:1px solid #c8b584;border-radius:20px;background:radial-gradient(ellipse at top,#f7eed7,#fff 85%);display:flex;flex-direction:column;gap:10px;align-items:center}.student-award-star{color:#a18442;font-size:42px;line-height:1}.student-award h3,.student-award p{margin:0}.student-award small{color:#7f714d}.student-award.revoked{opacity:.6;filter:grayscale(1)}@media(max-width:600px){.student-profile-tabs button{flex:1;min-width:40%}.student-directory-filters button{flex:1}.student-profile-identity{align-items:start}.student-profile-summary .secondary{margin:0}.student-directory-head{align-items:start}.student-directory-head strong{font-size:26px}.student-history-row{align-items:start}.student-profile-head{padding:20px}}