/* AD30 members - video lessons in the MEMBER VIEW (simple.html, simple-rework).          [lessons-merge, new file]
   lxm-* = "Latest lessons" at the top + lessons inside an opened section; lxn-* = lessons in the Study notes / print.
   Loaded after css/simple.css and css/lessons.css (which gives .lx-new, .lx-thumb, .lx-play, .lx-yt). */

/* ---------- "Latest lessons" ---------- */
.lxm-top{margin:44px 0 0}
.lxm-top .lxm-h{font-weight:500; font-size:28px; line-height:1.2; margin:0; text-align:center}
.lxm-top .lxm-sub{color:var(--muted); font-size:15px; text-align:center; margin:4px 0 16px}
.lxm-list{list-style:none; margin:0; padding:0}
.lxm-item{margin:0 0 12px; border:1px solid var(--line); border-radius:18px; background:var(--panel); overflow:hidden}
.lxm-item.open{border-color:rgba(217,184,112,.55)}
.lxm-item.lxm-flash{animation:lxmFlash 1.6s ease}
.lxm-row{width:100%; display:flex; gap:14px; align-items:center; padding:10px; min-height:88px; background:none; border:0; color:inherit;
  font:inherit; text-align:left; cursor:pointer; border-radius:18px; -webkit-tap-highlight-color:transparent; touch-action:manipulation}
.lxm-row:active{background:var(--gold-soft)}
.lxm-row:focus-visible{outline:3px solid var(--gold); outline-offset:-3px}
.lxm-sthumb{flex:0 0 40%; max-width:170px; border-radius:10px}
.lxm-sthumb .lx-play{width:40px; height:28px; margin:-14px 0 0 -20px; border-radius:9px}
.lxm-sthumb .lx-play::after{left:15px; top:7px; border-left-width:12px; border-top-width:7px; border-bottom-width:7px}
.lxm-rt{flex:1 1 auto; min-width:0}
.lxm-rtt{display:block; font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif; font-size:19px; line-height:1.25; color:var(--text);
  overflow-wrap:anywhere; margin-top:2px}
.lxm-rt .lx-new{margin-bottom:2px}
.lxm-rw{display:block; color:var(--muted); font-size:14.5px; line-height:1.35; margin-top:4px}
.lxm-gpanel{padding:0 16px 16px; border-top:1px solid var(--line)}
.lxm-all{display:block; width:100%; min-height:52px; margin:2px 0 0; border-radius:14px; border:1px solid var(--line); background:#1d222b;
  color:var(--text); font:inherit; font-size:17px; cursor:pointer}
.lxm-all:focus-visible{outline:3px solid var(--gold); outline-offset:3px}

/* ---------- lessons inside an opened section ---------- */
.lxm{margin:26px 0 0; padding-top:18px; border-top:1px solid var(--line)}
.lxm-h2{margin:0 0 4px; font-size:15px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--gold)}
.lxm-h2 small{font-size:13px; font-weight:400; letter-spacing:.04em; text-transform:none; color:var(--muted)}
.lxm-l{padding:6px 0 4px; border-radius:14px}
.lxm-l + .lxm-l{margin-top:18px; padding-top:18px; border-top:1px dashed var(--line)}
.lxm-l.lxm-flash{animation:lxmFlash 1.6s ease}
@keyframes lxmFlash{0%{box-shadow:0 0 0 3px rgba(217,184,112,.9)} 100%{box-shadow:0 0 0 3px rgba(217,184,112,0)}}
.lxm-kick{margin:10px 0 0; font-size:12.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted)}
.lxm-kick .lx-new{letter-spacing:.5px; margin-left:4px}
.lxm-t{font-weight:500; font-size:24px; line-height:1.25; margin:4px 0 0; color:var(--text); overflow-wrap:anywhere}
.lxm-d{color:var(--muted); font-size:15px; margin:4px 0 12px}
.lxm-media{margin:0}
.lxm-media button.lx-thumb{border:0; padding:0; cursor:pointer; border-radius:14px; -webkit-tap-highlight-color:transparent}
.lxm-media button.lx-thumb:focus-visible{outline:3px solid var(--gold); outline-offset:3px}
.lxm-media .lx-play{width:72px; height:52px; margin:-26px 0 0 -36px; border-radius:16px}
.lxm-media .lx-play::after{left:28px; top:14px; border-left-width:20px; border-top-width:12px; border-bottom-width:12px}
.lxm-sum{margin:18px 0 0}
.lxm-lab{margin:0 0 6px; display:flex; flex-wrap:wrap; align-items:center; gap:8px}
.lxm-tag{display:inline-block; font:800 12px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; letter-spacing:.08em;
  padding:5px 8px; border-radius:6px; background:#55606e; color:#fff}
.lxm-labt{font-size:14px; color:var(--muted)}
.lxm-sum .lx-text{font-size:18px; line-height:1.6; color:var(--text)}
.lxm-verses{margin:20px 0 0}
.lxm-verses .sx-v:first-of-type{margin-top:10px}
.lxm-ref{margin:12px 0 0; color:var(--gold); font-size:15px; letter-spacing:.03em}
.sx-item.has-lesson .lxm-cnt .lx-new{margin-left:4px}

/* ---------- Study notes (light page) + print ---------- */
.lxn{margin:28px 0 0}
.lxn-l{margin:18px 0 0}
.lxn-t{font-size:22px; font-weight:600; line-height:1.3; margin:0; color:#2a1d10}
.lxn-d{margin:4px 0 0; font:15px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; color:#6b5c4b}
.lxn-lab{margin:14px 0 4px}
.lxn-sum p{margin:8px 0 0}
.lxn-verses{margin:16px 0 0}
.lxn-sh{font:700 17px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; color:#2a1d10}
.lxn-v{margin:12px 0 0; padding:2px 0 2px 16px; border-left:4px solid #2d5f8a; font-size:1em; line-height:inherit}
.lxn-v p{margin:0; font-style:italic}
.lxn-v cite{display:block; margin-top:6px; font:600 16px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; font-style:normal; color:#2d5f8a}
.lxn-ref{margin:10px 0 0; font:600 16px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; color:#2d5f8a}
@media print {
  .lxn-t, .lxn-sh{color:#000}
  .lxn-d{color:#333}
  .lxn-v{border-left:2.5pt solid #555}
  .lxn-v cite, .lxn-ref{color:#000}
  .lxn .lxm-tag, .lxn-sh .sx-tag{background:none !important; color:#000 !important; border:1pt solid #000; padding:2pt 4pt}
  .lxn-v, .lxn-sum p{break-inside:avoid; page-break-inside:avoid}
  .lxn-t{break-after:avoid; page-break-after:avoid}
  html:not(.notes-open) .lxm-top, html:not(.notes-open) .lxm{display:none !important}
}