:root { --nen:#fbf7f0; --muc:#2a2118; --nhat:#7b6a55; --vien:#e3d8c6; --nhan:#a8501f; }
* { box-sizing:border-box }
body { margin:0; font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
       background:var(--nen); color:var(--muc); }
header { display:flex; align-items:center; gap:12px; padding:16px 24px;
         border-bottom:1px solid var(--vien); flex-wrap:wrap; }
header strong { font-size:18px; letter-spacing:.2px }
nav { margin-left:auto; display:flex; gap:18px }
nav a { color:var(--nhat); text-decoration:none; border-bottom:1px solid transparent }
nav a:hover { color:var(--nhan); border-bottom-color:var(--nhan) }
main { max-width:720px; margin:0 auto; padding:32px 24px 56px }
h1 { font-size:30px; line-height:1.25; margin:0 0 20px }
h2 { font-size:20px; margin:34px 0 12px }
p { margin:0 0 16px }
table { border-collapse:collapse; width:100%; margin:8px 0 20px }
td { padding:9px 0; border-bottom:1px solid var(--vien) }
td:last-child { text-align:right; color:var(--nhat) }
.note { background:#fff; border:1px solid var(--vien); border-left:3px solid var(--nhan);
        padding:14px 16px; border-radius:4px; font-size:15px }
footer { border-top:1px solid var(--vien); padding:18px 24px; color:var(--nhat); font-size:14px;
         text-align:center }