/* ── Reading experience on poetry pages ── */
body.reading-page .poetry-content {
  font-size:          var(--rdr-font-size);
  line-height:        var(--rdr-line-height);
  color:              var(--rdr-text-color);
  max-width:          var(--rdr-max-width);
  margin:             0 auto 40px;
  text-align:         center;
  -webkit-font-smoothing:  antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering:     optimizeLegibility;
  font-kerning:       normal;
  word-spacing:       0.01em;
  letter-spacing:     0.012em;
  transition:         var(--rdr-transition);
  hyphens:            auto;
  -webkit-hyphens:    auto;
}

body.reading-page .poetry-content p {
  margin-bottom: 0;
  orphans: 3;
  widows: 3;
}

body.reading-page.rdr-font-garamond .poetry-content,
body.reading-page.rdr-font-garamond .poetry-content p {
  font-family: 'EB Garamond', Georgia, serif;
  letter-spacing: 0.008em;
  word-spacing:   0.02em;
}

body.reading-page.rdr-font-lora .poetry-content,
body.reading-page.rdr-font-lora .poetry-content p {
  font-family: 'Lora', Georgia, serif;
  letter-spacing: 0.006em;
}

body.reading-page.rdr-font-normal .poetry-content,
body.reading-page.rdr-font-normal .poetry-content p {
  font-family: 'Open Sans', sans-serif;
}

/* Poetry Page Content Styling */
#poetry-content h2 {
  color: #4392F1;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 5px;
  text-transform: uppercase;
}


#poetry-content h3 {
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  color: #333;
  font-weight: bold;
  margin: 5px 0;
  padding: 15px;
  background: #fff;
  border: 2px solid #000;
  box-shadow: 4px 4px 0px #4392F1;
  display: inline-block;
  width: auto;
  min-width: 200px;
}

#poetry-content .blue-box {
  color: #fff;
  background: #4392F1;
  box-shadow: 4px 4px 0px #000;
}

.poetry-flex-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  margin-top: 40px;
}

.poetry-flex-grid .feature-link {
  flex: 1 1 300px;
  max-width: 800px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /* horizontal centering */
  align-items: center;
  /* vertical centering if needed */
  text-align: center;
}


.poetry-box {
  display: block;
  /* or remove display entirely */
  /* now works correctly */
  font-family: 'Open Sans', sans-serif;
  color: #333;
  font-weight: bold;
  margin: 10px 0;
  padding: 20px;
  background: #fff;
  border: 3px solid #000;
  box-shadow: 6px 6px 0px #4392F1;
  width: 100%;
  max-width: 800px;
  transition: all 0.2s ease;
}

.poetry-box:hover {
  box-shadow: 8px 8px 0px #F46036;
  transform: translate(-2px, -2px);
}

.poetry-box h3 {
  margin: 0;
  font-family: 'Anton', cursive;
  font-size: 24px;
  color: #4392F1;
}

.poetry-box .subheading {
  font-size: 14px;
  color: #666;
  margin-top: 5px;
}

.poetry-box-grey {
  display: block;
  /* or remove display entirely */
  /* now works correctly */
  font-family: 'Open Sans', sans-serif;
  color: #333;
  font-weight: bold;
  margin: 10px 0;
  padding: 20px;
  background: #fff;
  border: 3px solid #000;
  box-shadow: 6px 6px 0px #333;
  width: 100%;
  max-width: 800px;
  transition: all 0.2s ease;
}

.poetry-box-grey h3 {
  margin: 0;
  font-family: 'Anton', cursive;
  font-size: 24px;
  color: #333;
}