/* Trang nội dung tĩnh (khóa học, mẫu, blog, FAQ, điều khoản) — dùng chung token với app.css */
body.site{background:var(--bg)}
.site-wrap{width:min(1180px,100% - 32px);margin-inline:auto}
.site-top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 94%,transparent);border-bottom:1px solid var(--line)}
@supports not (background:color-mix(in srgb,red,blue)){.site-top{background:var(--bg)}}
.site-top .site-wrap{display:flex;align-items:center;gap:16px;min-height:64px}
.site-brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:1.1rem;color:var(--ink);text-decoration:none;white-space:nowrap}
.site-nav{display:flex;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none}
.site-nav::-webkit-scrollbar{display:none}
.site-nav a{padding:8px 10px;border-radius:10px;color:var(--ink2);text-decoration:none;font-weight:600;font-size:.9rem;white-space:nowrap}
.site-nav a:hover{background:var(--surface)}
.site-main{padding:24px 0 56px}
.site-crumb{font-size:.84rem;color:var(--sub);margin-bottom:14px}
.site-crumb a{color:var(--sub)}
.site-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px;align-items:center}
.site-hero .lead{margin-bottom:16px}
.site-article{margin:0 auto}
.site-article h2{margin-top:1.6em}
.site-lessons{padding-left:20px;margin:0}
.site-lessons li{margin:.45em 0}
.site-pn .btn{max-width:48%;white-space:normal;text-align:left}
.site-foot{border-top:1px solid var(--line);background:var(--bg2);padding:28px 0 calc(28px + env(safe-area-inset-bottom))}
.site-foot .site-wrap{display:grid;gap:12px}
.site-foot nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.site-foot nav a{color:var(--ink2);font-size:.9rem}
.tpl-card .body b{font-size:1.02rem}
.faq-list{max-width:860px}
@media (max-width:860px){.site-hero{grid-template-columns:1fr}.site-top .btn{display:none}.site-pn{flex-direction:column;align-items:stretch}.site-pn .btn{max-width:none}}