.cat-header{border-bottom:1px solid color-mix(in srgb, var(--ink) 16%, transparent);padding-top:40px;padding-bottom:28px}.cat-header-top{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:14px;display:flex}.crumb{letter-spacing:.04em;color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:600}.crumb a{color:var(--muted)}.crumb a:hover{color:var(--terracotta)}.cat-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--deep);margin-bottom:14px;font-size:48px;font-weight:800;line-height:1.15}.cat-dek{font-family:var(--font-serif);color:var(--ink);max-width:42em;margin-bottom:10px;font-size:19px;line-height:1.55}.cat-count{color:var(--muted);font-size:13px;font-weight:600}.filters{flex-wrap:wrap;align-items:center;gap:10px;padding-top:22px;padding-bottom:8px;display:flex}.filters-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-right:4px;font-size:11px;font-weight:800}.filter{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;border:1.5px solid var(--ink);color:var(--ink);background:var(--white);cursor:default;padding:8px 12px;font-size:12px;font-weight:700}.filter.is-on{background:var(--ink);color:var(--white)}.filter.soft{border-color:color-mix(in srgb, var(--ink) 35%, transparent);color:color-mix(in srgb, var(--ink) 80%, #666)}.archive-list{padding-top:12px;padding-bottom:8px}.teaser{border-bottom:1px solid color-mix(in srgb, var(--ink) 16%, transparent);grid-template-columns:1fr 200px;align-items:start;gap:28px;padding:28px 0;display:grid}.teaser.no-thumb{grid-template-columns:1fr}.teaser-kicker{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--terracotta);margin-bottom:8px;font-size:11px;font-weight:700}.teaser-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--deep);margin-bottom:10px;font-size:26px;font-weight:800;line-height:1.25}.teaser-title a:hover{color:var(--terracotta)}.teaser-dek{font-family:var(--font-serif);color:var(--ink);max-width:40em;margin-bottom:12px;font-size:17px;line-height:1.55}.teaser-meta{color:var(--muted);flex-wrap:wrap;gap:6px 14px;font-size:12px;font-weight:500;display:flex}.teaser-meta b{color:var(--ink);font-weight:700}.thumb{height:132px;position:relative;overflow:hidden}.thumb.t1{background:linear-gradient(145deg,#173f40 0%,#2a5c5e 45%,#789086 100%)}.thumb.t2{background:linear-gradient(145deg,#a34830 0%,#173f40 70%)}.thumb.t3{background:linear-gradient(145deg,#789086 0%,#e8e4dc 50%,#173f40 100%)}.thumb.t4{background:linear-gradient(160deg,#182322,#173f40 40%,#a34830)}.thumb:before{content:"";border:2px solid #fff6;width:56px;height:56px;position:absolute;top:18px;left:18px}.thumb:after{content:"HÌNH MẪU";letter-spacing:.1em;color:#fffc;font-size:9px;font-weight:800;position:absolute;bottom:10px;right:10px}.thumb .blob{background:#a34830b3;width:90px;height:90px;position:absolute;bottom:-28px;right:-20px;transform:rotate(14deg)}.archive-grid{border-top:3px solid var(--ink);grid-template-columns:repeat(3,1fr);gap:36px 28px;margin-top:8px;padding-top:36px;padding-bottom:8px;display:grid}.grid-card .thumb{height:150px;margin-bottom:14px}.grid-card .teaser-title{margin-bottom:8px;font-size:20px}.grid-card .teaser-dek{margin-bottom:10px;font-size:15px}.pager{border-top:1px solid color-mix(in srgb, var(--ink) 16%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding-top:36px;padding-bottom:8px;display:flex}.pager-pages{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.page{font-family:var(--font-display);border:1.5px solid var(--ink);min-width:36px;height:36px;color:var(--ink);background:var(--white);cursor:default;justify-content:center;align-items:center;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.page.is-on{background:var(--ink);color:var(--white)}.page.ghost{color:var(--muted);border-color:#0000}.pager-note{color:var(--muted);font-size:13px;font-weight:500}@media (width<=900px){.cat-title{font-size:36px}.teaser{grid-template-columns:1fr}.teaser .thumb{max-width:280px}.archive-grid{grid-template-columns:1fr;gap:28px}}@media (width<=480px){.cat-title{font-size:30px}.teaser-title{font-size:22px}}.archive-list,.archive-item,.teaser{min-width:0;max-width:100%}.archive-item p,.teaser-dek{overflow-wrap:break-word;word-wrap:break-word}.cat-cover{border:1px solid color-mix(in srgb, var(--ink) 14%, transparent);aspect-ratio:1200/630;background:var(--ivory,#f7f4ef);max-width:720px;margin-top:22px;overflow:hidden}.cat-cover-picture,.cat-cover picture{width:100%;height:100%;display:block}.cat-cover img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}