.video-selection{text-align:center}.video-selection>h2{font:500 30px/1.2 'Work Sans',Arial,sans-serif;margin-bottom:35px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px;text-align:left;margin-bottom:35px}.video-card{display:flex;flex-direction:column;text-align:left;background:#f2f2f2;color:#212226;border:0;border-radius:12px;overflow:hidden;padding:0 0 22px;min-width:0;font-family:'Work Sans',Arial,sans-serif;transition:box-shadow .2s}.video-card:hover{box-shadow:0 8px 24px #0002}.video-thumb{display:block;position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;background:#222}.video-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.video-card:hover img{transform:scale(1.025)}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;display:grid;place-items:center;background:#000a;color:white;border:1px solid #fffc;border-radius:50%;font-size:19px}.video-duration{position:absolute;bottom:9px;right:9px;background:#000c;color:#fff;padding:3px 6px;font-size:11px}.video-channel{font-size:11px;letter-spacing:.3px;color:#666;margin:18px 20px 10px}.video-card strong{font-size:16px;font-weight:600;line-height:1.45;margin:0 20px;overflow-wrap:anywhere}.video-tools{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:18px;align-items:end;margin-bottom:28px}.video-tools label{display:flex;flex-direction:column;gap:8px;font-size:12px;min-width:0}.video-tools input,.video-tools select{font:15px 'Work Sans',Arial,sans-serif;padding:13px 12px;width:100%;border:1px solid #aaa;background:#fff;color:#212226;border-radius:5px;height:48px}.video-tools .jo-button{min-width:110px;height:48px;font-size:12px;padding:10px 15px}.video-results{font-size:13px;color:#666}.video-note{font-size:12px;color:#666;max-width:850px;margin-top:35px}.video-library>.jo-button{display:flex;margin:20px auto}.video-external{background:#f6f6f6}.video-external small{font-size:12px}#video-dialog{border:0;padding:0;background:white;color:#212226;width:min(1000px,94vw);max-width:1000px;max-height:94vh;overflow:auto}#video-dialog::backdrop{background:#000d}#video-dialog-close{position:sticky;float:right;right:10px;top:10px;margin:10px 10px -50px 0;z-index:3;border:0;background:white;border-radius:50%;width:38px;height:38px;font-size:27px;box-shadow:0 2px 10px #0003}#video-player{aspect-ratio:16/9;background:black}#video-player iframe{width:100%;height:100%;border:0}.video-modal-copy{padding:24px 32px;font-family:'Work Sans',Arial,sans-serif}.video-modal-copy h2{font:600 24px/1.3 'Work Sans',Arial,sans-serif;letter-spacing:0;max-width:900px;margin:12px 0}.video-modal-copy p{max-width:900px}#video-modal-channel{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#555}#video-modal-date,.video-source-note{font-size:12px;color:#666}.video-modal-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:20px}.video-modal-actions a,.video-modal-actions button{background:none;border:0;border-bottom:1px solid #777;padding:8px 0;font:12px 'Work Sans',Arial,sans-serif;color:#222}.video-modal-actions span{font-size:12px}.video-related{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ddd;margin-top:25px;padding-top:15px;font-size:12px}.video-related button{padding:10px;background:none;border:0;font-size:12px}.video-related button:disabled{opacity:.35;cursor:default}html:has(#video-dialog[open]){overflow:hidden}.reference-home .video-selection{color:#212226}.video-selection .jo-button{margin-top:0}@media(min-width:1100px){.video-selection .video-grid:has(>.video-card:nth-child(4)):not(:has(>.video-card:nth-child(5))){grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.video-tools{grid-template-columns:1fr 1fr}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.video-grid{grid-template-columns:1fr;gap:24px}.video-tools{grid-template-columns:1fr}.video-tools .jo-button{justify-self:start}.video-card strong{font-size:16px}.video-modal-copy{padding:20px}.video-modal-copy h2{font-size:20px}#video-dialog{width:96vw}.video-related{gap:8px}.video-related button{font-size:11px;padding:8px 0}.video-selection>h2{font-size:26px}}@media(prefers-reduced-motion:reduce){.video-card,.video-thumb img{transition:none}}

.auto-screen{position:relative;aspect-ratio:16/9;background:#111;max-width:1000px;margin:25px auto;overflow:hidden}.auto-screen>img{width:100%;height:100%;object-fit:cover}.auto-screen>iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.auto-screen>button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#111b;border:1px solid white;border-radius:5px;color:white;padding:16px 25px}.auto-feature .auto-note{font-size:12px}.auto-feature>.jo-button{margin-top:8px}