/* Approved Plant Education Project identity — 2026-09-23. */
.brand {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  flex-shrink: 0;
  max-width: 100%;
  line-height: 1.2;
}
.brand-emblem { display: block; width: 3.5rem; height: 3.5rem; flex: 0 0 3.5rem; }
.brand-name { display: block; }
.brand-name span { display: block; }
.home-logo { float: right; display: block; width: 12rem; height: auto; margin: 0 0 1rem 2rem; }
.hero .home-search { clear: both; }
.card-brand { display: flex; align-items: center; gap: .5rem; margin: 0 0 .75rem; font-size: 1rem; font-weight: 700; line-height: 1.25; }
.card-brand img { display: block; width: 2.75rem; height: 2.75rem; flex-shrink: 0; }
@media screen {
  body > header {
    position: sticky;
    top: 0;
    z-index: 30;
    max-height: 50vh;
    max-height: 50svh;
    overflow-y: auto;
  }
  .skip-link:focus { position: fixed; z-index: 40; }
}
@media screen and (max-width: 47.5rem) {
  .brand-emblem { width: 3rem; height: 3rem; flex-basis: 3rem; }
  .home-logo { float: none; width: 10rem; margin: 0 0 1.25rem; }
}
@media print {
  body > header { display: block !important; position: static; background: white; border: 0; box-shadow: none; margin: 0 0 4mm; break-after: avoid; }
  body > header .nav-wrap { display: block; padding: 0; margin: 0; min-height: 0; }
  body > header nav { display: none !important; }
  .brand { color: #173f35; font-size: 12pt; gap: 3mm; text-decoration: none; }
  .brand-emblem { width: 13mm; height: 13mm; flex-basis: 13mm; }
  .home-logo { display: none; }
  .card-brand { font-size: 12pt; margin-bottom: 3mm; gap: 3mm; }
  .card-brand img { width: 14mm; height: 14mm; }
}