/* [wznl] post cards. From gh-ShortCode's ghshortcode.css: rem sizes were for the old theme's
   100px root font, now px; the read button no longer relies on the old theme's .btn classes.
   Colours follow AeroCore's CSS variables (light/dark), literals are fallbacks. */
.gh-postnl{padding:0 50px;margin-bottom:10px}
.gh-postnl-main{display:flex;width:100%;min-width:290px;border:1px solid var(--border-primary,rgba(0,0,0,.05));border-radius:3px;background:var(--bg-card,transparent);transition:all .3s ease 0s;overflow:hidden}
.gh-postnl-main:hover{box-shadow:0 1px 5px 0 rgba(0,0,0,.1);border-color:var(--border-hover,rgba(0,0,0,.1));transform:translateY(-3px)}
.gh-postnl-img{position:relative;flex:0 0 245px;min-height:150px;background:var(--bg-secondary,rgba(0,0,0,.03))}
.gh-postnl-img img{display:block;width:100%;height:150px;object-fit:cover;border:none!important;margin:0!important}
.gh-postnl-category{position:absolute;left:10px;top:10px;padding:5px 6px;font-size:12px;line-height:1;color:#fff!important;background:rgba(0,0,0,.6);border-radius:2px;text-decoration:none!important}
.gh-postnl-content{position:relative;flex:1;min-width:0;min-height:150px;padding:0 15px 40px}
.gh-postnl-content h4{margin:12px 0 8px!important;font-size:16px}
.gh-postnl-content h4>a{color:var(--text-primary,#333);font-weight:500;line-height:1.4;text-decoration:none}
.gh-postnl-excerpt{margin:0!important;line-height:22px;color:var(--text-secondary,#666);font-size:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.gh-postnl-readbtn{position:absolute;right:10px;bottom:10px;padding:4px 12px;font-size:13px;color:#fff!important;background:var(--theme-color,#409eff);border-radius:3px;text-decoration:none!important}
@media (max-width:767px){
  .gh-postnl{padding:0 10px}
  .gh-postnl-img{flex-basis:120px;min-height:75px}
  .gh-postnl-img img{height:75px}
  .gh-postnl-content{min-height:75px;padding-bottom:10px}
  .gh-postnl-category,.gh-postnl-excerpt,.gh-postnl-readbtn{display:none!important}
}