:root{--bg:#fffdf5;--paper:#fff;--ink:#172015;--muted:#667064;--green:#1d6b3b;--green2:#0f4f2a;--gold:#f2b632;--line:#e7eadf;--soft:#f5f8ef;--shadow:0 18px 50px rgba(30,70,35,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.72}.wrap{width:min(1160px,calc(100% - 32px));margin:auto}a{color:inherit}.topbar{background:var(--green2);color:#fff;font-size:13px}.topbar .wrap{padding:8px 0;display:flex;justify-content:space-between;gap:16px}.header{position:sticky;top:0;z-index:20;background:rgba(255,253,245,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(231,234,223,.9)}.nav{display:flex;align-items:center;justify-content:space-between;padding:13px 0;gap:18px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:850;letter-spacing:-.02em}.flower{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,#7a4b00 0 8%,#ffc933 9% 38%,#f7a700 39% 58%,#fff2a8 59% 61%,transparent 62%),var(--soft);box-shadow:0 0 0 1px var(--line)}.menu{display:flex;gap:18px;align-items:center;font-size:14px}.menu a{text-decoration:none;color:#38443a}.menu a:hover{color:var(--green)}.hero{padding:64px 0 38px}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:34px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#eaf5e7;color:var(--green2);font-size:13px;font-weight:750}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(44px,6vw,74px);line-height:1.03;letter-spacing:-.045em;margin:16px 0 18px}.hero p{font-size:18px;color:var(--muted);max-width:760px}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 17px;border-radius:12px;text-decoration:none;font-weight:750;border:1px solid var(--line);background:#fff}.btn.primary{background:var(--green);color:#fff;border-color:var(--green)}.hero-card{background:linear-gradient(145deg,#184e2d,#2f7b47);color:#fff;border-radius:28px;padding:28px;box-shadow:var(--shadow);min-height:330px;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(255,210,70,.16);right:-70px;bottom:-90px}.hero-card .big{font:700 84px/1 Georgia,serif;color:#ffd650}.hero-card h2{font-size:25px;line-height:1.25;margin:8px 0}.hero-card p{color:#dcebdd;font-size:15px}.section{padding:32px 0}.section h2{font:700 clamp(30px,4vw,44px)/1.12 Georgia,serif;letter-spacing:-.025em;margin:0 0 10px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.section-head p{color:var(--muted);margin:0;max-width:640px}.search{width:min(360px,100%);padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 8px 26px rgba(25,60,30,.04);display:flex;flex-direction:column;min-height:238px}.card .month{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--green)}.card h3{font:700 23px/1.22 Georgia,serif;margin:8px 0 10px}.card p{color:var(--muted);font-size:14px;margin:0 0 16px}.card a{margin-top:auto;text-decoration:none;font-weight:800;color:var(--green)}.card.featured{border-color:#e9c34f;background:linear-gradient(180deg,#fffdf2,#fff)}.note{background:#eef7eb;border:1px solid #d8ebd3;border-radius:18px;padding:18px 20px}.article{padding:48px 0}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:18px}.breadcrumbs a{text-decoration:none}.article-grid{display:grid;grid-template-columns:minmax(0,780px) 1fr;gap:42px;align-items:start}.article h1{font:700 clamp(38px,5vw,60px)/1.07 Georgia,serif;letter-spacing:-.04em;margin:0 0 16px}.dek{font-size:19px;color:var(--muted);margin-bottom:24px}.meta{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--muted);padding-bottom:22px;border-bottom:1px solid var(--line)}.prose{font-size:17px}.prose h2{font:700 30px/1.22 Georgia,serif;margin-top:38px}.prose ul{padding-left:22px}.prose li{margin:8px 0}.callout{border-left:4px solid var(--gold);background:#fff9df;padding:16px 18px;border-radius:0 14px 14px 0;margin:24px 0}.side{position:sticky;top:88px}.sidebox{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:14px}.sidebox h3{margin-top:0}.months-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.months-mini a{text-align:center;padding:8px 4px;border:1px solid var(--line);border-radius:9px;text-decoration:none;font-size:13px}.months-mini a.active{background:var(--green);color:#fff;border-color:var(--green)}.footer{margin-top:54px;background:#102d1d;color:#d8e7dc}.footer .wrap{padding:38px 0}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:28px}.footer a{color:#d8e7dc;text-decoration:none}.footer small{color:#a8bead}.pager{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:40px;padding-top:22px}.pager a{text-decoration:none;font-weight:800;color:var(--green)}.static{max-width:820px;margin:auto;padding:54px 0}.static h1{font:700 48px/1.1 Georgia,serif}.static h2{font:700 28px/1.2 Georgia,serif;margin-top:34px}.badge{display:inline-block;background:#fff0bb;color:#6d5200;padding:4px 8px;border-radius:8px;font-size:12px;font-weight:800}.hidden{display:none!important}@media(max-width:900px){.hero-grid,.article-grid{grid-template-columns:1fr}.hero-card{min-height:260px}.side{position:static}.grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.menu{display:none}}@media(max-width:620px){.wrap{width:min(100% - 22px,1160px)}.hero{padding-top:38px}.grid{grid-template-columns:1fr}.section-head{align-items:stretch;flex-direction:column}.footer-grid{grid-template-columns:1fr}.hero h1{font-size:46px}.article h1{font-size:40px}.topbar .wrap{display:block}.topbar span:last-child{display:none}}

/* Shared Vietnamese typography, visible mobile navigation and rendering speed. */
html{-webkit-text-size-adjust:100%}body,button,input,select,textarea{font-family:"Segoe UI","Noto Sans",Arial,sans-serif;font-kerning:normal}.hero h1,.hero-card h2,.section h2,.card h3,.article h1,.prose h2,.prose h3,.static h1,.static h2{font-family:"Segoe UI","Noto Sans",Arial,sans-serif;letter-spacing:-.025em;font-weight:750}.brandmark{width:39px;height:39px;flex:0 0 39px;border-radius:50%;display:grid;place-items:center;background:#fff0bb;box-shadow:0 0 0 1px var(--line);font-size:22px}.header .nav{min-height:66px}.header .menu{display:flex;align-items:center;gap:4px}.header .menu a{white-space:nowrap;padding:8px 10px;border-radius:9px;font-weight:650}.header .menu a:hover,.header .menu a:focus-visible{background:var(--soft);outline:none}.header .menu a[aria-current="page"]{background:var(--green);color:#fff}.card{content-visibility:auto;contain-intrinsic-size:auto 260px}.library-overview{padding:24px 0 14px}.library-overview-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.library-overview-head h2{font-size:clamp(30px,4vw,44px);line-height:1.12;margin:0 0 8px}.library-overview-head p{margin:0;color:var(--muted);max-width:700px}.library-count{font-size:clamp(42px,7vw,76px);font-weight:850;line-height:1;color:var(--green)}.library-clusters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.library-cluster{display:block;padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff;text-decoration:none;box-shadow:0 8px 26px rgba(25,60,30,.05)}.library-cluster:hover{border-color:#b7d0b9;transform:translateY(-1px)}.library-cluster span{display:inline-block;color:var(--green);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.library-cluster strong{display:block;font-size:25px;line-height:1.25;margin:7px 0}.library-cluster small{display:block;color:var(--muted);font-size:15px}.library-cluster .cluster-link{margin-top:15px;color:var(--green);font-weight:800}
@media(max-width:900px){.header .nav{display:block;padding:10px 0 0}.header .brand{width:max-content;max-width:100%;margin-bottom:9px}.header .menu{display:flex!important;width:100%;gap:7px;padding:0 0 10px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.header .menu::-webkit-scrollbar{display:none}.header .menu a{flex:0 0 auto;padding:8px 12px;border:1px solid var(--line);background:#fff;font-size:14px}.library-overview-head{align-items:start}.library-clusters{grid-template-columns:1fr}}
@media(max-width:620px){.hero h1{font-size:clamp(36px,10vw,44px);line-height:1.08}.article h1{font-size:clamp(34px,9vw,40px);line-height:1.1}.prose h2{font-size:27px;line-height:1.28}.library-overview-head{display:block}.library-count{margin-bottom:10px}.library-cluster{padding:20px}}