/* Remembrance Day poppy note (Kent, Oct 2026): shown in the homepage
   header only, Oct 30 – Nov 11, gated by show_poppy in the home view.
   No green anywhere (Ember v2) — petals red, centre black, text ink.
   Layout note: the header content area is capped at 1032px and the
   base header already uses ~960px of it, so a side-by-side poppy +
   words overflows and the nav wraps mid-word. The badge is therefore
   stacked (icon over words), gaps tighten only while it shows, and
   nav links / the CTA never wrap. */
.poppy-note {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  margin-left: 4px;
  color: #2b2118;
  font-size: 12px;
  letter-spacing: .02em;
  white-space: nowrap;
}
.poppy-note svg {
  flex: none;
  width: 28px;
  height: 28px;
}
.head-in:has(.poppy-note) {
  gap: 20px;
}
.head-in:has(.poppy-note) .site-nav {
  gap: 16px;
}
.head-in:has(.poppy-note) .site-nav a,
.head-in:has(.poppy-note) .head-cta .btn {
  white-space: nowrap;
}
@media (max-width: 640px) {
  /* Crowded mobile header: keep the poppy, drop the words. */
  .poppy-note span {
    display: none;
  }
}
