/* Lectures index + module pages (grouped: published first, then Coming soon). Dashboard B tokens. */
.lia-page{padding-block:12px 48px}

.lia-head{margin:0 0 22px}
.lia-head h1{font-size:clamp(1.7rem,1.3rem + 1.2vw,2.15rem);font-weight:800;letter-spacing:-.02em;margin:0;line-height:1.2}
html[lang=ar] .lia-head h1{letter-spacing:0;line-height:1.4}
.lia-lead{margin:8px 0 0;color:var(--h-ink2);max-width:52ch;font-size:1.0625rem;font-variant-numeric:tabular-nums}

.lia-toolbar{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin:0 0 28px}
.lia-jump{margin:0;width:100%;flex:none}
.lia-jump-l{display:block;font-size:.9375rem;font-weight:700;color:var(--h-ink2);margin:0 0 6px}
.lia-jump ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.lia-jump a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 8px;border-radius:10px;text-decoration:none;color:var(--h-ink)!important;font-weight:700;font-variant-numeric:tabular-nums}
.lia-jump a:hover{background:var(--h-soft)}
.lia-jump a[aria-current="true"]{background:var(--h-navy);color:var(--h-on)!important}

.lia-mod{margin:0 0 32px;scroll-margin-top:80px}
.lia-mod > header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;margin:0 0 10px}
.lia-mod h2{font-size:1.2rem;font-weight:800;letter-spacing:-.01em;margin:0;display:flex;align-items:baseline;gap:10px;flex:1 1 auto}
html[lang=ar] .lia-mod h2{letter-spacing:0}
.lia-mn{font-variant-numeric:tabular-nums;color:var(--h-ink2);font-weight:800;min-width:1.4em}
.lia-meta{margin:0;color:var(--h-ink2);font-size:.9375rem;font-variant-numeric:tabular-nums}
.lia-open{font-weight:700;text-decoration:none;color:#074B4A!important;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
html[data-theme=dark] .lia-open{color:var(--h-teal)!important}

/* One list card per module: published rows, then a small Coming soon label, then faded unopenable rows. */
.lia-lecs-wrap{
  background:var(--h-surf);
  border:1px solid var(--h-rule);
  border-radius:16px;
  overflow:hidden;
  margin:0
}
.lia-lecs-wrap .fmh-lecs{
  margin:0;
  border:0;
  border-radius:0;
  background:transparent
}
.lia-soon-label{
  margin:0;
  padding:12px 18px 8px;
  font-size:.8125rem;
  font-weight:700;
  line-height:1.3;
  color:var(--h-ink2);
  border-top:1px solid var(--h-rule)
}
.lia-lecs-wrap > .lia-soon-label:first-child{border-top:0}
html[lang=ar] .lia-soon-label{letter-spacing:0}

.lia-page .fmh-lecs a,
.lia-page .fmh-lecs .lia-row{
  min-height:52px
}
/* Coming-soon rows keep the same grid as published links, but are not openable. */
.lia-page .fmh-lecs .lia-row{
  display:grid;
  grid-template-columns:3.2rem minmax(0,1fr) auto;
  gap:10px 12px;
  align-items:center;
  padding:8px 18px;
  color:var(--h-ink);
  cursor:default;
  pointer-events:none
}
.lia-lecs-soon .lia-row{opacity:.7}

/* English lecture titles are LTR; keep them attached to the number in RTL. */
html[dir=rtl] .fmh-lecs .ltitle{direction:ltr;unicode-bidi:isolate;text-align:right}

/* Pager: keep Previous / Next in their columns when one side is missing. */
.lia-page .fmh-pager{display:grid!important;grid-template-columns:1fr 1fr;margin-top:20px}
.lia-page .fmh-pager > .ph{display:block;visibility:hidden}

@media (max-width:640px){
  html[dir=rtl] .lia-toolbar{align-items:stretch}
  .lia-mod > header{flex-direction:column;align-items:flex-start;gap:2px}
  html[dir=rtl] .fmh-lecs .status{justify-self:start}
  .lia-page .fmh-lecs .lia-row{
    grid-template-columns:3rem minmax(0,1fr);
    grid-template-areas:"n t" "n s";
    padding:10px 14px
  }
  .lia-page .fmh-lecs .lia-row .lnum{grid-area:n}
  .lia-page .fmh-lecs .lia-row .ltitle{grid-area:t}
  .lia-page .fmh-lecs .lia-row .status{grid-area:s;justify-self:start}
  .lia-soon-label{padding:12px 14px 8px}
  .lia-page .fmh-pager{grid-template-columns:1fr;margin-top:16px}
  .lia-page .fmh-pager > .ph{display:none}
}

.fmh-links a[aria-current="page"]{color:var(--h-ink)!important;background:var(--h-soft)}
.lia-head .mnum{display:block;font-weight:800;color:var(--h-ink2);font-size:.9375rem;margin:0 0 4px;font-variant-numeric:tabular-nums}
.lia-guide{margin:6px 0 0;color:var(--h-ink2);font-size:.875rem}
html[dir=rtl] .lia-guide{text-align:right}
.lia-meta bdi,.lia-lead bdi{unicode-bidi:isolate}
html[data-theme=dark] .lia-jump a[aria-current="true"]{background:var(--h-teal);color:#06232A!important}
