/* Easy Zaban English — the Iranian flag: green, white, red.
   Overrides the platform tokens; layout comes from base.css. */
:root{
  --brand:#15803C; --brandDeep:#0B5A2A; --accent:#DA1B1B; --accentInk:#A11212; --onAccent:#fff;
  --cream:#FCFBF7; --sand:#EAF3EC; --ink:#16241B; --line:#DCE6DD; --muted:#5F6E64;
  --ov1:rgba(10,44,24,.62); --ov2:rgba(10,44,24,.84);
  --masc:#15803C; --fem:#A11212;
  --tint:#F5F9F5;
}

/* lesson rows on the course home */
.lrows{ display:flex; flex-direction:column; gap:10px; margin-top:18px; }
.lrow{ display:flex; align-items:center; gap:16px; background:#fff; border:1.5px solid var(--line);
  border-radius:14px; padding:14px 20px; text-decoration:none; color:var(--ink); }
.lrow.live{ border-color:var(--brand); box-shadow:0 2px 10px rgba(21,128,60,.10); }
.lrow.live:hover{ background:var(--tint); }
.lrow.soon{ opacity:.62; }
.lrow .ln{ font-weight:900; font-size:22px; color:var(--brand); min-width:34px; text-align:center; }
.lrow .lt{ flex:1; display:flex; flex-direction:column; gap:2px; }
.lrow .lt .es{ font-weight:800; font-size:17px; }
.lrow .lt small{ color:var(--muted); font-size:13px; }
.lrow .st{ flex-shrink:0; font-size:13px; font-weight:800; color:var(--brand);
  background:var(--sand); border-radius:999px; padding:5px 13px; }
.lrow.soon .st{ color:var(--muted); background:#F0F2F0; }