/* ===== article layout ===== */
.artgrid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:3rem;align-items:start}
.artside{position:sticky;top:100px;display:grid;gap:1.25rem}
.artside .side-card h3{font-size:1.05rem}
.minipost{display:flex;gap:.8rem;align-items:flex-start;text-decoration:none;padding:.7rem 0;border-top:1px solid #D6E4F5}
.minipost:first-of-type{border-top:0;padding-top:0}
.minipost img{width:74px;height:56px;object-fit:cover;border-radius:8px;flex:0 0 74px}
.minipost time{font-size:.74rem;color:var(--muted);letter-spacing:.03em}
.minipost h4{margin:.15rem 0 0;font-size:.92rem;line-height:1.3;font-weight:600;letter-spacing:-.01em}
.minipost:hover h4{color:var(--blue)}
@media (max-width:980px){
  .artgrid{grid-template-columns:1fr;gap:2.5rem}
  .artside{position:static}
}

/* ===== blog archive cards ===== */
.posts .post .thumb{background-color:var(--tint)}
.post p{margin-top:.4rem}

/* ===== youtube click-to-load ===== */
.ytfacade{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;cursor:pointer;background:#000;margin:1.5rem 0}
.ytfacade img{width:100%;height:100%;object-fit:cover;display:block;opacity:.85}
.ytplay{position:absolute;inset:0;margin:auto;width:68px;height:48px;border-radius:12px;background:rgba(224,50,44,.92)}
.ytplay::after{content:"";position:absolute;top:14px;left:27px;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}
.ytfacade:hover .ytplay{background:var(--red)}
.ytfacade iframe{width:100%;height:100%;border:0;display:block}