html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list{display:grid;gap:24px}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .glaceblog-post{min-width:0;margin:0;padding:0;border:1px solid var(--phn-line);border-radius:14px;background:#fff;box-shadow:0 2px 8px rgba(28,42,35,.035);overflow:hidden}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .item-blog-post{margin:0;padding:0}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .post-details{display:flex;flex-direction:column;gap:0;float:none;width:100%;min-width:0;margin:0;padding:24px;box-sizing:border-box}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .post-thumbnail{position:relative;float:none;width:100%;max-width:none!important;min-width:0;margin:0 0 20px;border-radius:10px;overflow:hidden;background:var(--phn-green-tint)}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .post-thumbnail>a{display:block;width:100%;aspect-ratio:16/9;border-radius:0}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .post-thumbnail img.thumbnail{display:block;width:100%;height:100%;max-height:none;margin:0;padding:0;border:0;border-radius:0;aspect-ratio:auto;object-fit:cover}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .post-thumbnail .glace-tags{position:absolute;left:12px;right:12px;bottom:12px;display:flex;flex-wrap:wrap;gap:6px;width:auto;margin:0;padding:0}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .post-thumbnail .glace-tags a{max-width:100%;margin:0;padding:4px 9px;border-radius:6px;background:rgba(255,255,255,.95)!important;color:var(--phn-green-dark)!important;font-size:11px;font-weight:600;line-height:1.5;letter-spacing:0;text-transform:none;overflow-wrap:anywhere;text-decoration:none}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .glace-post-header{min-width:0;margin:0;padding:0;border:0}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .glace-post-header h2{margin:0 0 12px;padding:0;color:var(--phn-ink);font-family:var(--phn-font);font-size:23px;font-weight:700;line-height:1.4;letter-spacing:-.025em;text-transform:none;overflow-wrap:anywhere}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .glace-post-header h2 a{color:inherit!important;text-decoration:none}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .glace-post-header h2 a:hover{color:var(--phn-green)!important}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .glace-header.fix-me{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;float:none;clear:none;min-width:0;margin:0 0 14px;padding:0;border:0;background:none;font-family:var(--phn-font);font-size:13px;font-weight:400;line-height:1.6;letter-spacing:0;text-transform:none}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .glace-header.fix-me::before,
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .glace-header.fix-me::after{display:none;content:none}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .glace-header.fix-me>span{display:inline-flex;align-items:center;gap:6px;float:none;max-width:100%;min-width:0;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:var(--phn-muted)!important;font-size:13px!important;font-weight:400;line-height:1.6!important;letter-spacing:0;text-transform:none;overflow-wrap:anywhere}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .glace-header.fix-me>span::before{display:none;content:none}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .glace-header.fix-me>span.date,
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .glace-header.fix-me>span.views{white-space:nowrap;font-variant-numeric:tabular-nums}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .glace-header.fix-me .glyphicons{position:relative;display:inline-block!important;flex:0 0 15px;width:15px;height:16px;margin:0;padding:0;color:#758177;font-size:14px;line-height:16px;vertical-align:middle}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .glace-header.fix-me .glyphicons::before{position:static;display:block;margin:0;padding:0;color:inherit;font-size:14px;line-height:16px}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .glace-header.fix-me .vbp-post-author-link{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:0;font-weight:600;line-height:inherit;text-transform:none}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .glace-header.fix-me .vbp-post-author-link span{color:var(--phn-ink)!important;font-size:inherit;line-height:inherit;text-transform:none}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .phn-blog-author-badge{display:block;flex:0 0 15px;width:15px;height:15px;margin:0;border:0;object-fit:contain}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .glace-content.std{min-width:0;margin:0 0 16px;padding:0;color:#4c5a52;font-size:14px;line-height:1.75;letter-spacing:0;text-align:left;overflow-wrap:anywhere}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .glace-content.std p{margin:0;line-height:inherit}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .glace-details{float:none;clear:none;min-width:0;margin:0;padding:0;border:0}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .glace-details a.button.glace-read-more{display:inline-flex;align-items:center;gap:8px;min-height:36px;height:auto;margin:0;padding:6px 0;border:0;border-radius:0;background:transparent!important;color:var(--phn-green-dark)!important;font-family:var(--phn-font);font-size:14px;font-weight:600;line-height:1.5;letter-spacing:0;text-transform:none;text-decoration:none;box-shadow:none}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .glace-details a.button.glace-read-more::after{content:"→"}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .glace-details a.button.glace-read-more:hover{text-decoration:underline;text-underline-offset:4px}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .glace-details.hide-tags{margin-top:12px;padding-top:12px;border-top:1px solid #edf0e9;color:var(--phn-muted);font-size:12px;line-height:1.7}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .hide-tags span.categories{display:block;float:none;clear:none;margin:0;padding:0;letter-spacing:0;text-transform:none}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .hide-tags span.categories a{color:var(--phn-green-dark);font-size:12px;font-weight:600;text-decoration:none}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .hide-tags span.categories a:hover{text-decoration:underline;text-underline-offset:3px}
@media (min-width:768px){
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .post-details:has(>.post-thumbnail){display:grid;grid-template-columns:minmax(0,32%) minmax(0,1fr);column-gap:24px;align-items:start}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .post-details:has(>.post-thumbnail)>.post-thumbnail{grid-column:1;grid-row:1/6;margin:0}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .post-details:has(>.post-thumbnail)>.post-thumbnail>a{aspect-ratio:4/3}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .post-details:has(>.post-thumbnail)>:not(.post-thumbnail){grid-column:2}
}
@media (max-width:767px){
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list{gap:18px}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .post-details{padding:18px}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .glace-post-header h2{font-size:20px;line-height:1.45}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .glace-header.fix-me{gap:8px 14px}
html body.vbp-hanoi #glaceblog_content_list .glaceblog-list.list .glace-header.fix-me>.posted-by{flex-basis:100%}
}