/* The analytics choice strip (NEV-1279). In the page's normal flow at the very
   top: never fixed, never over the content, so it cannot cover a page or the
   phone app's tab bar. The two buttons share one class: same size and weight. */
.consent-strip { display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  padding: 10px 16px; background: var(--n50); border-bottom: 1px solid var(--n100);
  font-size: 13px; color: #44403C; }
.consent-strip__text { flex: 1 1 320px; margin: 0; }
.consent-strip__actions { display: inline-flex; gap: 8px; flex-wrap: wrap; }
.consent-strip__btn { background: #fff; border: 1px solid var(--n500); border-radius: 6px;
  padding: 6px 14px; font: inherit; font-weight: 600; color: inherit; cursor: pointer;
  min-height: 36px; }
.consent-strip__btn:hover { background: var(--n100); }
.consent-strip__btn:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
@media (pointer: coarse) { .consent-strip__btn { min-height: 44px; } }
[data-analytics-consent-open][hidden] { display: none; }
/* The footer link's trailing separator, drawn with the link so a hidden link leaves no
   stray dot behind. inline-block keeps it out of the link's underline. */
.consent-open::after { content: "\00A0\00B7"; display: inline-block; }
/* On a phone the site's slim bar is fixed over the top of the page
   (nevvi.css, the same 760px rule and the same script-on condition), so the
   strip starts below it or its first line would sit underneath. */
@media (max-width: 760px) {
  /* Not on the phone app's host (body.is-m): it draws no such bar. */
  html.js body:not(.is-m) .consent-strip { padding-top: calc(10px + var(--phone-bar-drop, 0px)); }
}
/* The strip's two wordings: the full sentence, and the shorter one on a
   phone (760px and narrower). Exactly one shows at any width; the other is
   display: none, so a screen reader hears one too. */
.consent-strip__short { display: none; }
@media (max-width: 760px) {
  .consent-strip__long { display: none; }
  .consent-strip__short { display: inline; }
  .consent-strip { gap: 8px; }
}