:root{--color-background:#f0eee9;--color-surface:#fff;--color-surface-muted:#f7f6f2;--color-text-primary:#252824;--color-text-secondary:#62665f;--color-text-on-primary:#fff;--color-primary:#37584c;--color-primary-hover:#2c473d;--color-border:#dddad2;--color-border-strong:#85817a;--color-focus-ring:#2b5fa8;--color-success:#2e6b3f;--color-warning:#8a5a00;--color-danger:#b3261e;--color-info:#2b5fa8;--font-ui:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-reading-serif:"Noto Serif", Georgia, "Times New Roman", serif;--font-reading-sans:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--breakpoint-sm:360px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1440px}[data-reader-theme=light]{--reader-background:#fff;--reader-text:#252824;--reader-text-secondary:#62665f;--reader-link:#37584c;--reader-border:#dddad2}[data-reader-theme=paper]{--reader-background:#f4ecd8;--reader-text:#3b3328;--reader-text-secondary:#6b5e4b;--reader-link:#3f5a3a;--reader-border:#dccfb0}[data-reader-theme=sage]{--reader-background:#ddebd8;--reader-text:#23302a;--reader-text-secondary:#4b5b50;--reader-link:#2f5b47;--reader-border:#b9cdb3}[data-reader-theme=dark]{--reader-background:#1b1d1a;--reader-text:#e4e2db;--reader-text-secondary:#a9ada4;--reader-link:#8fbfad;--reader-border:#3a3d38}
:root{--font-ui-resolved:var(--font-be-vietnam), var(--font-ui);--font-serif-resolved:var(--font-noto-serif), var(--font-reading-serif);--container-max:1200px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-background);min-height:100vh;color:var(--color-text-primary);font-family:var(--font-ui-resolved);overflow-wrap:break-word;flex-direction:column;margin:0;font-size:1rem;line-height:1.6;display:flex}main{flex:1}main:focus{outline:none}h1,h2,h3{margin:0 0 var(--space-3);line-height:1.3}h1{font-size:clamp(1.75rem,1.4rem + 1.5vw,2.5rem);font-weight:700}h2{font-size:clamp(1.25rem,1.1rem + .6vw,1.625rem);font-weight:600}p{margin:0 0 var(--space-4)}a{color:var(--color-primary);text-underline-offset:3px}a:hover{color:var(--color-primary-hover)}:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-4);margin:0 auto}@media (min-width:768px){.container{padding:0 var(--space-6)}}.skip-link{left:var(--space-4);z-index:100;padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-text-on-primary);border-radius:var(--radius-md);position:absolute;top:-100px}.skip-link:focus{top:var(--space-2);color:var(--color-text-on-primary)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}