.docs-search-toggle {
  flex: 0 0 auto; margin-left: auto;
  padding: 8px 16px; border: 1px solid #ffffff80; border-radius: 6px;
  background: #ffffff14; color: #fff; cursor: pointer; font: 600 14px/1.4 system-ui, sans-serif;
}
.docs-search-toggle:focus-visible, .docs-search-close:focus-visible { outline: 3px solid #ffbd4a; outline-offset: 3px; }
.docs-language-selector {
  flex: 0 1 160px; min-width: 110px; max-width: 160px;
  padding: 8px; border: 1px solid #ffffff80; border-radius: 6px;
  background: #ffffff14; color: #fff; cursor: pointer;
  font: 600 14px/1.4 system-ui, sans-serif;
}
.docs-language-selector option { color: #18232c; background: #fff; }
.docs-language-selector:focus-visible { outline: 3px solid #ffbd4a; outline-offset: 3px; }
.docs-translation-note {
  padding: 8px 12px; border-left: 3px solid #075b83;
  background: #eaf4f8; color: #18232c; font-size: 0.9em;
}
.docs-search-dialog {
  box-sizing: border-box; width: min(760px, calc(100vw - 32px)); max-height: 85vh;
  margin: auto; padding: 24px; border: 0; border-radius: 12px; overflow: auto;
  color: #18232c; background: #fff; font-family: system-ui, sans-serif;
  --pagefind-ui-primary: #075b83; --pagefind-ui-text: #18232c; --pagefind-ui-background: #fff;
}
.docs-search-dialog::backdrop { background: #0009; }
.docs-search-dialog h2 { margin: 0 0 24px; font-size: 22px; }
.docs-search-close { float: right; padding: 6px 10px; cursor: pointer; border: 1px solid #abb5bf; border-radius: 4px; background: #fff; color: #18232c; }
@media (max-width: 480px) {
  .docs-search-toggle { padding: 8px 10px; margin-left: 8px; }
  .docs-language-selector { min-width: 84px; max-width: 110px; padding: 8px 4px; font-size: 11px; }
  .docs-search-dialog { padding: 16px; }
  .docs-search-dialog h2 { clear: both; padding-top: 16px; }
}

/* Writerside renders this credit after loading its client bundle. */
footer .footer__powered,
footer [data-test="powered-block"] { display: none !important; }

/* Keep the IAS link and copyright together in the Writerside footer. */
footer .footer__wrapper {
  display: flex; align-items: center; justify-content: center;
  flex-wrap: nowrap; gap: 0.5em; white-space: nowrap;
}
footer [data-test="footer-socials"]:empty { display: none; }
footer .footer__links, footer .footer__legal, footer .footer__copyright {
  margin: 0 !important; padding: 0 !important;
}
@media (max-width: 480px) {
  footer .footer__wrapper { font-size: clamp(9px, 2.6vw, 11px); }
}