/* Lesson-only reading and completion skin. No article/SEO typography resets. */
.al-lesson-reading {
  position: fixed;
  z-index: calc(var(--al-header-z, 100000) - 1);
  top: var(--al-lesson-header-bottom, 60px);
  left: 0;
  right: 0;
  height: 3px;
  background: var(--al-surface-border, #dee5e2);
  pointer-events: none;
  contain: layout paint;
}
.al-lesson-reading > span {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--al-feedback-progress-moss, linear-gradient(100deg, #183f2d, #2c6b4a 55%, #71966e));
  transform: scaleX(var(--al-lesson-reading, 0));
  transform-origin: left center;
  transition: transform 140ms ease-out;
}
.single-lesson .al-lesson-completion {
  margin-block: 28px;
  padding: clamp(18px, 3vw, 28px);
  border: 1px solid var(--al-surface-border, #dee5e2);
  border-radius: var(--al-surface-radius-panel, 10px);
  background: var(--al-surface-card, #fff);
  color: var(--al-surface-ink, #14231c);
  overflow-wrap: anywhere;
}
.al-lesson-completion[hidden], .al-lesson-completion [hidden] { display: none; }
.al-lesson-completion__heading { display: flex; align-items: center; gap: 10px; }
.single-lesson .al-lesson-completion__title { margin: 0; font-size: clamp(21px, 3vw, 25px); font-weight: 600; line-height: 1.25; }
.al-lesson-completion__check { display: inline-grid; place-items: center; flex: 0 0 32px; width: 32px; height: 32px; border-radius: 50%; background: var(--al-surface-selected, #edf6f0); color: var(--al-button-primary, #2c6b4a); font-size: 22px; }
.single-lesson .al-lesson-completion p { margin: 12px 0; font-size: 15px; line-height: 1.6; }
.single-lesson .al-lesson-completion h3 { margin: 0 0 8px; font-size: 19px; font-weight: 600; line-height: 1.35; }
.al-lesson-completion progress { display: block; appearance: none; width: 100%; height: 6px; margin: 16px 0; border: 0; border-radius: 6px; overflow: hidden; background: var(--al-surface-border, #dee5e2); }
.al-lesson-completion progress::-webkit-progress-bar { background: var(--al-surface-border, #dee5e2); }
.al-lesson-completion progress::-webkit-progress-value { background: var(--al-feedback-progress-moss, #2c6b4a); }
.al-lesson-completion progress::-moz-progress-bar { background: var(--al-feedback-progress-moss, #2c6b4a); }
.al-lesson-completion__conversion, .al-lesson-completion__journey { padding-block: 18px 8px; border-top: 1px solid var(--al-surface-border, #dee5e2); margin-top: 18px; }
.al-lesson-completion .al-lesson-completion__register { --al-authpill-height: 48px; --al-authpill-white-space: normal; --al-authpill-focus: var(--al-button-focus, #416a78); width: 100%; max-width: 100%; text-align: center; }
.al-lesson-completion__register:disabled { cursor: wait; opacity: .7; }
.al-lesson-completion__local { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-top: 12px; }
.al-lesson-completion__local small { flex: 1 1 160px; font-size: 12px; line-height: 1.5; color: var(--al-surface-ink-muted, #52645b); }
.al-lesson-completion__continue { display: inline-flex; align-items: center; min-height: 44px; margin-top: 12px; color: var(--al-button-primary, #2c6b4a); font-weight: 600; }
.al-lesson-completion a:focus-visible, .al-lesson-completion button:focus-visible { outline: 2px solid var(--al-button-focus, #416a78); outline-offset: 3px; }
.al-lesson-completion.is-new .al-lesson-completion__check { animation: al-lesson-confirm 220ms ease-out 1; }
.al-lesson-completion__announcement { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@keyframes al-lesson-confirm { from { opacity: .4; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  .al-lesson-reading > span, .al-lesson-completion .al-authpill { transition: none !important; }
  .al-lesson-completion.is-new .al-lesson-completion__check { animation: none; }
}
@media print { .al-lesson-reading, .al-lesson-completion__conversion { display: none; } }