/* Cẩm nang GieoChữ — dùng chung cho /blog và mọi bài viết.
   Một file thay vì nhúng CSS vào từng bài: 4+ bài mà mỗi bài một bản sao thì
   sửa màu một lần phải sửa N chỗ, và trình duyệt không cache được. */
:root{
  --g50:oklch(0.97 0.022 150);--g100:oklch(0.93 0.045 150);
  --g500:oklch(0.62 0.13 150);--g600:oklch(0.55 0.13 150);--g700:oklch(0.45 0.10 150);--g900:oklch(0.28 0.05 150);
  --ink900:oklch(0.22 0.012 150);--ink700:oklch(0.36 0.012 150);--ink500:oklch(0.46 0.012 150);
  --ink100:oklch(0.94 0.005 150);--bg:oklch(0.985 0.008 95);--cream:oklch(0.97 0.015 90);
  --honey50:oklch(0.97 0.03 85);
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Be Vietnam Pro',-apple-system,BlinkMacSystemFont,sans-serif;
  color:var(--ink900);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.75}
a{color:var(--g600);text-decoration:none}
a:hover{text-decoration:underline}

.nav{position:sticky;top:0;z-index:50;background:oklch(0.985 0.008 95 / 0.9);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--ink100)}
.nav .in{max-width:760px;margin:0 auto;padding:13px 20px;display:flex;align-items:center;gap:10px}
.wordmark{font-size:19px;font-weight:700;color:var(--g900);letter-spacing:-.5px}
.wordmark b{color:var(--g500)}
.nav .tai{margin-left:auto;background:var(--g500);color:#fff;font-size:13px;font-weight:600;
  padding:7px 14px;border-radius:9px;white-space:nowrap}
.nav .tai:hover{text-decoration:none;filter:brightness(1.05)}

main{max-width:760px;margin:0 auto;padding:36px 20px 60px}
.crumb{font-size:13.5px;margin-bottom:18px}
h1{font-size:clamp(26px,5.5vw,36px);line-height:1.2;letter-spacing:-.8px;margin-bottom:10px}
.meta{font-size:13.5px;color:var(--ink500);margin-bottom:28px}
article h2{font-size:clamp(20px,4vw,25px);letter-spacing:-.4px;margin:36px 0 12px}
article h3{font-size:17.5px;margin:26px 0 8px}
article p{margin-bottom:16px;color:var(--ink700)}
article li{margin:0 0 10px 22px;color:var(--ink700)}
article ol,article ul{margin-bottom:16px}
article b,article strong{color:var(--ink900)}
article table{width:100%;border-collapse:collapse;margin:14px 0 20px;font-size:14.5px}
article th,article td{border:1px solid var(--ink100);padding:9px 12px;text-align:left;vertical-align:top}
article th{background:var(--g50);font-weight:600}
.tablewrap{overflow-x:auto}

/* Hộp lưu ý pháp lý — bắt buộc có ở bài thuế/pháp lý */
.disclaimer{background:var(--honey50);border:1px solid oklch(0.88 0.06 85);border-radius:12px;
  padding:14px 16px;font-size:14px;color:var(--ink700);margin:26px 0}
/* Hộp CTA cuối bài */
.cta{background:var(--g50);border:1px solid var(--g100);border-radius:16px;
  padding:20px 22px;margin:34px 0 8px}
.cta p{margin-bottom:12px}
.cta .btn{display:inline-block;background:var(--g500);color:#fff;font-weight:600;
  font-size:14.5px;padding:11px 20px;border-radius:11px}
.cta .btn:hover{text-decoration:none;filter:brightness(1.05)}

/* Trang mục lục /blog */
.post-list{list-style:none}
.post-list li{margin:0 0 18px;border:1px solid var(--ink100);border-radius:16px;
  padding:18px 20px;background:#fff}
.post-list a.title{font-size:18.5px;font-weight:600;color:var(--ink900);display:block;margin-bottom:6px}
.post-list .d{font-size:14.5px;color:var(--ink500)}
.post-list .date{font-size:12.5px;color:var(--ink500);margin-top:8px;display:block}

footer{border-top:1px solid var(--ink100);padding:26px 20px;text-align:center;
  font-size:13.5px;color:var(--ink500)}
footer a{margin:0 8px}