/* KURS 226 — COMMON lesson geometry for Light, Dark, Joyfull, Dark Neon.
   Only cabinet student pages. No palette overrides or changes to media, exercises or JS.
   On 1600+ screens, lesson leaves the right 30% of available work-area free.
   Dictionary card area roughly one-quarter of previous size on desktop.
   On mobile, preserve the established accessible layout. */

@media (min-width: 1600px) {
  .cabinet .lesson-layout {
    width: 70% !important;
    max-width: 70% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
  .cabinet .lesson-layout > .lesson-main {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

/* Compact CLOSED tiles. OPEN popup stays readable at its old size. */
@media (min-width: 1100px) {
  .cabinet .lesson-bm-dictionary {
    gap: 7px !important;
  }
  .cabinet .lesson-bm-dictionary-card,
  .cabinet .lesson-bm-dictionary-card[open] {
    min-width: 0 !important;
    aspect-ratio: 1 / 1 !important;
    grid-column: auto !important;
  }
  .cabinet .lesson-bm-dictionary-card .lesson-bm-dictionary-title,
  .cabinet .lesson-bm-dictionary-card[open] .lesson-bm-dictionary-title {
    font-size: 13px !important;
    line-height: 1.17 !important;
    padding: 6px 8px !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    box-sizing: border-box !important;
  }
  .cabinet .lesson-bm-dictionary-title > i {
    width: 10px !important;
    height: 10px !important;
    right: 4px !important;
    top: 4px !important;
  }
  /* Six-column alignment from lesson.css is no longer correct.
     Default is centered under the selected tile; edge columns are re-aligned below. */
  .cabinet .lesson-bm-dictionary-card:nth-child(n) .lesson-bm-dictionary-content {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
  }
}

@media (min-width: 1100px) and (max-width: 1599px) {
  .cabinet .lesson-bm-dictionary {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }
  .cabinet .lesson-bm-dictionary-card:is(:nth-child(12n + 1), :nth-child(12n + 2), :nth-child(12n + 3)) .lesson-bm-dictionary-content {
    left: 0 !important;
    right: auto !important;
    transform: none !important;
  }
  .cabinet .lesson-bm-dictionary-card:is(:nth-child(12n + 10), :nth-child(12n + 11), :nth-child(12n + 12)) .lesson-bm-dictionary-content {
    left: auto !important;
    right: 0 !important;
    transform: none !important;
  }
}

@media (min-width: 1600px) {
  /* The lesson itself is 70% wide; nine columns keep each tile about
     half its former side length, i.e. roughly 1/4 its previous area. */
  .cabinet .lesson-bm-dictionary {
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  }
  .cabinet .lesson-bm-dictionary-card:is(:nth-child(9n + 1), :nth-child(9n + 2), :nth-child(9n + 3)) .lesson-bm-dictionary-content {
    left: 0 !important;
    right: auto !important;
    transform: none !important;
  }
  .cabinet .lesson-bm-dictionary-card:is(:nth-child(9n + 7), :nth-child(9n + 8), :nth-child(9n + 9)) .lesson-bm-dictionary-content {
    left: auto !important;
    right: 0 !important;
    transform: none !important;
  }
}

/* KURS 226c — desktop trainer panels only; all student themes. */
/* Each dedicated trainer panel is 30% narrower than its current lesson column.
   Keep all inner cards/answers at 100% of their own trainer to avoid double shrinking.
   Standard/mobile layout is unchanged. */
@media (min-width: 1600px) {
    .cabinet .lesson-main > :is(
        .letter-trainer,
        .roots-trainer,
        .stress-trainer,
        .grammar-trainer,
        .grammar-error-trainer,
        .joined-trainer,
        .ne-trainer,
        .nn-trainer,
        .punctuation-trainer
    ) {
        width: 70% !important;
        max-width: 70% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }
}


/* KURS 242: narrower embedded trainers */
/* Desktop lesson only; mobile and special trainers unchanged. */
@media (min-width: 1100px) {
    .cabinet .lesson-main :is(
        .stress-trainer,
        .grammar-trainer,
        .grammar-error-trainer,
        .joined-trainer,
        .ne-trainer,
        .nn-trainer,
        .punctuation-trainer
    ) {
        width: 70% !important;
        max-width: 70% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }
}


/* KURS 244: centered lesson headings */
/* Align breadcrumbs and lesson heading with the lesson body. */
@media (min-width: 1600px) {
    .cabinet .lesson-breadcrumbs,
    .cabinet .lesson-page-heading {
        width: 70% !important;
        max-width: 70% !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
        text-align: left !important;
    }
}