.campusDemo{color:#142c49;background:#edf4fc;min-height:100vh;font-size:1rem}.campusDemo header{color:#fff;background:#0b2852;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:24px;display:flex}.campusDemo header a{color:#fff;font-weight:750}.campusDemo header span{color:#ffda79}.demoWrap{max-width:1100px;margin:auto;padding:32px 24px 70px}.demoWrap p{line-height:1.7}.demoNotice{background:#fff1ca;border:1px solid #e6c567;border-radius:12px;padding:16px}.demoWrap h1{font-size:clamp(2rem,4vw,3rem);line-height:1.15}.demoWrap audio{width:100%;margin:12px 0 24px}.demoIdentity{color:#fff;background:#0b2852;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.demoIdentity h2{margin:10px 0}.demoIdentity small,.demoIdentity>span{color:#ffda79}.demoWrap nav{flex-wrap:wrap;gap:10px;margin:24px 0;display:flex}.demoWrap button,.demoWrap summary{font:inherit;cursor:pointer}.demoWrap nav button,.demoCards button,.demoAction{color:#174675;background:#fff;border:1px solid #b6cce5;border-radius:10px;padding:14px 18px;font-weight:700}.demoWrap nav button[aria-pressed=true],.demoAction{color:#fff;background:#125bbb}.demoWrap button:focus-visible,.demoWrap a:focus-visible,.demoWrap summary:focus-visible{outline-offset:4px;outline:3px solid #c28a00}.demoPanel{background:#fff;border:1px solid #d0deed;border-radius:18px;min-height:310px;padding:28px}.demoPanel h2{margin-top:0}.demoCards{flex-wrap:wrap;gap:12px;display:flex}.demoPanel dt{margin-top:14px;font-weight:750}.demoPanel dd{margin:6px 0}.demoPanel label{margin:20px 0 10px;display:block}.demoPanel textarea{width:100%;min-height:110px;font:inherit;border:1px solid #91a8c3;border-radius:10px;margin-bottom:14px;padding:14px}.demoAction:disabled{opacity:.5;cursor:default}.demoPanel progress{accent-color:#125bbb;width:100%;height:24px}.demoPanel article,.demoPanel details{background:#f0f5fc;border-radius:12px;padding:20px}.demoWrap footer{flex-wrap:wrap;gap:24px;margin-top:28px;display:flex}.demoWrap footer a{color:#125bbb;text-decoration:underline}html[data-theme=dark] .campusDemo{color:#edf5ff;background:#081c32}html[data-theme=dark] .demoPanel{background:#102b47;border-color:#365574}html[data-theme=dark] .demoPanel article,html[data-theme=dark] .demoPanel details{background:#163655}html[data-theme=dark] .demoNotice{color:#ffda79;background:#392e14}html[data-theme=dark] .demoWrap footer a{color:#91c5ff}@media (width<=600px){.demoWrap{padding:24px 16px}.demoPanel{padding:22px}.demoWrap nav button{flex:40%}}.demoWrap video{background:#0b2852;border-radius:14px;width:100%;max-height:75vh;margin:18px 0 28px;display:block}.demoWrap #video-tutorial{scroll-margin-top:24px}