:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3f6fc;--primary:#80e5d0;--secondary:#bed0e8;--surface:#172433;--border:#41566d;background:#101923;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;line-height:1.6}a{color:var(--primary)}:focus-visible{outline:3px solid var(--primary);outline-offset:5px}.container{width:min(100% - 2rem,72rem);margin-inline:auto}.header{background:var(--surface);border-bottom:1px solid var(--border)}.brand{min-height:3.5rem;color:inherit;align-items:center;gap:.75rem;font-weight:750;text-decoration:none;display:inline-flex}.brand img{max-width:7rem;max-height:2rem}.intro{padding-block:clamp(2rem,8vw,6rem) 2rem}.eyebrow{color:var(--primary);font-weight:700}h1{margin-block:.4em;font-size:clamp(2rem,7vw,4.5rem);line-height:1.1}h2{margin:0}p{color:var(--secondary)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:1rem;margin-bottom:2rem;padding:clamp(1rem,4vw,2rem)}.skip{background:var(--surface);padding:.75rem;position:fixed;top:1rem;left:1rem}.skip:not(:focus){clip-path:inset(50%)}.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem;padding:0;list-style:none;display:grid}.card{flex-direction:column;height:100%;margin:0;text-decoration:none;transition:border-color .15s,background-color .15s;display:flex}.card:hover{border-color:var(--primary);background-color:#203247}.card strong{color:#f3f6fc;font-size:1.4rem}.card span{margin-top:auto}.breadcrumbs{flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;display:flex}.breadcrumbs li+li:before{content:"/";color:var(--secondary);margin-right:.5rem}.demo{font-size:.875rem}@media (prefers-reduced-motion:reduce){.card{transition:none}}.header nav{justify-content:space-between;align-items:center;gap:1rem;display:flex}.filters{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:1rem;display:grid}.filters label{gap:.4rem;display:grid}input,select,button{font:inherit;border:1px solid var(--border);background:var(--surface);color:inherit;border-radius:.45rem;min-width:0;padding:.55rem .7rem}button{cursor:pointer;color:var(--primary)}.player{aspect-ratio:16/9;text-align:center;place-items:center;margin-bottom:1rem;display:grid;position:relative;overflow:hidden}.player iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.description{white-space:pre-wrap}.share a{overflow-wrap:anywhere}.qr img{max-width:100%;height:auto;margin-block:1rem;display:block}@media print{body{color:#000;background:#fff}body p,body a{color:#000}.header,.skip,.demo,main>:not(.share),.share button,.qr a{display:none!important}.share{background:#fff;border:0;padding:0}}.nav-actions{flex-wrap:wrap;justify-content:flex-end;gap:.25rem 1rem;display:flex}.nav-actions a{padding-block:.35rem}.category-cover{aspect-ratio:16/9;object-fit:cover;border-radius:.55rem;width:100%;margin-bottom:1rem;display:block}