/* Trang bài viết "Kiến thức" – cùng bộ màu, font với trang chủ */
:root{--ink:#0A0A0C;--ink-2:#141417;--paper:#F6F6F2;--muted:#9A9A94;--line:rgba(246,246,242,.12);--heat:#FF5C20;
  --display:'Oswald',Impact,sans-serif;--text:'Be Vietnam Pro',system-ui,sans-serif;--gutter:clamp(16px,4vw,56px)}
*{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:clip}
body{background:var(--ink);color:var(--paper);font-family:var(--text);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit}
::selection{background:var(--heat);color:var(--ink)}
.nav{display:flex;justify-content:space-between;align-items:center;padding:14px var(--gutter);border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(10,10,12,.85);backdrop-filter:blur(12px);z-index:10}
.nav img{height:32px;display:block}
.nav .hot{background:var(--heat);color:var(--ink);font:600 14px var(--text);padding:10px 16px;border-radius:999px;text-decoration:none}
article{max-width:760px;margin:0 auto;padding:clamp(48px,8vw,96px) var(--gutter) 72px}
.back{font-size:14px;color:var(--muted);text-decoration:none}
.back:hover{color:var(--paper)}
.label{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:10px;margin-top:32px}
.label::before{content:"";width:22px;height:3px;background:var(--heat)}
h1{font-family:var(--display);text-transform:uppercase;font-weight:700;font-size:clamp(38px,6vw,68px);line-height:1.2;margin:16px 0 22px}
.lead{font-size:clamp(18px,1.6vw,21px);color:#d4d4ce}
h2{font-family:var(--display);text-transform:uppercase;font-weight:700;font-size:clamp(26px,3vw,36px);line-height:1.22;margin:48px 0 14px}
h3{font-size:19px;margin:26px 0 8px}
p,li{color:#cfcfc9}
p+p{margin-top:12px}
ul,ol{padding-left:22px;margin:12px 0}
li{margin:6px 0}
li::marker{color:var(--heat)}
strong{color:var(--paper)}
figure{margin:32px 0;border-radius:18px;overflow:hidden;background:#000}
figure img{display:block;width:100%;height:auto}
figcaption{font-size:13px;color:var(--muted);padding:10px 14px;background:var(--ink-2)}
.note{border-left:3px solid var(--heat);background:var(--ink-2);padding:16px 20px;border-radius:0 12px 12px 0;margin:24px 0}
.cta{margin-top:56px;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--ink-2)}
.cta h2{margin-top:0}
.cta a.btn{display:inline-block;margin-top:16px;background:var(--heat);color:var(--ink);font-weight:600;padding:12px 20px;border-radius:999px;text-decoration:none}
footer{border-top:1px solid var(--line);padding:32px var(--gutter);color:var(--muted);font-size:14px;text-align:center}