/* ===========================================================================
   base.css — the reset this page actually needs.

   What was here before: 276 rules recovered from the clone, of which exactly
   17 matched anything on this page. The other 259 were CSS-module classes from
   a rich-text component library (._text-wrapper_zcny4_1, ._heading_9hs3o_1 and
   the like) for a blog surface we do not have.

   Those 17 were measured in the browser and are all reproduced below, so the
   page renders identically — no borrowed rules, and nothing carried along for
   a feature that does not exist here.

   One rule is deliberately dropped: it pinned a toast container to the
   viewport. Nothing on this page raises a toast, and the selector named a
   component we do not ship.
   =========================================================================== */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

html,
body {
  margin: 0;
  padding: 0;
  line-height: normal;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* The clone left h1 at the UA default of 2em with 0.67em margins. Every h1 on
   this page is sized by its own component, but keep the fallback honest. */
h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

p {
  margin: 0;
  padding: 0;
}

a {
  background-color: transparent;
  text-decoration: none;
  outline: none;
}

img {
  border-style: none;
}

/* Form controls do not inherit type from their parent on their own. */
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  appearance: button;
}

button {
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
  outline: none;
}

/* Keyboard users still need to see where they are — the reset above removes
   the default ring, so put a deliberate one back. */
:where(a, button, [tabindex]):focus-visible {
  outline: 2px solid var(--mz-accent, #3ddc84);
  outline-offset: 3px;
  border-radius: 4px;
}

template,
[hidden] {
  display: none;
}