.elementor-945 .elementor-element.elementor-element-340e1ce{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-21d78b9 */.frjoe-message {
  max-width: 820px;
  margin: 0 auto 3rem auto;
  padding: 2.5rem;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.06);
  border: 1px solid #eee;
}

.frjoe-meta {
  font-size: 0.9rem;
  color: #666;
  margin-bottom: 0.75rem;
  font-style: italic;
  text-align: left;
}

.frjoe-message h2 {
  font-size: 2.2rem;
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.5rem;
}

.frjoe-body p:first-of-type::first-letter {
  float: left;
  font-size: 3rem;
  line-height: 1;
  padding-right: 0.4rem;
  font-weight: bold;
  color: #2c3e50;
}

.frjoe-body p {
  font-size: 1.05rem;
  line-height: 1.8;
  color: #333;
  margin-bottom: 1.25rem;
}

.frjoe-body img {
  max-width: 100%;
  border-radius: 10px;
  margin: 1rem 0;
  display: block;
}

.frjoe-body hr {
  margin: 2rem 0;
  border: none;
  border-top: 1px solid #ddd;
}

@media (max-width: 768px) {
  .frjoe-message {
    padding: 1.5rem;
  }
  .frjoe-message h2 {
    font-size: 1.6rem;
  }
}/* End custom CSS */
/* Start custom CSS *//* Weekly Messages — Admin styles */
.frjoe-admin{background:#fff;border:1px solid #eee;border-radius:8px;padding:16px}
.frjoe-admin h3{margin:0 0 .5rem}
.frjoe-admin label{display:block;margin:.6rem 0 .25rem;font-weight:600}
.frjoe-admin input,.frjoe-admin textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:6px}
.frjoe-admin .row{display:flex;gap:8px;flex-wrap:wrap;margin-top:.5rem}
.frjoe-admin button{background:#4f46e5;color:#fff;border:0;border-radius:6px;padding:8px 12px;cursor:pointer}
.frjoe-admin button.ghost{background:#fff;color:#1f2937;border:1px solid #e5e7eb}
.frjoe-admin button.danger{background:#dc2626}
.frjoe-admin .wm-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee;padding:.6rem 0}
.frjoe-admin .badge{margin-left:.5rem;background:#eef;padding:2px 8px;border-radius:999px;font-size:12px}
.frjoe-admin .wm-actions{display:flex;gap:6px}

/* Front page teaser — 3-line clamp (optional, if you use #frjoe-teaser there) */
#frjoe-teaser{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  max-height:4.8em; /* ~3 lines fallback */
}/* End custom CSS */