/* Hide the mobile header extras (search/account/cart) */
.elementor-element-3ffb9aa,
[data-id="3ffb9aa"] {
  display: none !important;
}

:root{
  --font-readable:
    "OpenDyslexic",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Ubuntu,
    Cantarell,
    "Helvetica Neue",
    Arial,
    "Atkinson Hyperlegible",
    "Lexend",
    Verdana,
    Tahoma,
    sans-serif;

  --line-height: 1.4;
  --measure: 70ch;
  --paragraph-space: 1em;
  --focus-colour: #1d4ed8;
  --focus-width: 3px;
  --focus-offset: 3px;
  --radius: 6px;
}

html{
  font-family: var(--font-readable);
  line-height: var(--line-height);
  font-size: 100%;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
}

body{
  font-family: inherit;
  text-align: left;
  letter-spacing: 0.02em;
  word-spacing: 0.06em;
}

:where(.entry-content, .wp-block-post-content, .wp-site-blocks, .site-main){
  line-height: var(--line-height);
}

:where(.entry-content, .wp-block-post-content, .wp-site-blocks, .site-main)
:is(p, li, blockquote, dd, dt){
  max-width: var(--measure);
}

:where(.entry-content, .wp-block-post-content, .wp-site-blocks, .site-main) p{
  margin: 0 0 var(--paragraph-space);
}

:where(.entry-content, .wp-block-post-content, .wp-site-blocks, .site-main)
:is(h1, h2, h3, h4, h5, h6){
  line-height: 1.25;
  margin: 1.2em 0 0.6em;
}

:where(.entry-content, .wp-block-post-content, .wp-site-blocks, .site-main) ul,
:where(.entry-content, .wp-block-post-content, .wp-site-blocks, .site-main) ol{
  padding-left: 1.2em;
}

:where(.entry-content, .wp-block-post-content, .wp-site-blocks, .site-main) li{
  margin: 0.35em 0;
}

a{
  text-decoration-thickness: 2px;
  text-underline-offset: 0.18em;
}

a:hover{
  text-decoration-thickness: 3px;
}

:focus{
  outline: none;
}

:focus-visible{
  outline: var(--focus-width) solid var(--focus-colour);
  outline-offset: var(--focus-offset);
  border-radius: var(--radius);
}

:where(.entry-content, .wp-block-post-content, .wp-site-blocks, .site-main)
:is(p, li, h1, h2, h3, h4, h5, h6, blockquote, .wp-block){
  height: auto;
  overflow: visible;
}

@media (prefers-reduced-motion: reduce){
  *{
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}

body.reading-mode{
  line-height: 1.8;
  letter-spacing: 0.03em;
  word-spacing: 0.12em;
}

body.reading-mode
:where(.entry-content, .wp-block-post-content, .wp-site-blocks, .site-main)
:is(p, li){
  max-width: 65ch;
}
@media (max-width: 600px){
  body,
  body.reading-mode{
    letter-spacing: 0.01em;
    word-spacing: 0.04em;
  }
}