/* Canhotot — Phân khu (subzone) detail — design tokens + page scope.
   Ported từ Diaoc360 "The Origami" (claude.ai/design). Tokens scope .sz-page để KHÔNG đụng
   brand canhotot global; pd-* (cht-subzone-pd.css) + sz-* (cht-subzone.css) kế thừa qua cascade. */
.sz-page{
  --red:#E03C31; --red-600:#C8281D; --red-50:#FFF1EF;
  --ink:#0F1419; --ink-2:#1F2933; --muted:#5B6470; --muted-2:#8A93A0;
  --line:#E6E8EC; --line-2:#F2F3F5; --bg:#FAFAFA; --white:#FFFFFF;
  --gold:#B8893A; --green:#0E9F6E; --blue:#1E63D6;
  --jp-indigo:#FD292E; --jp-sakura:#E8889A; --jp-bamboo:#3E7C5A;
  --serif:"Lora", Georgia, serif;
  --sans:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --container:1240px;
  font-family:var(--sans); color:var(--ink); background:var(--bg);
}
.sz-page *,.sz-page *::before,.sz-page *::after{box-sizing:border-box}
.sz-page img{max-width:100%;display:block}
.sz-page a{color:inherit;text-decoration:none}
.sz-page button{font-family:inherit;cursor:pointer}
.sz-page input,.sz-page select,.sz-page textarea{font-family:inherit}
.sz-page .container{max-width:var(--container);margin:0 auto;padding:0 24px}
@media (max-width:768px){.sz-page .container{padding:0 16px}}
/* sticky sidebar offset theo header canhotot (~73px) */
.sz-page .pd-side{top:88px}
/* [hidden] toggle fix — CSS display (grid/flex) đè [hidden] default. Áp mọi element JS toggle. */
.sz-page [hidden]{display:none!important}
/* Nút CTA tòa — kiểu outline (giống pd-zone-cta): chữ tối, hover đỏ. .sz-page thắng reset a{color:inherit}. */
.sz-page .sz-tower-cta{color:var(--ink-2)}
.sz-page .sz-tower-cta:hover{color:var(--red)}