/* pt392u: blog list summaries. Rollback: remove this <link> from design/head/includes. */
body.is-blog .post-list #post-list>li.item{margin:0 0 18px;padding:0;border:0;background:none}
body.is-blog .hq-post-summary{display:flex;gap:20px;align-items:flex-start;background:#fff;border:1px solid var(--hqb,#e5e7eb);border-radius:14px;padding:18px;box-shadow:0 2px 10px rgba(17,24,39,.04);overflow:hidden}
body.is-blog .hq-ps-thumb{flex:0 0 200px;display:block;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:#f3f4f6}
body.is-blog .hq-ps-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
body.is-blog .hq-ps-thumb:hover img{transform:scale(1.04)}
body.is-blog .hq-ps-body{flex:1;min-width:0}
body.is-blog .hq-post-summary h2{margin:0 0 6px;font-size:20px;line-height:1.3;font-weight:700;text-transform:none;letter-spacing:0}
body.is-blog .hq-post-summary h2 a{color:var(--hqt,#1f2937);text-decoration:none}
body.is-blog .hq-post-summary h2 a:hover{color:var(--hqr,#e52f48)}
body.is-blog .hq-ps-date{margin:0 0 10px;font-size:13px;color:var(--hqm,#6b7280)}
body.is-blog .hq-ps-excerpt{margin:0 0 12px}
body.is-blog .hq-ps-excerpt p{margin:0;font-size:15px;line-height:1.6;color:#374151}
body.is-blog .hq-ps-more{display:inline-block;font-size:14px;font-weight:700;color:var(--hqr,#e52f48);text-decoration:none;letter-spacing:.02em}
body.is-blog .hq-ps-more:hover{color:var(--hqr-d,#c8223a);text-decoration:underline}
@media (max-width:770px){
 body.is-blog .hq-post-summary{flex-direction:column;gap:12px;padding:14px}
 body.is-blog .hq-ps-thumb{flex:none;width:100%;aspect-ratio:16/10}
 body.is-blog .hq-post-summary h2{font-size:18px}
}