/* Newsletter flyout: section-level hooks on top of the ported design CSS.

   misfit/css/landing.css draws .secrets-trigger and the whole .flyout card,
   including the mobile layout and the open transition. */

/* The section's own element only exists to carry the desktop zoom the design
   applied to the page and to host the two fixed children, so it must not paint
   or take up space of its own. */
.misfit-flyout {
  display: block;
  background: none;
}

/* The panel sits at the end of the page, so whatever the design's own rules do
   with the surface token, the section keeps the right stacking context. */
.misfit-flyout .flyout {
  z-index: 80;
}

/* Server-rendered result of the subscribe post (F-16). The error line uses the
   brand's wine red rather than the success green; the focus ring is suppressed
   because the line only takes focus programmatically so it is announced. */
.misfit-flyout .flyout .form-note.is-error {
  color: #a3243b;
}
.misfit-flyout .flyout .form-note:focus {
  outline: none;
}