/* Shared Nam Lê blog archives: two leading cards, then three across. */
body.az-namle-blog-archive { background:#fff; }
body.az-namle-blog-archive #page > :is(.az-site-breadcrumb,.az-shared-trail,.az-shared-banner) { display:none; }
#page .az-namle-blog { padding:30px 0 60px; background:#fff; color:#181d24; font:16px/1.5 var(--az-font-main,Arial,sans-serif); }
.az-namle-blog *, .az-namle-blog *::before, .az-namle-blog *::after { box-sizing:border-box; }
#page .az-namle-blog__container { width:min(1312px,calc(100% - 64px)); margin-inline:auto; }
#page .az-namle-blog__heading { margin:0 0 8px; color:#181d24; font:500 24px/1.4 var(--az-font-main,Arial,sans-serif); text-align:center; text-transform:uppercase; }
#page .az-namle-blog__grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:28px; align-items:start; }
#page .az-namle-blog-card { position:relative; grid-column:span 2; min-width:0; margin:0; overflow:hidden; border:1px solid #e5e5e5; border-radius:10px; background:#181d24; box-shadow:0 2px 7px #0003; }
#page .az-namle-blog-card--featured { grid-column:span 3; aspect-ratio:1; }
#page .az-namle-blog-card__media { display:block; width:100%; aspect-ratio:1; overflow:hidden; background:#eee; }
#page .az-namle-blog-card__media img { display:block; width:100%; height:100%; margin:0; object-fit:cover; object-position:center; transition:transform .25s ease; }
#page .az-namle-blog-card__placeholder { display:block; width:100%; height:100%; background:linear-gradient(135deg,#eee,#afb4bb); }
#page .az-namle-blog-card--featured .az-namle-blog-card__media { position:absolute; inset:0; height:100%; }
#page .az-namle-blog-card--featured::after { position:absolute; inset:0; content:''; pointer-events:none; background:linear-gradient(180deg,#181d241a 0%,#181d2433 35%,#181d2480 65%,#181d24 100%); }
#page .az-namle-blog-card__date { position:absolute; z-index:2; top:24px; left:0; display:flex; flex-direction:column; align-items:center; justify-content:center; width:44px; min-height:40px; padding:4px; border-radius:0 6px 6px 0; background:#fff3c1; color:#181d24; font:700 13px/1.1 Arial,sans-serif; }
#page .az-namle-blog-card__date small { font-size:11px; }
#page .az-namle-blog-card__content { position:relative; z-index:1; padding:14px; }
#page .az-namle-blog-card--featured .az-namle-blog-card__content { position:absolute; right:0; bottom:0; left:0; padding:22px; }
#page .az-namle-blog-card__content h2 { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin:0 0 24px; color:#ead18b; font:600 18px/1.35 var(--az-font-main,Arial,sans-serif); text-transform:uppercase; }
#page .az-namle-blog-card__content h2 a { color:inherit; text-decoration:none; }
#page .az-namle-blog-card__content p { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin:0; color:#72777d; font-size:16px; line-height:1.35; }
#page .az-namle-blog-card--featured .az-namle-blog-card__content h2 { min-height:0; margin-bottom:26px; }
#page .az-namle-blog-card--featured .az-namle-blog-card__content p { display:block; overflow:hidden; color:#fff; white-space:nowrap; text-overflow:ellipsis; }
#page .az-namle-blog-card:hover .az-namle-blog-card__media img { transform:scale(1.025); }
#page .az-namle-blog-card__content a:hover { color:#fff3c1; }
#page .az-namle-blog-card a:focus-visible { outline:2px solid #ffc559; outline-offset:-3px; }
.az-namle-blog__pagination { margin-top:32px; }
.az-namle-blog__pagination ul { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:0; padding:0; list-style:none; }
#page .az-namle-blog__pagination :is(a,span) { display:grid; place-items:center; min-width:40px; height:40px; padding:0 8px; border:1px solid #aaa; border-radius:50%; background:#fff; color:#555; text-decoration:none; }
#page .az-namle-blog__pagination .current, #page .az-namle-blog__pagination a:hover { border-color:#181d24; background:#181d24; color:#fff; }
.az-namle-blog__empty { padding:40px 0; text-align:center; }
@media (max-width:1000px) {
  #page .az-namle-blog__container { width:calc(100% - 40px); }
  #page .az-namle-blog__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
  #page .az-namle-blog-card { grid-column:span 1; }
}
@media (max-width:600px) {
  #page .az-namle-blog { padding:24px 0 40px; }
  #page .az-namle-blog__container { width:calc(100% - 32px); }
  #page .az-namle-blog__grid { grid-template-columns:minmax(0,1fr); }
  #page .az-namle-blog__heading { font-size:22px; margin-bottom:14px; }
  #page .az-namle-blog-card--featured .az-namle-blog-card__content { padding:16px; }
  #page .az-namle-blog-card__content h2 { min-height:0; }
}