.mega-border {
  box-shadow: 0 0.55rem 1rem rgb(0 96 57) !important;
  border-radius: 8px !important;
  border-top: 3px solid #006039 !important;
  position: relative;   /* important for z-index */
  z-index: 10;
}

/* ============================================
   Blog Content Styling - .description_box
   Optimized for WordPress REST API content
   Theme Color: #006039
   ============================================ */

/* --- Theme Variables --- */
.description_box {
  --color-text: #222;
  --color-muted: #666;
  --color-bg-soft: #f0f9f5; /* soft greenish bg based on theme */
  --color-accent: #006039; /* your theme green */
  --color-border: #e0e0e0;

  font-size: 0.8rem;
  line-height: 1.75;
  color: var(--color-text);
}

/* --- Paragraphs --- */
.description_box p {
  margin: 0 0 1.1em;
}

/* Post Date */
.description_box .post-date {
  font-size: 0.9rem;
  color: var(--color-muted);
  margin-bottom: 1rem;
}

/* --- Headings --- */
.description_box h1,
.description_box h2,
.description_box h3,
.description_box h4,
.description_box h5,
.description_box h6 {
  font-weight: 700;
  line-height: 1.3;
  margin: 1.8em 0 0.6em;
  color: var(--color-text);
}

.description_box h1 { font-size: 2rem; }
.description_box h2 { font-size: 1.75rem; }
.description_box h3 { font-size: 1.4rem; }
.description_box h4 { font-size: 1.2rem; }
.description_box h5 { font-size: 1rem; }
.description_box h6 { font-size: 0.95rem; color: var(--color-muted); }

/* WP block heading style */
.description_box .wp-block-heading {
      padding: 10px 10px 10px 5px;
  border-left: 4px solid var(--color-accent);
  background-color: var(--color-bg-soft);
  border-radius: 4px;
}

/* --- Text Formatting --- */
.description_box strong { font-weight: 500; }
.description_box em { font-style: italic; }

/* --- Horizontal Rules --- */
.description_box hr,
.description_box .wp-block-separator {
  border: 0;
  border-top: 1px solid var(--color-border);
  margin: 2rem 0;
}

/* --- Lists --- */
.description_box ul,
.description_box ol {
  padding-left: 1.25rem;
  margin-bottom: 1.1em;
}
.description_box li { margin: 0.35em 0; }

/* --- Blockquotes --- */
.description_box blockquote {
  padding: 12px 16px;
  background: var(--color-bg-soft);
  border-left: 4px solid var(--color-accent);
  border-radius: 4px;
  margin: 1.5rem 0;
  color: var(--color-text);
  font-style: italic;
}

/* --- Media --- */
.description_box img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
}
.description_box iframe {
  max-width: 100%;
  border: none;
}

/* --- Author Line --- */
.description_box p strong:has(+ em) {
  display: block;
  margin-top: 1.5rem;
  font-size: 0.95rem;
  color: var(--color-muted);
}

/* --- Responsive Tweaks --- */
@media (max-width: 576px) {
  .description_box { font-size: 0.96rem; }
  .description_box h1 { font-size: 1.8rem; }
  .description_box h2 { font-size: 1.5rem; }
}
