/* Start custom CSS for html, class: .elementor-element-523e147 *//* ===== TestEveryFaith — Light Readable Style ===== */
:root {
  --tef-bg: #ffffff;           /* white */
  --tef-bg-accent: #f9fafb;    /* very light gray */
  --tef-text: #1f2937;         /* slate-800 */
  --tef-muted: #374151;        /* slate-700 */
  --tef-accent: #2563eb;       /* blue-600 */
  --tef-accent-2: #0891b2;     /* cyan-600 */
  --tef-ring: rgba(37,99,235,.25);
  --tef-shadow: 0 6px 18px rgba(0,0,0,.08);
}

.tef-description {
  position: relative;
  max-width: 72ch;
  margin: 2rem auto;
  padding: 2.25rem 2rem;
  color: var(--tef-text);
  background: linear-gradient(180deg, var(--tef-bg), var(--tef-bg-accent));
  border-radius: 1.25rem;
  box-shadow: var(--tef-shadow);
  line-height: 1.75;
  letter-spacing: .01em;
  border: 1px solid #e5e7eb;
  animation: tefFadeUp .6s ease-out both;
}

/* Decorative left bar */
.tef-description::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 6px;
  border-radius: 1.25rem 0 0 1.25rem;
  background: linear-gradient(180deg, var(--tef-accent), var(--tef-accent-2));
  box-shadow: 0 0 0 3px var(--tef-ring);
}

/* Title */
.tef-description .tef-title {
  margin: 0 0 .75rem 0;
  font-size: clamp(1.4rem, 2.4vw, 2rem);
  font-weight: 800;
  background: linear-gradient(90deg, var(--tef-accent), var(--tef-accent-2));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* First paragraph emphasis */
.tef-description p:first-of-type {
  font-size: clamp(1.1rem, 1.3vw, 1.25rem);
  color: var(--tef-text);
}

/* Drop cap */
.tef-description p:first-of-type::first-letter {
  float: left;
  font-size: 3.2rem;
  line-height: .9;
  padding: .18rem .5rem 0 .02rem;
  margin: .02rem .4rem 0 0;
  font-weight: 900;
  color: var(--tef-accent);
}

/* Paragraphs */
.tef-description p + p {
  margin-top: 1rem;
  color: var(--tef-muted);
}

/* Scripture Verse */
.tef-description .tef-verse {
  display: block;
  margin-top: 1.25rem;
  padding: .9rem 1rem;
  border-radius: .9rem;
  background: #eff6ff; /* light blue */
  border: 1px dashed rgba(37,99,235,.35);
  font-style: italic;
  color: var(--tef-text);
}

.tef-description .tef-verse small {
  display: block;
  margin-top: .35rem;
  font-style: normal;
  font-weight: 600;
  color: var(--tef-accent);
}

/* Fade-up animation */
@keyframes tefFadeUp {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}/* End custom CSS */