@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Source+Sans+3:wght@400;600;700&family=Playfair+Display:wght@600;700;800&display=swap";:root{--bg: #f5f0e6;--panel: #fffaf0;--panel-2: #f3e9db;--text: #2a2a2a;--muted: #6b6b6b;--brand: #9a382d;--brand-2: #3d5537;--wood: #593d2b;--accent: #e67e22;--accent-2: #f1c40f;--ring: 0 0 0 3px rgba(230, 126, 34, .35)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:url(/pattern.svg),url(/bg.jpg),var(--bg);background-size:320px 320px,cover,auto;background-attachment:fixed,fixed,scroll;background-position:top left,center,center;background-repeat:repeat,no-repeat,no-repeat;color:var(--text);font-family:Inter,"Source Sans 3",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.65}body[data-page=home] .brand .dot{box-shadow:0 0 18px #ffc75e99;background:linear-gradient(135deg,#ffd777,#a7d3ff)}a{color:inherit;text-decoration:none}img:not(.logo){max-width:100%;height:auto}.logo{max-width:none!important;height:auto!important;width:auto!important}.container{width:100%;margin:0;padding:1rem 2rem}.docs-grid{display:grid;grid-template-columns:240px 1fr;gap:2rem}@media (max-width: 980px){.docs-grid{grid-template-columns:1fr}}.sidebar{position:sticky;top:1rem;align-self:start;background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:1rem}.sidebar h3{margin:0 0 .75rem;font-size:.95rem;color:var(--muted);letter-spacing:.03em;text-transform:uppercase}.sidebar a{display:block;padding:.5rem .75rem;border-radius:10px;color:var(--text)}.sidebar a.active,.sidebar a:hover{background:#9a382d1f}.header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#fffaf0b3;border-bottom:1px solid rgba(0,0,0,.06);backdrop-filter:blur(8px);position:sticky;top:0;z-index:50}.brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:800}.brand .dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,var(--brand-2),var(--brand));box-shadow:0 0 18px #9a382d80}.brand [data-lang]{font-family:Playfair Display,Georgia,Times New Roman,serif;letter-spacing:.2px}.nav{display:flex;gap:.75rem}.nav a{padding:.5rem .75rem;border-radius:10px;color:var(--brand-2);font-weight:600;position:relative}.nav a:hover,.nav a.active{color:var(--text);background:#3d55371f}.nav a:hover:after,.nav a.active:after{content:"";position:absolute;left:.75rem;right:.75rem;bottom:6px;height:2px;background:var(--accent);border-radius:2px}.lang-toggle{margin-left:.5rem;padding:.45rem .7rem;border-radius:10px;border:1px solid rgba(0,0,0,.1);background:var(--panel);color:var(--accent);font-weight:700;cursor:pointer}.lang-toggle:focus{outline:none;box-shadow:var(--ring)}.landing-viewport{min-height:100svh;display:grid;grid-template-columns:1fr 3fr}.landing-menu{padding:2rem 1rem;display:flex;flex-direction:column;gap:1rem;background:linear-gradient(180deg,#fffaf0d9,#f3e9dbd9);backdrop-filter:blur(6px)}.landing-menu .brand{font-size:1.2rem}.landing-menu .menu{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.landing-menu .menu a{padding:.75rem 1rem;border-radius:12px;color:var(--text);font-weight:600}.landing-menu .menu a:hover{background:#e67e221f}.landing-photo{position:relative;overflow:hidden}.landing-photo .image{position:absolute;inset:0;background-size:cover;background-position:center;will-change:transform}.landing-photo .overlay{position:absolute;inset:0;background:linear-gradient(180deg,#00000026,#00000059)}.landing-title{position:absolute;left:8%;bottom:10%;color:#fff;max-width:20ch}.landing-title h1{font-family:Playfair Display,Georgia,Times New Roman,serif;font-weight:800;letter-spacing:.5px;font-size:clamp(2rem,5vw,4rem);margin:0 0 .5rem}.landing-title .kicker{display:inline-block;padding:.35rem .6rem;background:#e67e22e6;border-radius:999px;font-size:.8rem;font-weight:700}.landing-scroll{position:absolute;bottom:2rem;right:2rem;color:#ffffffd9;font-weight:600}@media (max-width: 980px){.landing-viewport{grid-template-columns:1fr}.landing-menu{position:relative;z-index:2}.landing-title{left:6%;bottom:12%}}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:2rem}.card{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:1rem}.card h3{margin:0 0 .25rem}.card p{margin:0;color:var(--muted)}.card.wood{background:linear-gradient(180deg,#593d2b1f,#593d2b0f),linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid rgba(89,61,43,.25)}.content{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:1.25rem}.content h1,.content h2,.content h3{line-height:1.25;font-family:Playfair Display,Georgia,Times New Roman,serif;color:var(--brand)}.content h1{margin-top:0}.content h2{margin-top:2rem;font-size:1.25rem}.content p{color:var(--text)}.content ul{color:var(--muted)}.footer{padding:2rem 1rem;text-align:center;color:var(--muted)}kbd{background:#ffffff14;padding:.15rem .35rem;border-radius:6px;border:1px solid rgba(255,255,255,.15)}.lang-en [data-lang=vi],.lang-vi [data-lang=en]{display:none!important}.map-controls{display:flex;gap:.5rem;align-items:center;margin:1rem 0}.map-controls select,.map-controls button{padding:.5rem .75rem;border-radius:10px;border:1px solid rgba(0,0,0,.1);background:var(--panel)}.map-controls button{background:var(--accent);color:#fff;font-weight:700;cursor:pointer}