.sv-library{max-width:1160px;margin:auto;padding:64px 28px 90px;min-height:65vh;color:#eef3fb;font:16px/1.7 Arial,"Noto Sans KR",sans-serif}.sv-library * ,#sv-dialog *{box-sizing:border-box}.sv-eyebrow{font-size:12px;letter-spacing:2px;font-weight:bold;color:#80b5ff}.sv-library h1{font-size:38px;margin:8px 0 12px;color:#fff;font-weight:700}.sv-intro{color:#b8c9df;font-size:18px}.sv-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0;padding-bottom:22px;border-bottom:1px solid #303b4c}.sv-tabs a{padding:9px 18px;border:1px solid #46536a;border-radius:4px;color:#dceaff;background:#15202f;text-decoration:none}.sv-tabs a[aria-current]{background:#2463ad;border-color:#478bea;color:white}.sv-count{color:#a7bad2;font-size:14px;margin:0 0 20px}.sv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.sv-card{border:1px solid #303b4c;border-radius:5px;overflow:hidden;background:#101923;min-width:0}.sv-open{width:100%;display:block;text-align:left;padding:0;border:0;background:transparent;color:#eef3fb;cursor:pointer;font:inherit}.sv-picture{display:block;position:relative;background:#030609;aspect-ratio:16/9}.sv-picture img{display:block;width:100%;height:100%;object-fit:contain}.sv-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;width:52px;height:52px;padding-left:3px;background:#080e1bcc;color:#fff;border:1px solid #ffffff80;font-size:20px}.sv-open:hover .sv-play{background:#2463ad}.sv-duration{position:absolute;bottom:9px;right:9px;padding:1px 7px;border-radius:3px;background:#000c;color:#fff;font-size:13px}.sv-caption{display:block;padding:18px}.sv-caption strong{display:block;min-height:3em;overflow-wrap:anywhere;font-size:17px;line-height:1.5}.sv-caption>span{display:block;font-size:14px;color:#8fbdff;margin-top:12px}.sv-open:focus-visible,.sv-tabs a:focus-visible,#sv-dialog button:focus-visible{outline:3px solid #92c4ff;outline-offset:-3px}#sv-dialog{width:min(1120px,96vw);max-height:94vh;padding:0;overflow:auto;background:#101923;border:1px solid #53647b;border-radius:7px;color:#eef3fb;font:15px/1.6 Arial,"Noto Sans KR",sans-serif}#sv-dialog::backdrop{background:#000d}.sv-dialog-head{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:15px 20px}.sv-dialog-head h2{font-size:18px;line-height:1.4;color:#fff;overflow-wrap:anywhere;margin:0}#sv-dialog button{border:1px solid #526179;background:#192536;color:#f0f5fc;padding:8px 14px;border-radius:4px;cursor:pointer;font:inherit;white-space:nowrap}#sv-video{display:block;width:100%;max-height:68vh;background:#000;aspect-ratio:16/9}.sv-dialog-foot{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:16px 20px;font-size:13px;color:#b8c9df}#sv-status{margin:0;padding:0 20px 12px;color:#f2cd87}#sv-link{margin:0 20px 20px;width:calc(100% - 40px);padding:10px;color:#15202f;background:#fff}#sv-dialog [hidden]{display:none!important}@media(max-width:900px){.sv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.sv-library{padding:36px 18px 60px}.sv-library h1{font-size:30px}.sv-intro{font-size:16px}.sv-grid{grid-template-columns:1fr;gap:18px}.sv-caption strong{min-height:0}.sv-dialog-head{padding:12px}.sv-dialog-head h2{font-size:16px}.sv-dialog-foot{align-items:flex-start;flex-direction:column;padding:12px}.sv-tabs a{padding:8px 12px}}

/* Full-browser video viewer, preserving the source aspect ratio. */
html:has(#sv-dialog[open]),body:has(#sv-dialog[open]){overflow:hidden}
#sv-dialog{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;box-sizing:border-box;overflow:hidden;background:#000}
#sv-dialog[open]{display:flex;flex-direction:column}
#sv-dialog .sv-dialog-head{flex:0 0 auto;padding:10px 18px;background:#101923}
#sv-video{flex:1 1 0%;width:100%;height:0;min-height:0;max-height:none;aspect-ratio:auto;object-fit:contain;background:#000}
#sv-dialog .sv-dialog-foot{flex:0 0 auto;padding:8px 18px;background:#101923}
#sv-status{flex:0 0 auto;background:#101923;padding:0 18px 8px}
#sv-status:empty{display:none}
#sv-link{flex:0 0 auto;margin-bottom:8px}
@media(max-width:550px){#sv-dialog .sv-dialog-head{padding:8px 12px}#sv-dialog .sv-dialog-head h2{font-size:14px}#sv-dialog .sv-dialog-foot{padding:7px 12px;flex-direction:row;align-items:center}#sv-dialog .sv-dialog-foot>span{display:none}#sv-dialog .sv-dialog-foot>button{margin-left:auto}}