.school-work-center-head {
  padding: 1.15rem 1.25rem;
  border: 1px solid #dce5e8;
  border-radius: 16px;
  background: linear-gradient(115deg, rgba(255,255,255,.97), rgba(236,253,245,.92));
  box-shadow: 0 12px 30px rgba(15,23,42,.06);
}
.school-work-center-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: .8rem;
  margin-bottom: 1rem;
}
.school-work-center-tile {
  display: grid;
  grid-template-columns: 3.25rem minmax(0,1fr) auto;
  align-items: center;
  gap: .8rem;
  min-height: 8.5rem;
  padding: 1rem;
  border: 1px solid #d7e3e6;
  border-radius: 16px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 8px 22px rgba(15,23,42,.06);
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.school-work-center-tile:hover {
  transform: translateY(-2px);
  border-color: #2dd4bf;
  box-shadow: 0 14px 28px rgba(15,118,110,.13);
}
.school-work-center-icon {
  display: grid;
  width: 3.25rem;
  height: 3.25rem;
  place-items: center;
  border-radius: 14px;
  background: linear-gradient(145deg,#0f766e,#164e63);
  color: #fff;
  font-size: 1.05rem;
  font-weight: 950;
  box-shadow: 0 8px 18px rgba(15,118,110,.22);
}
.school-work-center-tile > span:nth-child(2) { display:grid; gap:.15rem; min-width:0; }
.school-work-center-tile small { color:#0f766e; font-size:.52rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.school-work-center-tile b { color:#0f172a; font-size:.82rem; }
.school-work-center-tile em { color:#64748b; font-size:.64rem; font-style:normal; line-height:1.45; }
.school-work-center-tile strong { color:#0f766e; font-size:1rem; }
.school-work-center-notice,
.school-work-center-empty {
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid #f6d68a;
  border-radius: 12px;
  background: #fffbeb;
  font-size: .72rem;
}
.school-work-center-notice p,
.school-work-center-empty p { margin-top:.25rem; color:#64748b; }
.school-work-center-assignments { margin-top:.25rem; }
.school-work-center-columns { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.school-work-center-columns > div { display:grid; align-content:start; gap:.5rem; }
.school-work-center-columns h3 { margin:0; color:#0f766e; }
.school-work-center-columns a,
.school-work-center-columns > div > div {
  display:grid;
  gap:.15rem;
  padding:.7rem;
  border:1px solid #e2e8f0;
  border-radius:10px;
  background:#f8fafc;
  font-size:.7rem;
}
.school-work-center-columns small { color:#64748b; }
@media (max-width:1050px) { .school-work-center-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:650px) {
  .school-work-center-grid,
  .school-work-center-columns { grid-template-columns:1fr; }
  .school-work-center-tile { min-height:7rem; }
}