/* Video-library band (includes/home-video-library.php): ONE stylesheet for the homepage and /skoler/. 20261108: moved verbatim from the
   homepage <style id="home-video-library-20261006">, plus the homepage's button rule (was body.mvp-home #home-library-link in ss-home-consistency-20261006). */
/* Approved homepage library band. All layout and colors are scoped to this section. */
#video-library-insertion{--vl-ink:#26241f;--vl-muted:#686459;--vl-card:#fffdf9;--vl-line:#dedfd3;--vl-green:#506957;--vl-on:#fff;--vl-focus:#dce6da;scroll-margin-top:130px;padding:0;background:#e9f0e6;color:var(--vl-ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;container-type:inline-size}
html[data-theme="dark"] #video-library-insertion{--vl-ink:#f2efe5;--vl-muted:#bcbcaf;--vl-card:#272923;--vl-line:#3a4037;--vl-green:#aec8b4;--vl-on:#1a2b20;--vl-focus:#27372e;background:#23342f}
#video-library-insertion *{box-sizing:border-box}
#video-library-insertion .vl-wrap{width:100%;max-width:none;margin:auto;padding:64px max(112px,calc(50% - 540px))}
#video-library-insertion .vl-program-panel{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding:0}
#video-library-insertion .vl-program-panel>div{min-width:0}
#video-library-insertion h2{margin:0;font:800 40px/1.15 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:-.025em;color:var(--vl-ink);overflow-wrap:break-word}
#video-library-insertion .vl-intro{margin:16px 0 0;max-width:420px;color:var(--vl-muted);font-size:16px;line-height:1.6}
#video-library-insertion .vl-primary{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:14px 24px;min-height:52px;margin-top:24px;border:1px solid transparent;border-radius:999px;background:var(--vl-green);color:var(--vl-on)!important;font-size:15px;font-weight:650;text-decoration:none}
#video-library-insertion .vl-primary:hover{filter:brightness(.91)}
#video-library-insertion .vl-primary:focus-visible{outline:none;text-decoration:underline;text-underline-offset:5px;background:var(--vl-focus);color:var(--vl-ink)!important;border-color:var(--vl-green)}
#video-library-insertion .vl-site-arrow{width:21px;height:21px;display:inline-block;flex:none;vertical-align:middle}
#video-library-insertion[dir="rtl"] .vl-site-arrow{transform:rotate(180deg)}
#video-library-insertion .vl-audience{margin:22px 0 0;max-width:340px;font-size:13px;line-height:1.6;color:var(--vl-muted)}
#video-library-insertion .vl-program-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:center}
#video-library-insertion .vl-program-tile{display:flex;align-items:center;justify-content:center;gap:9px;min-height:77px;padding:16px 9px;border:1px solid var(--vl-line);border-radius:16px;background:var(--vl-card);font-size:13px;font-weight:650;direction:ltr}
#video-library-insertion .vl-program-tile img{width:29px;height:29px;object-fit:contain;flex:none;justify-self:center}
#video-library-insertion .vl-program-tile[data-library-query="tool=Windows"] img{width:90%;height:auto;aspect-ratio:1}
#video-library-insertion .vl-program-more{grid-column:1/-1;margin:8px 0 0;text-align:center;color:var(--vl-muted);font-size:12px}

@container(max-width:850px){#video-library-insertion .vl-program-panel{grid-template-columns:1fr;gap:32px}#video-library-insertion .vl-intro{max-width:100%}}
@media(max-width:767px){#video-library-insertion{padding-left:0}#video-library-insertion .vl-wrap{padding:48px 22px}#video-library-insertion h2{font-size:32px}#video-library-insertion .vl-program-tile{font-size:12px;min-height:62px;padding:10px 7px}#video-library-insertion .vl-program-tile img{width:23px;height:23px}}

/* Native program links: fixed icon columns, calm feedback, no added motion or focus rings. */
#video-library-insertion .vl-program-tile{display:grid;grid-template-columns:29px minmax(0,1fr) 17px;gap:10px;justify-content:initial;padding:16px 18px;text-align:left;color:var(--vl-ink)!important;text-decoration:none;cursor:pointer;box-shadow:none}
#video-library-insertion .vl-tile-arrow{width:17px;height:17px;color:var(--vl-green)}
#video-library-insertion .vl-program-tile:hover,#video-library-insertion .vl-program-tile:focus-visible{background:var(--vl-focus);border-color:var(--vl-green);color:var(--vl-ink)!important;outline:none;box-shadow:none}
#video-library-insertion .vl-program-tile>span{text-decoration:none}
#video-library-insertion .vl-program-tile:active{background:var(--vl-line)}
#video-library-insertion .vl-primary:focus-visible{box-shadow:none}
@media(max-width:767px){#video-library-insertion .vl-program-tile{grid-template-columns:23px minmax(0,1fr);gap:8px;padding:12px}#video-library-insertion .vl-tile-arrow{display:none}}
@media(max-width:359px){#video-library-insertion .vl-program-grid{grid-template-columns:1fr}#video-library-insertion .vl-program-tile{grid-template-columns:23px minmax(0,1fr) 17px}#video-library-insertion .vl-tile-arrow{display:block}}
#video-library-insertion #home-library-link{font-size:16px;font-weight:700}