/* Shared Vietnamese typography and navigation on every page. */
:root{--body-font:Arial,'Helvetica Neue',sans-serif;--heading-font:Arial,'Helvetica Neue',sans-serif}
html[lang=vi] body,html[lang=vi] p,html[lang=vi] li,html[lang=vi] a,html[lang=vi] input,html[lang=vi] textarea,html[lang=vi] select,html[lang=vi] button{font-family:Arial,'Helvetica Neue',sans-serif;letter-spacing:normal;word-spacing:normal}
html[lang=vi] h1,html[lang=vi] h2,html[lang=vi] h3,html[lang=vi] .context-statement{font-family:Arial,'Helvetica Neue',sans-serif;font-weight:700;letter-spacing:-.02em}
html[lang=vi] footer .footer-slogan{font-family:'VNGI Signature',cursive}
.japan-partnership p,.partner-vietnamese p,.japan-grid p{font-family:Arial,'Helvetica Neue',sans-serif;font-size:16px;line-height:1.55;letter-spacing:normal;word-spacing:normal}
header nav a{white-space:nowrap}header .brand{flex-shrink:0}
@media(min-width:1251px){header,body:has(.detail-page) header{height:130px;min-height:130px;flex-wrap:nowrap;padding:0 3%;gap:20px}header nav,body:has(.detail-page) header nav{display:flex;position:static;width:auto;padding:0;gap:clamp(10px,1.2vw,24px);margin-left:auto;box-shadow:none;flex-direction:row;flex-wrap:nowrap}header nav a,body:has(.detail-page) header nav a{font-size:15px}header .menu{display:none}.header-tools{flex-shrink:0;margin-left:0;margin-right:0}}
@media(min-width:801px) and (max-width:1250px){body:has(.detail-page) header nav{display:none;position:absolute;top:130px;left:0;right:0;width:100%;padding:20px 6%;background:#fff}body:has(.detail-page) header nav.open{display:flex;flex-direction:column;align-items:stretch}body:has(.detail-page) header .menu{display:block}}
@media(max-width:800px){.japan-grid{grid-template-columns:1fr;gap:16px}.japan-grid article{padding:22px}.japan-partnership p,.partner-vietnamese p,.japan-grid p{line-height:1.5}}

/* Keep image wrappers in normal flow inside tree cards. */
.tree-card .photo{aspect-ratio:4/3;min-height:220px;position:relative}.tree-card .photo>.image-frame{position:relative;display:block;inset:auto;width:100%;height:100%;padding:0;background:transparent;letter-spacing:normal}.tree-card .photo>.image-frame>img,.tree-card .photo>img{display:block;width:100%;height:100%;object-fit:cover}.tree-card .photo .image-stamp{position:absolute}.tree-card{border-radius:24px 24px 8px 8px}.tree-card .photo{border-radius:18px 18px 3px 3px}@media(max-width:600px){.tree-card .photo{min-height:200px}}