@media (max-width: 599px) {
  .struggle, .strength, .empathy {
    font-size: 1.12em !important;
    padding: 0.15em 0.4em !important;
    border-radius: 0.4em !important;
    box-shadow: 0 1px 6px rgba(0,0,0,0.07) !important;
    display: inline-block !important;
  }
}
/* =========================
   Header / Navigation (minima) – REFACTORED
   ========================= */
.site-header {
  border-bottom: 1px solid #eaecef;
  background: #fff;
}
.site-header .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

/* Keep nav to the right */
.site-nav { margin-left: auto; }

/* Base link look (shared) */
.site-nav .page-link {
  display: inline-block;
  border-radius: 8px;
  text-decoration: none;
}

/* ---------- Desktop & Tablet (≥600px) ---------- */
@media (min-width: 600px) {
  /* Hide hamburger on wider screens */
  .site-nav .menu-icon { display: none; }
  .site-nav input { display: none; }
  .site-nav .trigger { display: inline-block; }

  .site-nav .page-link {
    margin-left: 18px;
    padding: 6px 12px;
  }
  .site-nav .page-link:hover {
    background: #f6f8ff;
  }
}

/* ---------- Mobile (≤599px) ---------- */
/* Single, consolidated block */
@media (max-width: 599px) {
  /* Base body text (kept modest so nav/title can scale) */
  body { font-size: 16px; line-height: 1.7; }

  /* Bigger, comfy tap targets even when menu is CLOSED */
  .site-nav .page-link {
    font-size: 1.125rem;     /* ~18px */
    padding: 12px 14px;      /* 44px-ish combined height with line-height */
    line-height: 1.2;
  }

  /* Hamburger hit area */
  .site-nav .menu-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;             /* recommended minimum tap target */
    height: 44px;
  }
  .site-nav .menu-icon svg,
  .site-nav .menu-icon img {
    width: 28px;
    height: 28px;
  }

  /* Mobile menu behavior (minima-compatible) */
  .site-nav .trigger { display: none; }
  .site-nav input:checked ~ .trigger { display: block; }

  /* When open, stack items with subtle separators */
  .site-nav input:checked ~ .trigger .page-link {
    display: block;
    margin: 6px 0;
    border-top: 1px solid #eee;
  }
  .site-nav input:checked ~ .trigger .page-link:first-child { border-top: 0; }

  /* Header balance */
  .site-title { font-size: 1.25rem; }

  /* Lede: bring back a distinct mobile voice */
  .lede {
    font-size: 1.1rem;       /* slightly larger than body on mobile */
    line-height: 1.9;
    margin: 0.8rem 0 1.2rem;
  }
}

/* =========================
   Lede (Desktop/Global)
   ========================= */
.lede {
  display: block;
  font-size: 1.05rem;        /* desktop modest accent */
  line-height: 1.8;
  color: #2E3A59;
  margin: 0.6rem 0 1rem;
}


/* =========================
   Dyslexia helper classes (minimal reset) (Desktop/Global)
   ========================= */
.dyslexia-calm { color: #a8dadc; }
.dyslexia-alert { color: #f4a261; }
.dyslexia-neutral { color: #6c757d; }
.dyslexia-encouragement { color: #ffe066; }