/* ═══════════════════════════════════════════════════════════
   WaldorfMinds — page for schools and initiatives
   Everything shared lives in pages.css. This file only holds
   what is special about the page we link from our letters.
   ═══════════════════════════════════════════════════════════ */

/* the nav scrolls away with the page: no fixed bars here */
.org-page .nav { position: relative; }
.org-page { --sky: 640px; }
html:has(.org-page) { scroll-padding-top: 16px; }

/* ─── LANGUAGE PICKER (takes the place of the nav button) ── */
.lang { grid-column: 3; justify-self: end; position: relative; }
.lang::after {
  content: '';
  position: absolute;
  right: 14px;
  top: 50%;
  width: 7px;
  height: 7px;
  margin-top: -5px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  pointer-events: none;
}
.lang select {
  appearance: none;
  -webkit-appearance: none;
  padding: 9px 34px 9px 16px;
  border-radius: 999px;
  border: 1px solid var(--ink-faint);
  background: var(--surface);
  color: var(--ink);
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  cursor: pointer;
}
@media (max-width: 400px) {
  .lang select { padding: 9px 30px 9px 13px; }
  .lang::after { right: 12px; }
}