@font-face{font-family:"Bricolage Grotesque";font-weight:400;font-display:swap;src:url(f/bricolage-grotesque-vietnamese-400-normal.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Bricolage Grotesque";font-weight:400;font-display:swap;src:url(f/bricolage-grotesque-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Bricolage Grotesque";font-weight:700;font-display:swap;src:url(f/bricolage-grotesque-vietnamese-700-normal.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Bricolage Grotesque";font-weight:700;font-display:swap;src:url(f/bricolage-grotesque-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:600;font-display:swap;src:url(f/fraunces-vietnamese-italic-600.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:600;font-display:swap;src:url(f/fraunces-latin-italic-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Bricolage Dp";font-weight:400;src:local("Arial"),local("Helvetica Neue"),local("Liberation Sans");size-adjust:101.7%;ascent-override:91.4%;descent-override:26.5%;line-gap-override:0%}
@font-face{font-family:"Bricolage Dp";font-weight:700;src:local("Arial Bold"),local("Arial"),local("Helvetica Neue"),local("Liberation Sans");size-adjust:98.6%;ascent-override:94.3%;descent-override:27.4%;line-gap-override:0%}
:root{--c-nen:#1f1218;--c-nen-sau:#160b10;--c-nen-noi:#2d1a24;--c-vien:#47303b;--c-chu:#f7eee4;--c-chu-mo:#c2aeb0;--c-chu-tren-vang:#1f1218;--c-vang:#f7ab4c;--c-vang-sang:#ffc070;--c-do:#d4322b;--c-do-chu:#ff8a78;--c-tim:#4a2368;--c-giay:#f3e8da;--c-giay-chu:#2a1620;--c-giay-mo:#6b4c57;--c-giay-vien:#dccbb6;--c-giay-nhan:#a3261f;--c-tren-do:#fff;
--f-chinh:"Bricolage Grotesque","Bricolage Dp",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--f-nhan:"Fraunces",Georgia,"Times New Roman",serif;
--t-body:1rem;--t-nho:.875rem;--t-lon:1.125rem;--t-h3:1.25rem;--t-h2:clamp(1.5rem,5.2vw,2.25rem);--t-h1:clamp(2rem,8.4vw,3.75rem);--lh-body:1.6;--lh-tieude:1.08;
--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:72px;--le:clamp(16px,4vw,48px);--rong-max:1160px;--rong-doc:720px;--r-nho:6px;--r-the:18px;--r-vien:999px;--bong-nut:0 8px 24px -8px rgba(247,171,76,.5);--catfish-cao:50px;--slider-logo:100px;--header-cao:104px;--nut-cao:44px}
@media(max-width:767px){:root{--catfish-cao:42px;--slider-logo:72px;--header-cao:80px}}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--c-nen);color:var(--c-chu);font:400 var(--t-body)/var(--lh-body) var(--f-chinh);padding-bottom:calc(var(--catfish-cao) + var(--s-2));overflow-wrap:break-word}
img{max-width:100%;height:auto;display:block}
a{color:var(--c-vang);text-underline-offset:3px}a:hover{color:var(--c-vang-sang)}
:focus-visible{outline:3px solid var(--c-vang-sang);outline-offset:2px}
h1,h2,h3{font-weight:700;line-height:var(--lh-tieude);letter-spacing:-.015em;margin:0 0 var(--s-4);overflow-wrap:anywhere}
h1{font-size:var(--t-h1)}h2{font-size:var(--t-h2)}h3{font-size:var(--t-h3);line-height:1.25}
em.nhan{font-family:var(--f-nhan);font-style:italic;font-weight:600;color:var(--c-vang);letter-spacing:0}
p{margin:0 0 var(--s-4)}
.wrap{max-width:var(--rong-max);margin:0 auto;padding-left:var(--le);padding-right:var(--le)}
.sr{position:absolute;left:-9999px}
.skip{position:absolute;left:-9999px;top:0;background:var(--c-vang);color:var(--c-chu-tren-vang);padding:var(--s-3);z-index:99}.skip:focus{left:0}
.cta{display:flex;gap:var(--s-2);align-items:center}
.cta a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 var(--s-4);border-radius:var(--r-vien);font:700 var(--t-nho)/1 var(--f-chinh);text-decoration:none;border:2px solid var(--c-chu);color:var(--c-chu);background:transparent;white-space:nowrap}
.cta a:hover{border-color:var(--c-vang);color:var(--c-vang)}
.cta a:last-child{background:var(--c-vang);border-color:var(--c-vang);color:var(--c-chu-tren-vang);box-shadow:var(--bong-nut)}
.cta a:last-child:hover{background:var(--c-vang-sang);border-color:var(--c-vang-sang);color:var(--c-chu-tren-vang)}
.cta span{pointer-events:none}
.hd{position:sticky;top:0;z-index:50;background:var(--c-nen-sau);border-bottom:1px solid var(--c-vien)}
.hd .wrap{display:flex;align-items:center;gap:var(--s-4);height:var(--header-cao)}
.logo{display:flex;align-items:center;gap:var(--s-2);color:var(--c-chu);text-decoration:none;font-weight:700;font-size:var(--t-lon);min-width:0}
.logo img{width:88px;height:88px;flex:none}@media(max-width:767px){.logo img{width:68px;height:68px}}.logo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40vw}
.menu{display:none;list-style:none;margin:0 0 0 var(--s-5);padding:0;gap:var(--s-5)}
.menu a{color:var(--c-chu);text-decoration:none;font-weight:400;padding:var(--s-2) 0;border-bottom:2px solid transparent}
.menu a:hover,.menu a[aria-current]{color:var(--c-vang);border-color:var(--c-vang)}
.hd-nut{margin-left:auto;display:flex;gap:var(--s-2);align-items:center}
.hd-nut .cta a:not(:last-child){display:none}
.burger{width:44px;height:44px;border:1px solid var(--c-vien);background:var(--c-nen-noi);border-radius:var(--r-nho);color:var(--c-chu);font-size:1.4rem;cursor:pointer;padding:0}
.mm{display:none;background:var(--c-nen-sau);border-bottom:1px solid var(--c-vien)}.mm.mo{display:block}
.mm ul{list-style:none;margin:0;padding:var(--s-2) var(--le) var(--s-4)}
.mm li a{display:block;padding:var(--s-3) 0;color:var(--c-chu);text-decoration:none;border-bottom:1px solid var(--c-vien)}
.mm .cta{padding:var(--s-4) var(--le) var(--s-5)}.mm .cta a{flex:1;min-height:var(--nut-cao)}
@media(min-width:900px){.menu{display:flex}.burger{display:none}.hd-nut .cta a:not(:last-child){display:inline-flex}.mm,.mm.mo{display:none}}
.menu li{position:relative;list-style:none}
.menu .sub-menu{display:none;position:absolute;left:0;top:100%;z-index:60;min-width:200px;margin:0;padding:var(--s-2) 0;list-style:none;background:var(--c-nen-noi);border:1px solid var(--c-vien);border-radius:var(--r-nho)}
.menu li:hover>.sub-menu,.menu li:focus-within>.sub-menu{display:block}
.menu .sub-menu a{display:block;padding:var(--s-2) var(--s-4);border-bottom:0;white-space:nowrap}
.mm .sub-menu{padding:0 0 0 var(--s-4)}
.hero{padding:var(--s-6) 0 var(--s-5);background:radial-gradient(120% 90% at 85% 0%,var(--c-tim) 0,transparent 60%),var(--c-nen)}
.hero .wrap{display:grid;gap:var(--s-5)}.hero .wrap>*{min-width:0}
.nhan-nho{display:inline-block;background:var(--c-do);color:var(--c-tren-do);font-weight:700;font-size:var(--t-nho);padding:var(--s-1) var(--s-3);border-radius:var(--r-nho);margin-bottom:var(--s-4)}
.sapo{font-size:var(--t-lon);max-width:60ch;overflow-wrap:anywhere}
.ghichu{font-size:var(--t-nho);color:var(--c-chu-mo)}
.hero-anh img{border-radius:var(--r-the);border:1px solid var(--c-vien);width:100%}
@media(min-width:900px){.hero{padding:var(--s-7) 0 var(--s-5)}.hero .wrap{grid-template-columns:1.25fr .75fr;align-items:center;gap:var(--s-7)}}
.sl{margin:var(--s-5) 0}.sl:empty{display:none}
.kz{padding:var(--s-6) 0}
.kz.giay{background:var(--c-giay);color:var(--c-giay-chu)}
.kz.giay a{color:var(--c-giay-nhan)}.kz.giay em.nhan{color:var(--c-giay-nhan)}
.kzs{counter-reset:kz}
.kz-dau{display:grid;gap:var(--s-5);align-items:center;margin-bottom:var(--s-5)}.kz-dau>*{min-width:0}
.kz-dau figure{margin:0}
@media(min-width:800px){.kz-dau.co-anh{grid-template-columns:1fr 1fr;gap:var(--s-7)}.kz:nth-child(even) .kz-dau.co-anh figure{order:-1}}
.kz-luoi{display:grid;gap:var(--s-4);grid-template-columns:minmax(0,1fr)}.kz-luoi>*{min-width:0}
.tc{background:var(--c-nen-noi);border:1px solid var(--c-vien);border-radius:var(--r-the);padding:var(--s-5)}
.giay .tc{background:#fbf5ec;border-color:var(--c-giay-vien)}
.tc.rong{grid-column:1/-1}.tc figure{max-width:640px;margin-left:auto;margin-right:auto}.tc>:last-child{margin-bottom:0}
.tc h3{color:var(--c-vang)}.giay .tc h3{color:var(--c-giay-nhan)}
.kz p,.kz li,.prose p,.prose li{overflow-wrap:break-word}
.kz-dau p,.kz-dau li{max-width:70ch}
.hq{margin:0 0 var(--s-2)}
details{border-bottom:1px solid var(--c-vien);padding:var(--s-4) 0}.giay details{border-color:var(--c-giay-vien)}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:var(--s-4);min-height:44px;align-items:center}
summary::-webkit-details-marker{display:none}
summary h3,.giay .tc summary h3,.tc summary h3{margin:0;font-size:var(--t-lon);line-height:1.6;color:inherit}
summary::after{content:"+";font-size:1.5rem;color:var(--c-vang);flex:none}.giay summary::after{color:var(--c-giay-nhan)}
details[open] summary::after{content:"–"}
details>:not(summary){margin-top:var(--s-3)}
.cuon{overflow-x:auto;margin:0 0 var(--s-4)}
table{width:100%;border-collapse:collapse;font-size:var(--t-nho);min-width:420px}
th,td{padding:var(--s-3);text-align:left;border-bottom:1px solid var(--c-vien);vertical-align:top;overflow-wrap:normal;word-break:normal}
th{color:var(--c-vang);font-weight:700}.giay th{color:var(--c-giay-nhan)}.giay td,.giay th{border-color:var(--c-giay-vien)}
.kn{white-space:nowrap}th{white-space:nowrap}td:first-child{white-space:nowrap}th:first-child,td:first-child{padding-right:var(--s-5)}
figure{margin:0 0 var(--s-5)}.prose figure{margin:var(--s-5) 0}figure img{border-radius:var(--r-the);width:100%}
figcaption{font-size:var(--t-nho);color:var(--c-chu-mo);margin-top:var(--s-2);overflow-wrap:anywhere}.giay figcaption{color:var(--c-giay-mo)}
pre{overflow-x:auto;max-width:100%}
.luoi{display:grid;gap:var(--s-4)}.luoi>*{min-width:0}
@media(min-width:700px){.luoi{grid-template-columns:repeat(3,1fr)}}
.the{background:var(--c-nen-noi);border:1px solid var(--c-vien);border-radius:var(--r-the);overflow:hidden;display:flex;flex-direction:column}
.the img{border-radius:0;width:100%}
.the-tt{padding:var(--s-4) var(--s-4) var(--s-5)}.the h3{margin-bottom:var(--s-2)}
.the h3 a{color:var(--c-chu);text-decoration:none}.the h3 a:hover{color:var(--c-vang)}
.the small{color:var(--c-chu-mo);display:block}
.bai{padding:var(--s-6) 0 var(--s-7)}.bai .wrap{max-width:calc(var(--rong-doc) + 2 * var(--le))}
.bc{font-size:var(--t-nho);color:var(--c-chu-mo);margin-bottom:var(--s-4);overflow-wrap:anywhere}.bc a{color:var(--c-chu)}
.meta{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-4);font-size:var(--t-nho);color:var(--c-chu-mo);margin-bottom:var(--s-5)}
.prose h2{margin-top:var(--s-7)}.prose h3{margin-top:var(--s-5)}
.prose blockquote{margin:var(--s-5) 0;padding:var(--s-4) var(--s-5);border-left:4px solid var(--c-vang);background:var(--c-nen-noi);border-radius:0 var(--r-nho) var(--r-nho) 0}
.prose ul,.prose ol{padding-left:var(--s-5)}.prose li{margin-bottom:var(--s-2)}
.prose>:first-child{margin-top:0}
.tg{display:flex;gap:var(--s-4);align-items:center;background:var(--c-nen-noi);border:1px solid var(--c-vien);border-radius:var(--r-the);padding:var(--s-4);margin-top:var(--s-6)}
.tg-anh{flex:0 0 56px;width:56px;height:56px;border-radius:50%;object-fit:cover;background:var(--c-tim)}
.tg>div{min-width:0}
.dau-muc{padding:var(--s-6) 0 var(--s-4)}.dau-muc p{max-width:70ch}
.sx{display:flex;gap:var(--s-2);margin:var(--s-4) 0}.sx input[type=search]{flex:1;min-width:0;min-height:44px;border-radius:var(--r-vien);border:1px solid var(--c-vien);background:var(--c-nen-noi);color:var(--c-chu);padding:0 var(--s-4);font:inherit}
.sx button{min-height:44px;padding:0 var(--s-5);border-radius:var(--r-vien);border:0;background:var(--c-vang);color:var(--c-chu-tren-vang);font:700 var(--t-body) var(--f-chinh);cursor:pointer}
.trang{display:flex;flex-wrap:wrap;gap:var(--s-2);margin:var(--s-6) 0 0}
.trang a.page-numbers,.trang span.page-numbers{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;border:1px solid var(--c-vien);border-radius:var(--r-nho);text-decoration:none;color:var(--c-chu);padding:0 var(--s-3)}
.trang span.current{background:var(--c-vang);color:var(--c-chu-tren-vang);border-color:var(--c-vang)}
.ft{background:var(--c-nen-sau);border-top:1px solid var(--c-vien);padding:var(--s-7) 0 var(--s-6);font-size:var(--t-nho);color:var(--c-chu-mo)}
.ft-luoi{display:grid;gap:var(--s-5)}.ft-luoi>*{min-width:0}
@media(min-width:800px){.ft-luoi{grid-template-columns:1.4fr 1fr 1.7fr}}
.ft h2{font-size:var(--t-body);color:var(--c-chu);margin-bottom:var(--s-2)}
.ft ul{list-style:none;margin:0;padding:0}.ft li a{display:inline-block;padding:var(--s-2) 0;color:var(--c-chu);overflow-wrap:anywhere}
.ft .cuoi{border-top:1px solid var(--c-vien);margin-top:var(--s-6);padding-top:var(--s-4);overflow-wrap:anywhere}
@media(max-width:520px){.nhan-nho{font-size:.8rem}.tc{padding:var(--s-4)}table{min-width:360px}}
.c3 table{min-width:480px}.c4 table{min-width:600px}.c4 th:first-child,.c4 td:first-child{min-width:5rem}
/* NAP chân trang */
.ft .nap{font-style:normal;display:grid;gap:var(--s-1);align-content:start}.ft .nap p{margin:0;overflow-wrap:anywhere}.ft .nap strong{color:var(--c-chu);font-weight:600}.ft .nap a{color:var(--c-chu)}
/* 11/11: hero không còn ảnh → 1 cột, chữ phủ hết khung */
.hero .wrap{grid-template-columns:minmax(0,1fr)}.hero .sapo,.hero .sapo p{max-width:none}
/* 11/11: menu điện thoại — mục con thu gọn; header điện thoại 2 nút */
.mm.js-mm li.menu-item-has-children{display:flex;flex-wrap:wrap;align-items:stretch}
.mm.js-mm li.menu-item-has-children>a{flex:1 1 0;min-width:0}
.mm.js-mm .sub-menu{display:none;flex:0 0 100%}
.mm.js-mm li.mo-sub>.sub-menu{display:block}
.mm-tg{flex:0 0 48px;border:0;border-bottom:1px solid var(--c-vien);background:transparent;color:var(--c-chu);cursor:pointer;display:grid;place-items:center;padding:0}
.mm-tg span{width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
li.mo-sub>.mm-tg span{transform:rotate(-135deg) translate(-2px,-2px)}
.hd-nut .cta a,.hd-nut .cta a:not(:last-child){display:inline-flex}
@media(max-width:899px){.hd .wrap{gap:var(--s-2)}.hd-nut,.hd-nut .cta{gap:6px}.hd-nut .cta a{padding:0 12px;min-height:38px;font-size:.8125rem}}
@media(max-width:359px){.hd-nut .cta a{padding:0 8px;font-size:.75rem}.burger{width:40px;height:40px}}
/* 11/11: ảnh trong khu nội dung — 1 cột: chữ trước, ảnh căn giữa dưới, chú thích giữa (bỏ kiểu 2 cột lệch) */
@media(min-width:800px){.kz-dau.co-anh{grid-template-columns:minmax(0,1fr);gap:var(--s-5)}}
.kz:nth-child(even) .kz-dau.co-anh figure{order:0}
.kz-dau.co-anh>div p,.kz-dau.co-anh>div li{max-width:none}
.kz-dau figure,.kz .tc figure{max-width:800px;margin-left:auto;margin-right:auto}
.kz-dau figure img,.kz .tc figure img{display:block;width:100%;height:auto;margin-left:auto;margin-right:auto}
.kz figcaption{text-align:center}
.kz-dau p,.kz-dau li{max-width:none}
/* 11/11: ảnh dùng [caption] của WordPress (figure.wp-caption, width inline 800px) → co theo cột, căn giữa, chú thích giữa */
figure.wp-caption{width:auto!important;max-width:min(100%,800px);margin-left:auto;margin-right:auto;box-sizing:border-box}
figure.wp-caption img{display:block;width:100%;max-width:100%;height:auto;margin-left:auto;margin-right:auto}
figure.wp-caption figcaption,.wp-caption-text{text-align:center;margin-top:var(--s-2);overflow-wrap:anywhere}