/* ============================================================
   Longevity — lr-menu. Gang-Liste mit Hairlines. Der Index (i./ii./iii. …) entsteht
   per CSS-Counter (kein Fluid-Rechnen). Gescoped auf .frame-type-atomicplan_lrmenu.
   ============================================================ */
.frame-type-atomicplan_lrmenu .menu-list { max-width: 880px; counter-reset: lrmenu; }

.frame-type-atomicplan_lrmenu .menu-row {
  counter-increment: lrmenu;
  display: grid; grid-template-columns: auto 1fr auto; gap: 1rem 1.6rem; align-items: baseline;
  padding: 1.5rem 0; border-top: 1px solid var(--lr-line);
}
.frame-type-atomicplan_lrmenu .menu-row:last-child { border-bottom: 1px solid var(--lr-line); }

.frame-type-atomicplan_lrmenu .m-course {
  font-family: var(--lr-font-display); font-style: italic; color: var(--lr-bronze-deep);
  font-size: 1.1rem; min-width: 5ch;
}
.frame-type-atomicplan_lrmenu .m-course::before { content: counter(lrmenu, lower-roman) "."; }

.frame-type-atomicplan_lrmenu .m-name { font-family: var(--lr-font-display); font-size: clamp(1.2rem, 2vw, 1.6rem); }
.frame-type-atomicplan_lrmenu .m-desc {
  display: block; font-family: var(--lr-font-body); font-size: 0.88rem;
  color: var(--lr-ink-soft); margin-top: 0.35rem; max-width: 60ch;
}
.frame-type-atomicplan_lrmenu .m-tag {
  font-size: 0.66rem; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--lr-ink-faint); white-space: nowrap;
}

/* Invertierende Frames: Hairlines + Sekundaertexte anpassen. */
.frame-background-forest.frame-type-atomicplan_lrmenu .menu-row,
.frame-background-dark.frame-type-atomicplan_lrmenu .menu-row,
.frame.-colorized.frame-type-atomicplan_lrmenu .menu-row { border-top-color: var(--lr-line-on-dark); }
.frame-background-forest.frame-type-atomicplan_lrmenu .menu-row:last-child,
.frame-background-dark.frame-type-atomicplan_lrmenu .menu-row:last-child,
.frame.-colorized.frame-type-atomicplan_lrmenu .menu-row:last-child { border-bottom-color: var(--lr-line-on-dark); }
.frame-background-forest.frame-type-atomicplan_lrmenu .m-desc,
.frame-background-dark.frame-type-atomicplan_lrmenu .m-desc,
.frame.-colorized.frame-type-atomicplan_lrmenu .m-desc { color: var(--lr-on-dark-soft); }
.frame-background-forest.frame-type-atomicplan_lrmenu .m-tag,
.frame-background-dark.frame-type-atomicplan_lrmenu .m-tag,
.frame.-colorized.frame-type-atomicplan_lrmenu .m-tag { color: var(--lr-on-dark-soft); }

@media (max-width: 640px) {
  .frame-type-atomicplan_lrmenu .menu-row { grid-template-columns: 1fr; }
  .frame-type-atomicplan_lrmenu .m-tag { order: 3; }
}
