/* Loaded only for a configured presentation in a visible classroom. */
.macs-intro-trigger { --intro-x: min(var(--macs-intro-left,11%),calc(100% - 44px)); --intro-y: min(var(--macs-intro-top,6%),calc(100% - 44px)); position: absolute; z-index: 1; left: var(--intro-x); top: var(--intro-y); width: max(44px,min(var(--macs-intro-width,22%),calc(100% - var(--intro-x)))); height: max(44px,min(var(--macs-intro-height,86%),calc(100% - var(--intro-y)))); display: block; border-radius: 4px; cursor: pointer; }
.macs-intro-trigger--mobile { display: none; }
.macs-classroom-hero--intro .macs-board-panel { z-index: 2; }
.macs-intro-trigger__badge { position: absolute; left: clamp(0px,calc(var(--macs-intro-icon-desktop-x,50%) - 26px),calc(100% - 52px)); top: clamp(0px,calc(var(--macs-intro-icon-desktop-y,55%) - 26px),calc(100% - 52px)); display: grid; place-items: center; width: min(52px,100%); height: min(52px,100%); border: 1px solid var(--macs-ink); border-radius: 50%; background: var(--macs-surface); color: var(--macs-ink); box-shadow: 0 3px 12px rgb(32 28 38 / 15%); pointer-events: none; }
.macs-intro-trigger__badge .macs-icon { width: 26px; height: 26px; }
.macs-intro-trigger:hover .macs-intro-trigger__badge { background: var(--macs-primary); }
.macs-intro-trigger:focus-visible { outline: 3px solid var(--macs-ink); outline-offset: -3px; }
html.macs-intro-open { overflow: hidden; }
.macs-intro-modal { width: min(420px,calc(100% - 24px)); max-width: calc(100% - 24px); max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); padding: 0; border: 1px solid var(--macs-primary); border-radius: 8px; background: var(--macs-surface); color: var(--macs-ink); overflow: auto; overscroll-behavior: contain; }
.macs-intro-modal::backdrop { background: rgb(32 28 38 / 74%); }
.macs-intro-modal__header { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; gap: 12px; padding: 12px 16px; background: var(--macs-surface); }
.macs-intro-modal__header h2 { flex: 1; min-width: 0; margin: 0; font-size: 22px; overflow-wrap: anywhere; }
.macs-intro-close { display: grid; place-items: center; flex-shrink: 0; width: 44px; height: 44px; margin-left: auto; padding: 10px; border: 1px solid var(--macs-primary); border-radius: 6px; background: var(--macs-surface); color: var(--macs-ink); cursor: pointer; }
.macs-intro-close:hover { background: var(--macs-primary); }
.macs-intro-player { width: min(calc(100% - 32px),calc((100svh - 190px) * .5625)); min-width: 72px; margin-inline: auto; aspect-ratio: 9/16; background: #201c26; }
.macs-intro-player video { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: contain; }
.macs-intro-modal__footer { padding: 0 16px; font-size: 15px; }
.macs-intro-modal__footer > p { margin: 0; padding-block: 12px; }
.macs-intro-transcript { padding-block: 8px; }
.macs-intro-transcript summary { display: list-item; min-height: 44px; padding-block: 10px; cursor: pointer; }
.macs-intro-transcript p { white-space: pre-line; overflow-wrap: anywhere; }
.macs-intro-modal :is(a,button,summary,video):focus-visible { outline: 3px solid var(--macs-ink); outline-offset: 2px; }
@media (max-width: 760px) {
  .macs-intro-trigger--desktop { display: none; }
  .macs-intro-trigger--mobile { display: block; }
  .macs-classroom-scene--mobile-portrait .macs-intro-trigger--mobile { left: 0; top: 0; width: 100%; height: 100%; }
  .macs-intro-trigger--mobile .macs-intro-trigger__badge { left: clamp(0px,calc(var(--macs-intro-icon-mobile-x,50%) - 26px),calc(100% - 52px)); top: clamp(0px,calc(var(--macs-intro-icon-mobile-y,88%) - 26px),calc(100% - 52px)); }
}