/* Easy Zaban French — bleu · blanc · rouge, muted into the platform's warm register
   (FRENCH_COURSE_PLAN.md §5 / lesson_fr_template.html). Overrides the platform tokens;
   layout comes from base.css. Owned by the French session. */
:root{
  --brand:#24407A; --brandDeep:#1B3160; --accent:#C93B45; --accentInk:#A22E36; --onAccent:#fff;
  --cream:#FCFBF7; --sand:#EEF1F7; --ink:#1B2233; --line:#DDE2EC; --muted:#5C6478;
  --ov1:rgba(20,32,64,.60); --ov2:rgba(20,32,64,.84);
  --masc:#0F6B5C; --fem:#8A3A7A;
  --tint:#F5F6FA;
}

/* lesson rows on the course home / curriculum */
.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(36,64,122,.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:#F0F2F5; }
/* the pronunciation hint under a phrase card is Persian; the liaison tie is drawn */
.pmc .hint{ direction:rtl; unicode-bidi:isolate; font-weight:600; }
.pmc .tr b{ color:var(--accentInk); }
.tie{ display:inline-block; width:.62em; height:.34em; margin:0 .04em; vertical-align:-.28em;
  border:1.5px solid currentColor; border-top:0; border-radius:0 0 .45em .45em; opacity:.85; }