/* Two views of the same learner experience, with no automatic rotation. */
#moodle-experience{scroll-margin-top:0}
.experience-anchor{position:absolute;top:0;scroll-margin-top:0}
.moodle-experience .enhancement-inner{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:55px;align-items:center;padding-top:78px;padding-bottom:78px}
.experience-gallery{min-width:0;color:var(--ink)}
.experience-tabs{display:none}
.experience-gallery.is-interactive .experience-tabs{display:flex;gap:4px;margin-bottom:14px;padding:4px;width:fit-content;max-width:100%;border:1px solid #f7f4eb45;border-radius:8px;background:#12343cdc}
.experience-tabs button{font:600 13px/1.4 var(--body);color:#f7f4eb;cursor:pointer;border:0;border-radius:5px;background:transparent;padding:10px 18px;min-height:42px}
.experience-tabs button[aria-selected="true"]{background:#f7f4eb;color:var(--ink)}
.experience-tabs button:hover:not([aria-selected="true"]){background:#ffffff15}
.experience-home-image{min-width:0;margin:0;padding:12px;border:1px solid #a99b7d80;border-radius:10px;background:#f7f4eb;box-shadow:0 16px 42px #071e2830}
.experience-gallery:not(.is-interactive) [role="tabpanel"]+ [role="tabpanel"]{margin-top:24px}
.experience-gallery [hidden]{display:none!important}
.experience-image-link{display:block;width:100%;aspect-ratio:1440/820;border-radius:4px;background:#f7f9fa;overflow:hidden;cursor:zoom-in}
.experience-image-link img{display:block;width:100%;height:auto;border-radius:4px}
.experience-home-image figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:8px 14px;flex-wrap:wrap;font:400 11px/1.5 var(--body);padding:12px 2px 0;color:#52666b}
.experience-home-image figcaption a{color:var(--ink);text-underline-offset:3px;white-space:nowrap}
.experience-lightbox{width:min(1600px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:16px 20px;border:1px solid #a99b7d80;border-radius:12px;background:#f7f4eb;color:var(--ink);box-shadow:0 24px 90px #0005}
.experience-lightbox::backdrop{background:#071a24e6}
.experience-lightbox-header,.experience-lightbox-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}
.experience-lightbox-header{margin-bottom:12px}
.experience-lightbox-header h2{margin:0;font:600 19px/1.4 var(--body);letter-spacing:0}
.experience-lightbox button{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:1px solid #a99b7d60;border-radius:6px;background:transparent;color:var(--ink);cursor:pointer;font:400 23px/1 var(--body)}
.experience-lightbox button:hover{background:#193b4d0d}
.experience-lightbox-header button{font-size:30px}
.experience-lightbox>img{display:block;width:100%;height:auto;max-height:calc(100dvh - 200px);object-fit:contain;border-radius:5px;background:#f7f9fa}
.experience-lightbox-footer{margin-top:14px}
.experience-lightbox-footer p{margin:0;font:400 12px/1.5 var(--body);color:#52666b}
.experience-lightbox-controls{display:flex;align-items:center;gap:14px;flex-shrink:0}
.experience-lightbox-controls span{font:500 12px/1.5 var(--body);min-width:30px;text-align:center}
.principle .text-link{grid-column:2 / -1;display:inline-block;margin-top:16px;font-size:15px}
@media(max-width:850px){.moodle-experience .enhancement-inner{grid-template-columns:minmax(0,1fr);gap:26px;padding-top:58px;padding-bottom:58px}.enhancement-copy{max-width:580px}.experience-gallery{width:100%}}
@media(max-width:540px){.moodle-experience .enhancement-inner{padding-top:48px;padding-bottom:42px}.experience-home-image{padding:6px}.experience-home-image figcaption{font-size:11px;padding:10px 4px 4px}.experience-tabs button{font-size:12px;padding:10px 14px}.experience-lightbox{width:calc(100vw - 20px);padding:12px;max-height:calc(100dvh - 20px)}.experience-lightbox-header h2{font-size:16px}.experience-lightbox-footer{align-items:flex-start;flex-direction:column;gap:12px}.experience-lightbox-controls{align-self:flex-end}.experience-lightbox>img{max-height:calc(100dvh - 230px)}}