.video-library-main{padding-block:64px}.video-library-intro{max-width:780px;margin-block-end:48px}.video-eyebrow{color:var(--primary);align-items:center;gap:10px;margin-block-end:20px;font-size:15px;font-weight:650;display:flex}.video-eyebrow svg{width:20px}.video-library-intro h1{letter-spacing:-.035em;text-wrap:balance;margin-block-end:20px;font-size:clamp(32px,4.5vw,58px);font-weight:600;line-height:1.35}.video-library-intro>p:not(.video-eyebrow){color:var(--muted-foreground);max-width:700px;font-size:18px;line-height:1.9}.video-library-return{min-height:48px;color:var(--primary);text-underline-offset:5px;align-items:center;gap:9px;margin-block-start:20px;text-decoration:underline;display:inline-flex}.video-library-return svg{flex-shrink:0;width:19px}.video-filter-row{border-block:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;padding-block:24px;display:flex}.video-filter{gap:10px;min-width:min(100%,320px);display:grid}.video-filter label{font-size:15px;font-weight:600}.video-topic-select[data-slot]{background:var(--card);width:100%;min-height:48px;font-size:16px}.video-count{color:var(--muted-foreground);padding-block:12px;font-size:14px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;display:grid}.video-entry{border-bottom:1px solid var(--border);min-width:0;padding-block:30px}.video-entry-meta{color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-block-end:15px;font-size:12px;line-height:1.8;display:flex}.video-entry-meta>:first-child{color:var(--primary);font-weight:600}.video-thumbnail-button{text-align:start;cursor:pointer;border:1px solid #0000;border-radius:18px;align-items:center;gap:18px;width:calc(100% + 20px);margin:-10px;padding:10px;transition:background-color .18s,border-color .18s;display:flex}.video-thumbnail-button:hover{background:var(--card);border-color:var(--border)}:is(.video-thumbnail-button:focus-visible,.video-close:focus-visible,.video-external-link:focus-visible){outline:3px solid var(--primary);outline-offset:4px}.video-thumbnail{aspect-ratio:16/10;background:var(--muted);border-radius:12px;flex-shrink:0;width:132px;display:block;position:relative;overflow:hidden}.video-thumbnail img{object-fit:cover;width:100%;height:100%}.video-play{color:#fff;background:#0003;place-items:center;display:grid;position:absolute;inset:0}.video-play svg{box-sizing:content-box;background:#000000b8;border-radius:50%;width:34px;height:34px;padding:9px}.video-button-copy{gap:8px;min-width:0;display:grid}.video-button-action{color:var(--muted-foreground);font-size:12px;font-weight:500}.video-button-title{text-wrap:pretty;font-size:19px;font-weight:600;line-height:1.65}.video-summary{color:var(--muted-foreground);margin-block:18px;font-size:15px;line-height:1.9}.video-source{color:var(--muted-foreground);justify-content:space-between;align-items:start;gap:12px;font-size:12px;line-height:1.8;display:flex}.video-source>bdi{overflow-wrap:anywhere}.video-source>span{flex-shrink:0}.video-library-note{max-width:780px;margin-block-start:50px}.video-library-note h2{margin-block-end:12px;font-size:18px;font-weight:600}.video-library-note p{color:var(--muted-foreground);margin-block:12px;font-size:14px;line-height:1.9}.video-library-footer{border-top:1px solid var(--border);color:var(--muted-foreground);flex-wrap:wrap;gap:18px 30px;padding-block:30px;font-size:13px;display:flex}.video-library-footer a{align-items:center;min-height:44px;display:inline-flex}.video-player-dialog[data-slot]{background:var(--background);border-radius:22px;gap:16px;width:calc(100vw - 32px);max-width:1000px;max-height:calc(100dvh - 32px);padding:22px;overflow-y:auto}.video-player-heading{justify-content:space-between;align-items:start;gap:18px;display:flex}.video-player-heading [data-slot=dialog-title]{font-size:20px;line-height:1.6}.video-player-heading [data-slot=dialog-description]{margin-block-start:6px;line-height:1.6}.video-close{border:1px solid var(--border);cursor:pointer;border-radius:50%;place-items:center;min-width:44px;height:44px;display:grid}.video-close svg{width:20px}.video-player-frame{aspect-ratio:16/9;background:var(--muted);border-radius:12px;width:100%;min-height:200px;overflow:hidden}.video-player-frame iframe{border:0;width:100%;height:100%;display:block}.video-player-fallback{color:var(--muted-foreground);font-size:14px;line-height:1.7}.video-external-link{min-height:44px;color:var(--primary);text-underline-offset:5px;justify-self:start;align-items:center;gap:10px;text-decoration:underline;display:inline-flex}.video-external-link svg{width:17px}@media (max-width:700px){.video-library-main{padding-block:36px}.video-library-intro{margin-block-end:28px}.video-library-intro>p:not(.video-eyebrow){font-size:16px}.video-grid{grid-template-columns:1fr}.video-thumbnail{width:112px}.video-button-title{font-size:18px}.video-filter{width:100%}.video-count{padding:0}.video-source{flex-wrap:wrap}.video-player-dialog[data-slot]{padding:16px}.video-player-heading [data-slot=dialog-title]{font-size:17px}.video-library-page .library-header{flex-wrap:wrap;gap:14px}}@media (prefers-reduced-motion:reduce){.video-thumbnail-button{transition:none}.video-player-dialog[data-slot]{transition:none;animation:none}body:has(.video-player-dialog) [data-slot=dialog-overlay]{animation:none}}
