/* ConstruBIM Video Desk (videos.php). Same tokens as news.css: ink #1d1d1f, grey #6e6e73, line #d2d2d7, accent #0066CC. */
.vd{ max-width:1180px; margin:0 auto; padding:34px 28px 70px; color:#1d1d1f; }
.vd-head{ border-bottom:1px solid #d2d2d7; padding:0 0 22px; margin:0 0 26px; }
.vd-eyebrow{ font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:#0066CC; margin:0 0 10px; }
.vd-eyebrow a{ color:inherit; text-decoration:none; }
.vd h1{ font-weight:600; font-size:clamp(30px,4.4vw,50px); line-height:1.04; letter-spacing:-.02em; margin:0 0 12px; }
.vd-dek{ font-size:17px; line-height:1.55; color:#6e6e73; max-width:760px; margin:0 0 18px; }
.vd-topics{ display:flex; gap:8px; flex-wrap:wrap; }
.vd-topics a{ font-size:13px; font-weight:600; color:#1d1d1f; text-decoration:none; padding:7px 14px; border:1px solid #d2d2d7; border-radius:999px; background:#fff; }
.vd-topics a:hover{ border-color:#0066CC; color:#0066CC; }
.vd-topics a.on{ background:#1d1d1f; border-color:#1d1d1f; color:#fff; }
.vd-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px 24px; }
.vd-day{ grid-column:1/-1; font-size:12px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#86868b; margin:14px 0 -8px; padding-top:14px; border-top:1px solid #d2d2d7; }
.vd-day:first-child{ margin-top:0; border-top:0; padding-top:0; }
.vd-card{ min-width:0; }
.vd-media{ position:relative; aspect-ratio:16/9; border-radius:14px; overflow:hidden; background:#1d1d1f; }
.vd-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.vd-media iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.vd-play{ position:absolute; inset:0; width:100%; height:100%; border:0; background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.35)); cursor:pointer; display:flex; align-items:center; justify-content:center; }
.vd-play span{ width:58px; height:58px; border-radius:50%; background:rgba(255,255,255,.94); box-shadow:0 4px 18px rgba(0,0,0,.28); position:relative; transition:transform .15s ease; }
.vd-play span::after{ content:""; position:absolute; top:50%; left:50%; transform:translate(-38%,-50%); border-style:solid; border-width:11px 0 11px 18px; border-color:transparent transparent transparent #1d1d1f; }
.vd-play:hover span,.vd-play:focus-visible span{ transform:scale(1.08); }
.vd-play:focus-visible{ outline:3px solid #0066CC; outline-offset:-3px; }
.vd-title{ font-size:16.5px; font-weight:600; line-height:1.28; letter-spacing:-.01em; margin:12px 0 6px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.vd-title a{ color:#1d1d1f; text-decoration:none; }
.vd-title a:hover{ color:#0066CC; }
.vd-by{ font-size:12px; letter-spacing:.05em; text-transform:uppercase; color:#86868b; margin:0; }
.vd-by a{ color:#6e6e73; text-decoration:none; font-weight:600; }
.vd-by a:hover{ color:#0066CC; }
.vd-pager{ display:flex; justify-content:space-between; gap:16px; margin:34px 0 0; flex-direction:row-reverse; }
.vd-pager a{ font-weight:600; font-size:14px; color:#0066CC; text-decoration:none; padding:10px 18px; border:1px solid #d2d2d7; border-radius:999px; }
.vd-pager a:hover{ border-color:#0066CC; }
.vd-empty{ font-size:17px; color:#6e6e73; padding:40px 0; }
.vd-note{ font-size:13px; line-height:1.6; color:#6e6e73; max-width:780px; margin:42px 0 0; padding-top:18px; border-top:1px solid #d2d2d7; }
.vd-note a{ color:#0066CC; }
.vd-note span{ white-space:nowrap; color:#86868b; }
@media (max-width:900px){ .vd-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px){ .vd{ padding:24px 16px 56px; } .vd-grid{ grid-template-columns:1fr; gap:26px; } .vd-topics{ flex-wrap:nowrap; overflow-x:auto; padding-bottom:4px; -webkit-overflow-scrolling:touch; } .vd-topics a{ white-space:nowrap; } }
[dir="rtl"] .vd-pager{ flex-direction:row; }