@charset "UTF-8";
/*
Editor styles — make the block editor match the front-end post.

Loaded via add_editor_style( 'editor.css' ) in functions.php. WordPress scopes
every rule below to the editor canvas, so we can reuse front-end selectors here.
The content column is constrained to --reading, the same width as .reading on
the front end, so what the writer sees matches what readers get.

TABLE OF CONTENTS
--------------------------------------------
1. variables   - --reading + --wide + colours, mirrored from style.scss
2. width       - constrain blocks to --reading, wide blocks to --wide
3. typography  - headings, body, links
4. media       - image alignment + caption
*/
/* 1. variables
-------------------------------------------- */
:root {
  --reading: 640px;
  --wide: 900px;
  --body-font: sans-serif;
  --heading-font: sans-serif;
  --accent: rgb(0, 0, 238);
  --gray: #999;
  --dark: #111;
  --border: rgba(0,0,0,.07);
  --spacing: 1em; /* default gap between flowing elements */
}

/* 2. width
-------------------------------------------- */
.wp-block {
  max-width: var(--reading);
}

.wp-block[data-align=wide] {
  max-width: var(--wide);
}

.wp-block[data-align=full] {
  max-width: none;
}

/* 3. typography
-------------------------------------------- */
.editor-styles-wrapper {
  font-family: var(--body-font);
  font-size: 16px;
  line-height: 1.5;
  color: var(--dark);
}

.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6 {
  font-family: var(--heading-font);
  line-height: 1.2;
  font-weight: 600;
}

.editor-styles-wrapper a {
  color: var(--accent);
}

/* spacing - generous vertical rhythm, matching the front end */
.editor-styles-wrapper p,
.editor-styles-wrapper ul,
.editor-styles-wrapper ol,
.editor-styles-wrapper blockquote,
.editor-styles-wrapper figure,
.editor-styles-wrapper pre,
.editor-styles-wrapper table {
  margin-top: 0;
  margin-bottom: var(--spacing);
}

.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6 {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

/* 4. media
-------------------------------------------- */
.alignleft {
  float: left;
  margin: 0.5em 1.5em 1em 0;
}

.alignright {
  float: right;
  margin: 0.5em 0 1em 1.5em;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption-text,
figcaption {
  margin-top: 0.5em;
  font-size: 0.85em;
  color: var(--gray);
  text-align: center;
}/*# sourceMappingURL=editor.css.map */