:root {
  --layout-max: 1360px;
}

.site-wrap,
.container,
.page-shell {
  width: min(var(--layout-max), calc(100% - 48px));
  margin-inline: auto;
}

.global-header,
.site-header,
.school-header {
  border-radius: 22px;
  border: 1px solid rgba(223, 221, 206, 0.24);
  background: linear-gradient(150deg, rgba(22, 43, 37, 0.82), rgba(15, 31, 27, 0.72));
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: var(--shadow-depth-1), var(--shadow-inner);
}

.global-footer,
.site-footer {
  min-height: var(--footer-height);
  display: grid;
  place-items: center;
  text-align: center;
  font-size: 0.62rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #b7c2b8;
  border-top: 1px solid rgba(214, 212, 196, 0.18);
  background: linear-gradient(180deg, rgba(17, 33, 29, 0.72), rgba(14, 28, 24, 0.86));
}

@media (max-width: 900px) {
  .site-wrap,
  .container,
  .page-shell {
    width: calc(100% - 24px);
  }
}
[hidden] {
  display: none !important;
}