:root{
  --forest:#174d32;
  --forest-light:#23734d;
  --background:#eef4ef;
  --card:#ffffff;
  --text:#183126;
  --muted:#61746b;
}

*{box-sizing:border-box}

body{
  margin:0;
  font-family:Segoe UI,Arial,sans-serif;
  background:var(--background);
  color:var(--text);
}

.site-header{
  background:linear-gradient(135deg,var(--forest),var(--forest-light));
  color:#fff;
  padding:24px;
}

.site-header h1{
  margin:0;
  font-size:clamp(1.7rem,4vw,2.6rem);
}

.site-header p{
  margin:.35rem 0 0;
  opacity:.9;
}

.container{
  max-width:1120px;
  margin:0 auto;
  padding:22px;
}

.status-card,
.video-card{
  background:var(--card);
  border-radius:14px;
  box-shadow:0 5px 18px #00000018;
}

.status-card{
  padding:16px 18px;
  margin-bottom:24px;
}

.section-heading{
  margin-bottom:16px;
}

.section-heading h2{
  margin:0;
}

.section-heading p{
  margin:.35rem 0 0;
  color:var(--muted);
}

.video-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(290px,1fr));
  gap:18px;
}

.video-card{
  overflow:hidden;
}

.video-card video{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  background:#000;
}

.video-content{
  padding:16px;
}

.video-content h3{
  margin:0 0 8px;
}

.video-content p{
  margin:0 0 10px;
  color:var(--muted);
}

.embed-link{
  font-size:.85rem;
  word-break:break-all;
  color:var(--forest-light);
}

.empty-state{
  padding:30px;
  text-align:center;
  color:var(--muted);
  background:#fff;
  border-radius:14px;
}