/* site-i18n.css — language banner, English-content note, footer language link
   and the Scholar's Desk language switch. Loaded on every public page by the
   Worker's language step. Colours follow the site's parchment / ink / gold. */
.ha-lang-banner,
.ha-lang-note {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 2147482000;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  max-width: min(520px, calc(100vw - 32px));
  box-sizing: border-box;
  padding: 14px 16px;
  border-radius: 14px;
  background: #fffdf8;
  color: #2b2a26;
  border: 1px solid #d9cfb8;
  box-shadow: 0 12px 32px rgba(40, 30, 10, 0.18);
  font: 500 15px/1.45 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.ha-lang-banner-copy { flex: 1 1 240px; min-width: 0; }
.ha-lang-banner-q { margin: 0; font-weight: 700; font-size: 16px; }
.ha-lang-banner-note,
.ha-lang-note p { margin: 2px 0 0; color: #55524a; font-size: 14px; }
.ha-lang-note p { margin: 0; flex: 1 1 220px; }
.ha-lang-banner-row { display: flex; gap: 8px; flex-wrap: wrap; }
.ha-lang-btn {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 8px 14px;
  border-radius: 10px;
  border: 1px solid #cfc3a6;
  background: #fff;
  color: #2b2a26;
  font: inherit;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}
.ha-lang-btn-primary { background: #2f2c26; border-color: #2f2c26; color: #fff; }
.ha-lang-btn:focus-visible,
.ha-lang-x:focus-visible,
.ha-lang-foot:focus-visible { outline: 3px solid #9a7b3e; outline-offset: 2px; }
.ha-lang-x {
  position: absolute;
  top: 4px;
  right: 6px;
  width: 32px;
  height: 32px;
  border: 0;
  background: transparent;
  color: #6b6658;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
.ha-lang-note { padding-right: 40px; }
/* Scholar's Desk: clear the left sidebar on wide screens. */
@media (min-width: 1024px) {
  html[data-sd="desk"] .ha-lang-banner,
  html[data-sd="desk"] .ha-lang-note { left: calc(var(--sd-side-w, 248px) + 16px); }
}
.ha-lang-foot-wrap { margin: 10px 0 0; text-align: center; font-size: 14px; }
.ha-lang-foot { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.sd-side-lang { margin-top: 0; }
.sd-lang-switch .sd-ico { flex: none; }
@media (max-width: 600px) {
  .ha-lang-banner,
  .ha-lang-note { left: 12px; right: 12px; bottom: 84px; max-width: none; }
}
@media print { .ha-lang-banner, .ha-lang-note, .ha-lang-foot-wrap { display: none !important; } }

/* Spanish detail pages (Spanish article, infographic, Q&A…): the Spanish
   breadcrumb into /es/biblioteca, inserted by the Worker inside <main>. */
main > .es-crumbs { max-width: 72rem; margin: 0 auto 0.75rem; padding: 0 1rem; box-sizing: border-box; }