iframe[allowfullscreen]{display:block}.btn{padding:12px 16px;border-radius:14px}.brand b{font-size:clamp(1.3rem,3vw,2rem)}
/* --- DCU fix: hide duplicate Prev/Next inside lesson cards on small screens --- */
@media (max-width: 768px) {
  /* Only targets the mini controls inside the left lesson list */
  .lessonlist .mini { display: none; }
  /* Keep spacing tidy where mini row was removed */
  .lessonlist .meta { margin-bottom: 0.5rem; }
}

/* --- DCU fix v2: ensure NO duplicate controls show inside the left lesson column on mobile --- */
@media (max-width: 768px) {
  /* Hide any mini nav rows (Prev/Next) inside lesson cards */
  .lesson-column-card .mini { display: none !important; }

  /* Some course builds render a full .controls block inside the left column (stacked view).
     Keep ONLY the main viewer controls; hide any .controls that are inside the lesson column. */
  .lesson-column-card .controls { display: none !important; }

  /* Do NOT touch the main viewer buttons */
  .viewer .controls { display: flex !important; }
}

/* --- DCU fix v3: align main viewer controls and keep only 'Open' in lesson cards on mobile --- */
@media (max-width: 768px) {
  /* Keep only 'Open' (if present) in lesson mini rows, hide their Prev/Next */
  .lessonlist .mini [data-mini="prev"],
  .lessonlist .mini [data-mini="next"] { display: none !important; }
  .lessonlist .mini [data-mini="open"] { display: inline-flex !important; }

  /* Ensure main viewer buttons are visually aligned */
  .viewer .controls { display: flex !important; align-items: center; gap: 12px; }
  .viewer .controls .btn { display: inline-flex; align-items: center; }

  /* Normalize heights across button variants */
  .viewer .controls .btn,
  .viewer .controls .btn.gold { line-height: 1; padding-top: 12px; padding-bottom: 12px; }
}

/* --- DCU fix v4: mobile hide ALL non-viewer controls + rock-solid alignment --- */
@media (max-width: 768px) {
  /* Hide every controls row in content */
  main .controls { display: none !important; }
  /* But ALWAYS show the main viewer controls */
  .viewer .controls { display: flex !important; align-items: center; gap: 12px; }

  /* Alignment: ensure identical button metrics */
  .viewer .controls .btn,
  .viewer .controls .btn.gold {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: 12px 16px;
  }
}

/* --- DCU fix v5: mobile shows ONLY mainplayer controls; hide all other controls/mini --- */
@media (max-width: 768px) {
  /* Hide all control rows and mini strips by default */
  main .controls { display: none !important; }
  .lessonlist .mini { display: none !important; }

  /* But show the controls that are paired with the main player */
  .mainplayer + .controls {
    display: flex !important;
    align-items: center;
    gap: 12px;
  }

  /* Alignment consistency */
  .mainplayer + .controls .btn,
  .mainplayer + .controls .btn.gold {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: 12px 16px;
  }
}

/* --- DCU fix v6: on mobile, hide lesson toolbars' Prev/Next; keep 'Open' --- */
@media (max-width: 768px) {
  .ltoolbar .btn[data-tool='prev'],
  .ltoolbar .btn[data-tool='next'] { display: none !important; }
  .ltoolbar .btn[data-tool='open'] { display: inline-flex !important; }

  /* Tidy up spacing when only Open remains */
  .ltoolbar { gap: 8px; }
}

/* --- DCU fix v7: on mobile, hide .ltoolbar entirely (Open/Prev/Next row) --- */
@media (max-width: 768px) {
  .ltoolbar { display: none !important; }
}