/* brand.css — the locked StudyVault wordmark for STAFF pages (admin + teacher).
   Student pages get the same treatment from css/reskin.css; admin and teacher
   pages must not load reskin.css (it breaks table layouts), so the wordmark
   lives here too. Keep the two blocks identical. (Tom, 6 Sep 2026)

   Markup: <span class="header-logo">Study<b>Vault</b><svg class="logo-lock" viewBox="512 384 1023 1280">…</svg></span>
   StudyVault in Young Serif, single weight, both words the same ink; the
   padlock is the full stop in the brand rust. No BETA badge. */
@import url('https://fonts.googleapis.com/css2?family=Young+Serif&display=swap');

.header-logo, .site-footer-brand {
  font-family: 'Young Serif', Georgia, serif;
  font-weight: 400;
  letter-spacing: 0;
  display: inline-flex;
  align-items: baseline;
}
.header-logo b, .site-footer-brand b { font-weight: 400; }
.header-logo .logo-lock {
  width: .24em; height: .3em;
  vertical-align: baseline;
  margin-left: .06em;
  flex: 0 0 auto;
}
.header-logo .logo-lock path { fill: #c06325; }
.header-logo::after { content: none; }

/* Staff chrome: no capsules. The page label beside the wordmark and the
   nav pieces take the house radius, matching /teacher/classes. */
.header-unit-label, .header-lesson-label { border-radius: 6px; }