@layer template{.template-blog-post.template-video{& :is(.lead-image,video){aspect-ratio:$aspect-ratio-vid;background-color:var(--ct-color);display:block;inline-size:100%;object-fit:cover}& .author{display:none}& .transcript{grid-column:col-start 2/col-end -1;grid-row:row-start 3/row-end 3;& #transcript-toggle{align-items:center;background:transparent;border:none;color:var(--ct-color);cursor:pointer;display:flex;gap:.5rem;margin:0;padding:0;& svg{block-size:16px;inline-size:16px;transform:rotate(0deg);transition:transform .3s ease}& span{white-space:nowrap}}}& :has(~#transcript-body.open){& #transcript-toggle{& svg{transform:rotate(90deg)}}}& #transcript-body:not(.open){display:none}& .body{grid-column:col-start 1/col-end -1;grid-row:row-start 4/row-end 4}& .social{grid-column:col-start 2/col-end -1;grid-row:row-start 5/row-end 5}}}