:root{--vang-tuong: #f0e3c8;--vang-dam: #e4d2ab;--xanh-cua: #2f5d50;--xanh-dam: #1e3f36;--muc: #2b2620;--muc-nhat: #6b6154;--do-son: #b3402a;--trang-giay: #faf6ec;--font-display: "Playfair Display", Georgia, serif;--font-body: "Be Vietnam Pro", -apple-system, "Segoe UI", sans-serif;--content-width: 44rem;--wide-width: 68rem}*{box-sizing:border-box}html{background:var(--vang-tuong);color:var(--muc);font-family:var(--font-body);font-size:17px;line-height:1.75;-webkit-text-size-adjust:100%}body{margin:0}img{max-width:100%;height:auto;display:block}a{color:var(--xanh-cua);text-underline-offset:3px}a:hover{color:var(--do-son)}:focus-visible{outline:3px solid var(--do-son);outline-offset:2px}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.25;color:var(--muc);text-wrap:balance}.container{max-width:var(--wide-width);margin:0 auto;padding:0 1.25rem}.container-narrow{max-width:var(--content-width);margin:0 auto;padding:0 1.25rem}.site-header{background:var(--xanh-dam);color:var(--vang-tuong);border-bottom:4px double var(--vang-dam)}.site-header .container{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem 1.5rem;padding-top:1.1rem;padding-bottom:1.1rem}.site-title{font-family:var(--font-display);font-size:1.7rem;font-weight:700;letter-spacing:.02em;color:var(--vang-tuong);text-decoration:none}.site-title:hover{color:#fff}.site-tagline{font-size:.85rem;color:var(--vang-dam);font-style:italic}.site-nav{background:var(--xanh-cua)}.site-nav .container{display:flex;flex-wrap:wrap;gap:0 1.4rem;padding-top:.45rem;padding-bottom:.45rem}.site-nav a{color:var(--vang-tuong);text-decoration:none;font-size:.88rem;font-weight:500;letter-spacing:.03em;padding:.15rem 0}.site-nav a:hover,.site-nav a[aria-current=page]{color:#fff;border-bottom:2px solid var(--vang-dam)}.tem{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--do-son);border:1.5px dashed var(--do-son);padding:.18rem .6rem;background:var(--trang-giay);text-decoration:none;transform:rotate(-1deg)}a.tem:hover{background:var(--do-son);color:var(--trang-giay)}.post-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));padding:0;margin:1.5rem 0;list-style:none}.post-card{background:var(--trang-giay);border:1px solid var(--vang-dam);box-shadow:3px 3px 0 var(--vang-dam);padding:1.4rem 1.4rem 1.2rem;display:flex;flex-direction:column;gap:.6rem}.post-card h3{margin:0;font-size:1.25rem}.post-card h3 a{color:var(--muc);text-decoration:none}.post-card h3 a:hover{color:var(--xanh-cua);text-decoration:underline}.post-card p{margin:0;font-size:.92rem;color:var(--muc-nhat)}.post-meta{font-size:.78rem;color:var(--muc-nhat);letter-spacing:.04em}.article-header{margin:2.2rem 0 1.6rem}.article-header h1{font-size:clamp(1.8rem,4.5vw,2.6rem);margin:.7rem 0 .5rem}.article-body{font-size:1.05rem}.article-body p{margin:1.1rem 0}.article-body h2{font-size:1.45rem;margin:2.2rem 0 .8rem;padding-bottom:.3rem;border-bottom:3px double var(--xanh-cua)}.article-body h3{font-size:1.15rem;margin:1.8rem 0 .6rem}.article-body blockquote{margin:1.4rem 0;padding:.6rem 1.2rem;border-left:4px solid var(--do-son);background:var(--trang-giay);font-style:italic;color:var(--muc-nhat)}.article-body img{margin:1.5rem auto;border:6px solid var(--trang-giay);box-shadow:3px 3px 0 var(--vang-dam)}.ad-slot{margin:1.8rem auto;text-align:center;min-height:90px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,var(--vang-dam) 0 6px,var(--vang-tuong) 6px 12px);border:1px dashed var(--muc-nhat);color:var(--muc-nhat);font-size:.75rem;letter-spacing:.1em}.section-title{font-size:1.35rem;margin:2.4rem 0 .4rem;display:flex;align-items:center;gap:.8rem}.section-title:after{content:"";flex:1;border-top:3px double var(--xanh-cua)}.section-desc{margin:0 0 .5rem;color:var(--muc-nhat);font-size:.95rem}.hero{background:var(--trang-giay);border-bottom:4px double var(--vang-dam);padding:2.6rem 0 2.2rem;text-align:center}.hero h1{font-size:clamp(1.9rem,5vw,2.8rem);margin:.6rem 0 .4rem}.hero p{max-width:38rem;margin:0 auto;color:var(--muc-nhat)}.site-footer{margin-top:3.5rem;background:var(--xanh-dam);color:var(--vang-dam);font-size:.85rem}.site-footer .container{padding-top:1.6rem;padding-bottom:1.8rem;display:flex;flex-wrap:wrap;gap:.8rem 2rem;justify-content:space-between;align-items:center}.site-footer a{color:var(--vang-tuong)}.site-footer nav{display:flex;flex-wrap:wrap;gap:0 1.2rem}.pill-list{display:flex;flex-wrap:wrap;gap:.6rem;padding:0;margin:1rem 0;list-style:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}