/* === InfoSage Content Blocks (v0.4.0) — essentials === */
.eh-demo-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;align-items:center}
.embed-16by9{position:relative;width:100%;padding-top:56.25%;border-radius:12px;overflow:hidden}
.embed-16by9 iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:900px){.eh-demo-grid{grid-template-columns:1fr}}

.eh-list{margin:0 0 .75rem 1rem}
.eh-list li{margin:.25rem 0}

/* Testimonials */
.eh-testimonials{position:relative;min-height:120px}
.eh-t-item{display:none;opacity:0;transition:opacity .4s ease}
.eh-t-item.is-active{display:block;opacity:1}
.eh-t-content p{margin:.25rem 0}
.eh-t-byline{display:block;margin-top:.35rem;opacity:.85}

/* Wisdom slider (fade) */
.eh-wisdom-slider{position:relative;min-height:120px;padding:8px 0;text-align:center}
.eh-w-emoji{font-size:32px;margin-bottom:6px;opacity:.9}
.eh-w-quote{font-size:1.05rem;margin:0}
.eh-w-byline{opacity:.85;margin-top:4px}

/* Forest Friends */
.eh-forest-friends{--ff-size:96px; --ff-gap:14px}
@media (max-width:700px){ .eh-forest-friends{--ff-size:78px; --ff-gap:12px} }
.ff-carousel{overflow:hidden; position:relative}
.ff-track{display:flex; gap:var(--ff-gap); will-change:transform; animation:ffScroll 24s linear infinite}
.ff-carousel:hover .ff-track{animation-play-state:paused}
.ff-item{flex:0 0 var(--ff-size); width:var(--ff-size); height:var(--ff-size);
  display:flex; align-items:center; justify-content:center;
  border-radius:999px; background:var(--eh-panel, #151026);
  border:1px solid rgba(255,210,77,.35);
  box-shadow:0 8px 24px rgba(0,0,0,.25), inset 0 0 20px rgba(76,175,80,.08)}
.ff-item:nth-child(odd){ border-color: rgba(76,175,80,.35) }
.ff-emoji{font-size:calc(var(--ff-size)*.55); line-height:1}
.ff-svg{width:58%; height:auto; display:block; color: var(--eh-gold, #FFD24D)}
.ff-item.ff-hemp .ff-svg{ color: var(--eh-green, #4CAF50) }
@keyframes ffScroll{0%{transform:translateX(0)}100%{transform:translateX(calc(-1 * (var(--ff-size) + var(--ff-gap)) * 6))}}

/* Blog Slider */
.eh-blog-slider{--gap:14px}
.eh-blog-slider .eh-bs-viewport{ overflow:auto; scroll-snap-type:x mandatory; }
.eh-blog-slider .eh-bs-track{ display:flex; gap:var(--gap); }
.eh-blog-slider .eh-bs-slide{
  flex:0 0 calc((100% - (var(--gap) * (var(--per, 3) - 1))) / var(--per, 3));
  scroll-snap-align:start;
}
.eh-bs-controls{ display:flex; gap:10px; justify-content:flex-end; margin-top:10px; }
.eh-bs-prev, .eh-bs-next{
  width:36px; height:36px; border-radius:36px; border:1px solid rgba(255,210,77,.35);
  background:#151026; color:#FFD24D; cursor:pointer;
}
.eh-bs-prev:hover,.eh-bs-next:hover{ color:#4CAF50; border-color:rgba(76,175,80,.5) }
@media (max-width:900px){ .eh-blog-slider{ --per:2 } }
@media (max-width:640px){ .eh-blog-slider{ --per:1 } }