/* Masterskills Video Gallery – scoped visual layout restoration.
   All rules target #main-content .vg-library; header, hero and footer untouched. */
#main-content .vg-library{color:#183e59;background:#fff;padding:6px 0 18px;}
#main-content .vg-library *{box-sizing:border-box}
#main-content .vg-library .vg-container{width:100%;max-width:1330px;margin:0 auto;min-width:0}
#main-content .vg-library .vg-library__intro{display:flex;align-items:end;justify-content:space-between;gap:28px;margin:0 0 32px}
#main-content .vg-library .vg-library__heading{max-width:850px;min-width:0}
#main-content .vg-library .vg-eyebrow{margin:0 0 10px;color:#b67322;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
#main-content .vg-library h2{margin:0 0 13px;color:#103d61;font-size:clamp(26px,2.6vw,36px);line-height:1.24;font-weight:800;letter-spacing:-.025em}
#main-content .vg-library .vg-library__lead{max-width:860px;color:#5a7386;line-height:1.7;font-size:15.5px;margin:0}
#main-content .vg-library .vg-library__picture-link{white-space:nowrap;color:#006eb5;font-weight:750;text-decoration:none;padding:10px 0}
#main-content .vg-library .vg-library__picture-link:hover,#main-content .vg-library .vg-overview__link:hover{color:#b26b12}
#main-content .vg-library .vg-feature-layout{display:grid;grid-template-columns:minmax(0,1.57fr) minmax(280px,.8fr);gap:22px;margin:0 0 44px;align-items:stretch}
#main-content .vg-library .vg-card{min-width:0;overflow:hidden;border:1px solid #dae6ef;border-radius:17px;background:#fff;box-shadow:0 12px 28px rgba(15,54,79,.055);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
#main-content .vg-library .vg-card:hover{transform:translateY(-3px);box-shadow:0 17px 34px rgba(15,54,79,.095)}
#main-content .vg-library .vg-card__media{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;background:#102f46}
#main-content .vg-library .vg-card__media video{display:block;width:100%;height:100%;object-fit:contain;max-width:100%;background:#112d40}
#main-content .vg-library .vg-card__body{padding:23px 25px 25px;flex:1;min-width:0}
#main-content .vg-library .vg-card__eyebrow{margin:0 0 11px;color:#b77222;letter-spacing:.065em;font-size:12px;font-weight:800}
#main-content .vg-library .vg-card h3{margin:0 0 12px;color:#113e5e;font-size:clamp(18px,1.65vw,23px);line-height:1.35;font-weight:800}
#main-content .vg-library .vg-card__description{margin:0;font-size:14px;color:#60778a;line-height:1.7}
#main-content .vg-library .vg-overview{min-width:0;border-radius:17px;background:linear-gradient(150deg,#0b3d61,#116b9f);color:#fff;padding:34px 32px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 12px 28px rgba(15,54,79,.1)}
#main-content .vg-library .vg-overview .vg-eyebrow{color:#f4c575}
#main-content .vg-library .vg-overview h3{margin:0 0 16px;font-size:clamp(22px,2vw,29px);line-height:1.25;color:#fff}
#main-content .vg-library .vg-overview__text{margin:0 0 21px;color:#e2eff7;font-size:14.5px;line-height:1.75}
#main-content .vg-library .vg-overview__count{display:flex;align-items:center;gap:13px;padding:16px 0;border-top:1px solid rgba(255,255,255,.23);border-bottom:1px solid rgba(255,255,255,.23)}
#main-content .vg-library .vg-overview__count strong{color:#f9c65f;font-size:43px;line-height:1;font-weight:900}
#main-content .vg-library .vg-overview__count span{color:#edf6ff;font-size:14px}
#main-content .vg-library .vg-overview__details{display:grid;gap:8px;margin:21px 0}
#main-content .vg-library .vg-overview__details p{display:flex;gap:10px;align-items:flex-start;margin:0;color:#ecf5fb;font-size:14px;line-height:1.45}
#main-content .vg-library .vg-overview__details p span{color:#f6c56c}
#main-content .vg-library .vg-overview__link{color:#ffcf76;font-size:14px;font-weight:800;text-decoration:none}
#main-content .vg-library .vg-collection{margin-top:44px;padding-top:38px;border-top:1px solid #dfe8f0;min-width:0}
#main-content .vg-library .vg-collection__head{margin:0 0 23px}
#main-content .vg-library .vg-collection__head h2{max-width:900px}
#main-content .vg-library .vg-collection__head>p:not(.vg-eyebrow){font-size:15px;line-height:1.65;color:#5c7184;margin:0}
#main-content .vg-library .vg-eyebrow__dot{padding:0 7px;color:#d6aa63}
#main-content .vg-library .vg-video-grid{display:grid;gap:22px;min-width:0}
#main-content .vg-library .vg-video-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}
#main-content .vg-library .vg-video-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
#main-content .vg-library .vg-video-grid .vg-card__body{padding:20px 21px 23px}
#main-content .vg-library .vg-video-grid .vg-card h3{font-size:18px}
#main-content .vg-library .vg-video-grid .vg-card__description{font-size:13.5px}
@media(max-width:1000px){
 #main-content .vg-library .vg-feature-layout{grid-template-columns:minmax(0,1fr)}
 #main-content .vg-library .vg-overview{padding:28px 30px}
 #main-content .vg-library .vg-video-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
 #main-content .vg-library .vg-library__intro{display:block;margin-bottom:22px}
 #main-content .vg-library .vg-library__picture-link{display:inline-block;margin-top:12px}
 #main-content .vg-library .vg-video-grid--two,#main-content .vg-library .vg-video-grid--three{grid-template-columns:minmax(0,1fr)}
 #main-content .vg-library .vg-card__body{padding:17px 17px 20px}
 #main-content .vg-library .vg-overview{padding:25px 23px}
 #main-content .vg-library .vg-collection{margin-top:32px;padding-top:27px}
}
@media(prefers-reduced-motion:reduce){#main-content .vg-library .vg-card{transition:none}}