.school-university-public main.min-h-screen.bg-slate-50 > section.bg-slate-950.text-white:first-child {
  position: relative;
  isolation: isolate;
  min-height: 30rem;
  display: flex;
  align-items: center;
  background: #082f36 url("/static/images/education/university-campus-hero-v1.jpg") center / cover no-repeat;
}

.school-university-public main.min-h-screen.bg-slate-50 > section.bg-slate-950.text-white:first-child::before,
.school-university-dashboard-hero::before,
.school-grade-dashboard-hero::before,
.library-visual-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(3, 25, 31, .96) 0%, rgba(3, 35, 43, .82) 42%, rgba(3, 25, 31, .22) 100%);
}

.grade-public-hero {
  background: #07333a url("/static/images/education/grade-school-hero-v1.jpg") center / cover no-repeat;
}

.grade-public-hero-inner {
  position: relative;
}

.school-university-dashboard-hero,
.school-grade-dashboard-hero,
.library-visual-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 13rem;
  align-items: center;
  background-position: center;
  background-size: cover;
  color: #fff;
  box-shadow: 0 18px 45px rgba(15, 23, 42, .14);
}

.school-university-dashboard-hero {
  background-image: url("/static/images/education/university-campus-hero-v1.jpg");
}

.school-grade-dashboard-hero {
  background-image: url("/static/images/education/grade-school-hero-v1.jpg");
}

.library-workspace-page {
  position: relative;
  isolation: isolate;
}

.library-workspace-page::before {
  content: "";
  position: fixed;
  inset: 3.5rem 0 0;
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(232, 241, 242, .42), rgba(232, 241, 242, .62)),
    url("/static/images/education/library-reading-hero-v1.jpg") center / cover fixed no-repeat;
}

.library-workspace-page .library-task-card,
.library-workspace-page .library-stat-card,
.library-workspace-page .library-queue-card,
.library-workspace-page .library-popular-card {
  border-color: rgba(255, 255, 255, .72);
  box-shadow: 0 12px 30px rgba(15, 23, 42, .09);
  -webkit-backdrop-filter: blur(12px) saturate(125%);
  backdrop-filter: blur(12px) saturate(125%);
}

.library-workspace-page .library-task-card {
  background: rgba(255, 255, 255, .76);
}

.library-workspace-page .library-task-card:hover {
  background: rgba(255, 255, 255, .9);
}

.library-workspace-page .library-stat-card {
  background: rgba(255, 255, 255, .8);
}

.library-workspace-page .library-queue-card,
.library-workspace-page .library-popular-card {
  background: rgba(255, 255, 255, .88);
}

.library-workspace-page .library-table-head,
.library-workspace-page .library-popular-item {
  background: rgba(241, 245, 249, .68);
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .library-workspace-page .library-task-card,
  .library-workspace-page .library-stat-card,
  .library-workspace-page .library-queue-card,
  .library-workspace-page .library-popular-card {
    background: rgba(255, 255, 255, .94);
  }
}

.library-visual-hero {
  min-height: 18rem;
  background: #082f36 url("/static/images/education/library-reading-hero-v1.jpg") center / cover no-repeat;
}

.school-university-dashboard-hero > *,
.school-grade-dashboard-hero > *,
.library-visual-hero > * {
  position: relative;
  z-index: 1;
}

.school-university-dashboard-hero h1,
.school-grade-dashboard-hero h1,
.school-university-dashboard-hero p,
.school-grade-dashboard-hero p,
.library-visual-hero p {
  color: #fff;
  text-shadow: 0 2px 14px rgba(0, 0, 0, .5);
}

@media (max-width: 700px) {
  .school-university-public main.min-h-screen.bg-slate-50 > section.bg-slate-950.text-white:first-child { min-height: 25rem; background-position: 64% center; }
  .grade-public-hero { background-position: 62% center; }
  .school-university-dashboard-hero,
  .school-grade-dashboard-hero,
  .library-visual-hero { min-height: 16rem; background-position: 62% center; }
  .library-workspace-page::before { background-attachment: scroll; }
}

@media (prefers-reduced-transparency: reduce) {
  .library-workspace-page .library-task-card,
  .library-workspace-page .library-stat-card,
  .library-workspace-page .library-queue-card,
  .library-workspace-page .library-popular-card {
    background: #fff;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

@media (prefers-reduced-data: reduce) {
  .library-workspace-page::before { background-image: none; }
}