/* „A jegyzeted” — a lecke váza a lecke végén (lesson-notes.js)
 * Papír-regiszter: fehér kártya, tinta-keret, offszet-árnyék, enyhe dőlés;
 * a lista vonalas jegyzetlapon ül (vonalas minta csak komponens belsejében),
 * Caveat-sorszámmal. Gomb: .btn-paper .btn-sm (shared/buttons.css).
 */

.lesson-notes {
  margin: 3rem 0 2rem;
  padding: 1.5rem 1.75rem 1.35rem;
  background: #fff;
  border: 1.5px solid var(--ink, #1a1a1a);
  border-radius: 3px;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.08);
  transform: rotate(-0.25deg);
}
.lesson-notes .ln-kicker {
  font-family: 'DM Mono', monospace;
  font-size: 10.5px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--accent-strong, #5d24d0);
  margin-bottom: 0.45rem;
}
.article-body .lesson-notes h2.ln-title,
.lesson-notes .ln-title {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.25;
  letter-spacing: -0.012em;
  margin: 0 0 1rem;
  color: var(--ink, #1a1a1a);
  max-width: 34ch;
}

/* vonalas jegyzetlap: a sorok a lista sormagasságához igazodnak */
.lesson-notes .ln-list {
  --ln-lh: 1.9rem;
  list-style: none;
  counter-reset: ln;
  margin: 0 0 1.1rem;
  padding: 0 0 0 2.4rem;
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  line-height: var(--ln-lh);
  color: var(--ink-body, #2a2722);
  background-image: repeating-linear-gradient(
    to bottom,
    transparent 0,
    transparent calc(var(--ln-lh) - 1px),
    rgba(0, 0, 0, 0.09) calc(var(--ln-lh) - 1px),
    rgba(0, 0, 0, 0.09) var(--ln-lh)
  );
}
.lesson-notes .ln-list li {
  position: relative;
  counter-increment: ln;
  margin: 0;
  padding: 0;
}
.lesson-notes .ln-list li::before {
  content: counter(ln) '.';
  position: absolute;
  left: -2.4rem;
  width: 1.9rem;
  text-align: right;
  font-family: 'Caveat', cursive;
  font-weight: 700;
  font-size: 1.3rem;
  line-height: var(--ln-lh);
  color: var(--accent, #783FF3);
  transform: rotate(-3deg);
}

.lesson-notes .ln-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem 0.9rem;
}
.lesson-notes .ln-status {
  font-family: 'Caveat', cursive;
  font-size: 1.12rem;
  line-height: 1.3;
  color: var(--ink-muted, #6b6660);
}

@media (max-width: 720px) {
  .lesson-notes { padding: 1.25rem 1.2rem 1.15rem; transform: none; }
  .lesson-notes .ln-list { --ln-lh: 1.7rem; padding-left: 2rem; font-size: 0.97rem; }
  .lesson-notes .ln-list li::before { left: -2rem; width: 1.6rem; }
}

@media print {
  .lesson-notes { transform: none; box-shadow: none; }
  .lesson-notes .ln-actions { display: none; }
}