:root{--paper: #FAF5E5;--panel: #F1E4C6;--card: #F4EAD0;--card-warm: #FDF9EE;--fill: #EADFC0;--ink: #14110B;--gold: #DCA54A;--gold-deep: #B07E2E;--brown-1: #7A6A50;--brown-2: #5A5040;--brown-3: #4A4234;--brown-4: #8A795C;--brown-5: #3B342A;--muted-dark: #C7BCA5;--hair: rgba(20, 17, 11, .08);--hair-soft: rgba(20, 17, 11, .06);--hair-strong: rgba(20, 17, 11, .1);--serif: "Playfair Display", serif;--sans: "Poppins", sans-serif;--mono: "Courier New", monospace;--maxw: 1180px;--side: clamp(20px, 5vw, 48px)}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}img{display:block}.grain{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.45;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E")}.page{position:relative;min-height:100%}.wrap{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto}.navlink{position:relative;cursor:pointer;text-decoration:none;color:inherit}.navlink:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:1.5px;background:var(--gold-deep);transition:width .3s ease}.navlink:hover:after{width:100%}.goldbtn{transition:transform .25s ease,box-shadow .25s ease}.goldbtn:hover{transform:translateY(-2px);box-shadow:0 14px 26px -12px #b07e2eb3}.lift{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}.lift:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px #14110b66}.imgzoom{overflow:hidden}.imgzoom img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.imgzoom:hover img,.lift:hover .imgzoom img{transform:scale(1.05)}html[data-lang=en] [data-lang-only=vi]{display:none!important}html[data-lang=vi] [data-lang-only=en],html:not([data-lang]) [data-lang-only=en]{display:none!important}.prose p{margin:0 0 22px;color:var(--brown-3);font-size:17px;line-height:1.82}.prose a{color:var(--gold-deep);text-decoration:underline;text-underline-offset:3px}.prose strong{color:#2b2519;font-weight:600}.prose em{font-style:italic}.prose h2{font-family:var(--serif);font-size:clamp(26px,3.2vw,32px);font-weight:600;line-height:1.2;margin:52px 0 20px;letter-spacing:-.01em}.prose h3{font-family:var(--serif);font-size:21px;font-weight:600;line-height:1.3;margin:34px 0 12px}.prose ol,.prose ul{margin:0 0 22px;padding-left:24px}.prose li{margin:8px 0;color:var(--brown-3);font-size:17px;line-height:1.82}.prose figure{margin:36px 0;text-align:center}.prose hr{margin:52px 0;border:none;border-top:1px solid var(--hair-strong)}.prose blockquote{margin:36px 0;padding:4px 0 4px 26px;border-left:3px solid var(--gold)}.prose blockquote p{margin:0;font-family:var(--serif);font-style:italic;font-size:22px;line-height:1.5;color:var(--ink)}.langsw{display:flex;align-items:center;gap:8px}.langbtn{cursor:pointer;border:1px solid rgba(20,17,11,.18);background:transparent;color:var(--brown-4);font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.04em;padding:6px 11px;border-radius:999px;transition:background .2s ease,color .2s ease,border-color .2s ease}html[data-lang=vi] .langbtn[data-lang-btn=vi],html[data-lang=en] .langbtn[data-lang-btn=en]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.navcb{display:none}.burger{display:none;width:44px;height:44px;align-items:center;justify-content:center;font-size:26px;line-height:1;color:var(--ink);cursor:pointer;border-radius:12px}@media (max-width: 640px){.hdr-inner{position:relative}.burger{display:flex}nav.mainnav{position:absolute;top:calc(100% + 14px);left:0;right:0;flex-direction:column;align-items:stretch!important;gap:2px!important;background:var(--paper);border:1px solid var(--hair-strong);border-radius:16px;padding:12px;box-shadow:0 26px 46px -22px #14110b73;display:none!important}.navcb:checked~nav.mainnav{display:flex!important}nav.mainnav a{padding:13px 14px;border-radius:10px;font-size:16px}nav.mainnav .goldbtn{justify-content:center;height:48px!important;margin-top:8px}nav.mainnav .langsw{align-self:flex-start;margin-top:6px}}
