/* Use the site theme; retain the standalone public-preview fallback. */
@import url("/lecture-viewer/mobile-view.css?v=20261012b");
@layer lecture-mobile-fallback {
  .lecture-mobile-header { display: none; }
  .lecture-mobile-notice { display: none; }
  @media screen and (max-width: 767px), screen and (max-width: 1000px) and (max-height: 500px) {
    html, body { height: auto !important; min-height: 100%; overflow: auto !important; }
    body { margin: 0; background: #3a3a3a; }
    body > .reveal, body > .lv-bar { display: none !important; }
    .lecture-mobile-notice { display: block; box-sizing: border-box; width: calc(100% - 40px); max-width: 560px; margin: 48px auto; padding: 28px; background: #f2f0e9; color: #3a3a3a; font: 400 18px/1.55 system-ui, sans-serif; }
    .lecture-mobile-notice .lecture-mobile-name { margin: 0 0 20px; font-size: 15px; }
    .lecture-mobile-notice h1 { margin: 0 0 20px; font-size: 28px; line-height: 1.2; font-weight: 650; }
    .lecture-mobile-notice p { margin: 0 0 24px; }
    .lecture-mobile-notice a { display: inline-block; padding: 12px 0; color: inherit; text-decoration: underline; text-underline-offset: 4px; }
    .lecture-mobile-notice a:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
  }
}