/* Preserve QuLab's approved type, palette and layout. */
[hidden]{display:none!important}
.reveal,.reveal-hidden{opacity:1!important;transform:none!important;visibility:visible!important}
.ql-language{display:flex;align-items:center;gap:2px;margin-right:4px;border:1px solid #11121712;border-radius:12px;padding:2px;background:#fff9}
.ql-language a{display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;border-radius:9px;font-family:var(--font-manrope),sans-serif;font-size:12px;font-weight:650;color:#676975;text-decoration:none;transition:background .15s,color .15s}
.ql-language a[aria-current=page]{background:#111217;color:#fff}
.ql-language a:hover:not([aria-current]){background:#11121709;color:#111217}
.ql-language a:focus-visible,.ql-mobile-menu a:focus-visible{outline:2px solid #3452ff;outline-offset:3px}
.ql-mobile-menu{max-width:896px;margin:8px auto 0;padding:12px;border:1px solid #11121712;border-radius:20px;background:#fffffffa;box-shadow:0 12px 30px #1112170b;backdrop-filter:blur(20px)}
.ql-mobile-menu a{display:block;padding:14px 16px;min-height:48px;border-radius:10px;font-size:15px;color:#111217;text-decoration:none}
.ql-mobile-menu a:hover{background:#f1f3fa}
header [data-menu-toggle][aria-expanded=true]{background:#eef1ff}
.ql-localization-note{font-size:12px;line-height:1.7;color:#747681;margin:18px 0}
.ql-evidence{margin-top:24px;border-top:1px solid #11121712;padding-top:18px;font-size:14px;line-height:1.7;color:#747681}
.ql-evidence summary{cursor:pointer;min-height:44px;display:list-item;list-style-position:inside;padding:10px 0;color:#111217}
.ql-evidence-links{display:flex;flex-wrap:wrap;gap:10px 20px;padding:14px 0}
.ql-evidence-links a{text-decoration:underline;text-underline-offset:4px}
html[lang=en] #top h1{font-size:clamp(1.9rem,4vw,3rem)}
html[lang=en] #about h2{overflow-wrap:anywhere}
@media(min-width:768px){.ql-mobile-menu{display:none!important}header nav{gap:0}header nav a{padding-left:10px;padding-right:10px}}
@media(max-width:767px){header .ql-language{margin-right:2px}.ql-language a{min-width:36px;min-height:40px}header>div{padding-left:16px}html[lang=en] #top h1{font-size:clamp(1.65rem,6.6vw,2.5rem)}html[lang=en] .ql-intro h2{font-size:clamp(26px,7vw,32px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-rise{animation:none!important;opacity:1!important;transform:none!important}}
