/* Resources-only rules. The video cards copy the homepage's voices cards, which site.css leaves out. */
#watch .vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}
.vcard2{position:relative;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;color:#fff;
        background:radial-gradient(720px 520px at 28% 112%, rgba(31,74,56,.95), rgba(8,31,18,.55)),var(--ink);
        box-shadow:0 24px 60px rgba(12,46,28,.18)}
.vmedia{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#0A1F14;cursor:pointer;overflow:hidden}
.vmedia img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease, opacity .2s ease;opacity:.9}
.vmedia:hover img{transform:scale(1.03);opacity:1}
.vmedia iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vplay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;
       border:2px solid rgba(255,255,255,.85);display:flex;align-items:center;justify-content:center;
       background:rgba(8,31,18,.45);backdrop-filter:blur(3px);transition:background-color .2s ease, border-color .2s ease}
.vplay svg{margin-left:4px}
.vmedia:hover .vplay, .vmedia:focus-visible .vplay{background:var(--green);border-color:var(--green)}
.vmedia:hover .vplay svg path, .vmedia:focus-visible .vplay svg path{fill:var(--ink)}
.vbody{position:relative;flex:1;display:flex;flex-direction:column;padding:24px 26px 26px}
.vsrc{font-family:'IBM Plex Mono',monospace;font-size:11.5px;font-weight:600;letter-spacing:.14em;color:rgba(255,255,255,.75);margin-bottom:18px}
.vbig{position:relative;font-size:24px;font-weight:800;letter-spacing:-.015em;line-height:1.18;max-width:14em}
.vquote{position:relative;font-size:15.5px;color:rgba(255,255,255,.85);margin-top:14px;margin-bottom:24px;line-height:1.55;max-width:30em}
.vwho{position:relative;margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.18)}
.vwho .n{font-size:16px;font-weight:800}
.vwho .r{font-size:13.5px;color:rgba(255,255,255,.72);margin-top:3px}
.vwho .yt{display:inline-block;margin-top:12px;font-size:13.5px;font-weight:700;color:var(--lime);text-decoration:none}
.vwho .yt:hover{text-decoration:underline}

#read .pgrid{margin-top:56px}
.resall{margin-top:36px}
.rtools{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:56px}
.rtools .tk-body{padding:26px 26px 28px;gap:12px}
.rtools .more{margin-top:auto;padding-top:6px}

@media (max-width:1080px){
  #watch .vgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:960px){
  #watch .vgrid, .rtools{grid-template-columns:1fr}
}
@media (max-width:760px){
  .vbody{padding:22px 20px 24px}
}