@font-face{font-family:Studio;src:url('assets/fonts/inter-latin-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#101214;color:#f7f8fa;font:16px/1.65 Studio,Arial,sans-serif}a{color:#00f52a;text-underline-offset:4px}[hidden]{display:none!important}
.resource-header{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px;background:#101214;border-bottom:1px solid white;font-size:12px}.resource-header span,.eyebrow{color:#00f52a}.resource-main{width:min(calc(100% - 24px),366px);margin:32px auto}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.08em}h1{font-size:36px;line-height:1.15}h2{font-size:23px;line-height:1.3;overflow-wrap:anywhere}.resource-card{border:1px solid white;padding:20px;margin:24px 0;scroll-margin-top:90px}img{display:block;width:100%;height:auto}audio{width:100%;margin-top:16px}button,select,input{font:inherit;min-height:44px}button{cursor:pointer;color:#00f52a;background:#15191c;border:1px solid #6c787d;padding:10px}summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:600}summary::marker,summary::-webkit-details-marker{color:#00f52a}:focus-visible{outline:2px solid #00f52a;outline-offset:3px}.media-open{display:block;width:100%;padding:0;text-align:left}.media-open span{display:block;padding:12px}.resource-directory{border-block:1px solid #697178;padding:12px 0}.resource-directory nav{display:grid}.resource-directory a{padding:10px 0}.search-label{display:block;margin-top:24px}.search-label input{display:block;width:100%;margin-top:10px;padding:10px;border:1px solid white;background:#15191c;color:white}.source-note{font-size:12px;color:#b6c0c6}.preserve-lines{white-space:pre-line}
dialog{width:min(calc(100vw - 24px),1100px);max-height:calc(100dvh - 24px);padding:12px;background:#101214;color:white;border:1px solid white}dialog::backdrop{background:rgba(0,0,0,.9)}.viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:16px}.viewer-bar h2{font-size:16px}.viewer-bar button{flex-shrink:0}#viewer-status{font-size:12px}#viewer-stage{width:100%;aspect-ratio:16/9;background:black}#viewer-stage iframe{width:100%;height:100%;border:0}#viewer-stage img{width:100%;height:100%;object-fit:contain}dialog[data-kind="short"]{max-width:440px}dialog[data-kind="short"] #viewer-stage{aspect-ratio:9/16;max-height:70dvh}dialog[data-kind="image"] #viewer-stage{height:min(70dvh,700px);aspect-ratio:auto}
