/* The French nudge (lang-nudge.js): one line above the header on the English pages, for browsers whose
   first language is French. Its own file, linked from the English pages' head, because the site's CSP
   allows no inline style. */
.lang-nudge {
  background: var(--paper, #f3f0e8);
  color: var(--ink, #101418);
  border-bottom: 1px solid var(--rule, rgba(16, 20, 24, 0.16));
  font-family: var(--sans, "Helvetica Neue", Helvetica, Arial, sans-serif);
  font-size: 15px;
  line-height: 1.5;
}
.lang-nudge .wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding-top: 9px;
  padding-bottom: 9px;
}
.lang-nudge p {
  margin: 0;
  text-align: center;
}
.lang-nudge a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
  white-space: nowrap;
}
.lang-nudge button {
  flex: none;
  width: 32px;
  height: 32px;
  margin: -6px -8px -6px 0;
  padding: 0;
  border: 0;
  border-radius: 16px;
  background: none;
  color: inherit;
  font: inherit;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
.lang-nudge button:hover {
  background: var(--rule, rgba(16, 20, 24, 0.16));
}
