/* Blog knowledge system — Hang Đôi Academy */
.blog-page{--blog-reading:790px}.blog-hero{padding-bottom:58px}.blog-category-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}.blog-category-chip{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border:1px solid var(--p2-line);border-radius:999px;background:#fff;text-decoration:none;font-weight:800;font-size:14px}.blog-category-chip:hover{border-color:var(--p2-green);color:var(--p2-green)}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.blog-featured{margin-bottom:18px}.blog-featured .blog-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:40px;padding:40px}.blog-featured .blog-card-meta,.blog-featured .blog-card-footer{grid-column:1/-1}.blog-featured .blog-card h2{font-size:clamp(36px,5vw,68px);margin:24px 0 10px}.blog-card{background:#fff;border:1px solid var(--p2-line);border-radius:26px;padding:28px;display:flex;flex-direction:column;min-height:320px}.blog-card-meta,.blog-card-footer{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:var(--p2-green)}.blog-card-meta time{color:var(--p2-muted)}.blog-card h2{font-size:28px;line-height:1.08;letter-spacing:-.04em;margin:24px 0 14px}.blog-card h2 a{text-decoration:none}.blog-card p{color:var(--p2-muted);margin:0 0 28px}.blog-card-footer{margin-top:auto;border-top:1px solid var(--p2-line);padding-top:18px}.blog-card-footer a{text-transform:none;letter-spacing:0;text-decoration:none}.blog-empty{padding:32px;border:1px dashed var(--p2-line);border-radius:24px;color:var(--p2-muted)}
.blog-final-cta{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:48px;border-radius:30px;background:var(--p2-dark);color:#fff}.blog-final-cta h2{max-width:760px;margin:18px 0}.blog-final-cta p{max-width:720px;color:#dce9e1}.blog-final-cta .p2-eyebrow{color:#fff}
.blog-reading-width{max-width:940px}.blog-article-hero{padding-bottom:64px}.blog-article-hero h1{font-size:clamp(48px,7vw,92px)}.blog-article-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px;color:var(--p2-muted);font-size:14px}.blog-article-meta span:first-child{color:var(--p2-green);font-weight:850}.blog-article-layout{display:grid;grid-template-columns:240px minmax(0,var(--blog-reading));gap:70px;align-items:start;padding-bottom:90px}.blog-toc{position:sticky;top:110px;padding:22px;border:1px solid var(--p2-line);border-radius:20px;background:#fff}.blog-toc strong{display:block;margin-bottom:12px}.blog-toc ol{margin:0;padding-left:20px;display:grid;gap:10px}.blog-toc a{text-decoration:none;color:var(--p2-muted);font-size:14px}.blog-toc a:hover{color:var(--p2-green)}.blog-article-body{min-width:0}.blog-article-body p,.blog-article-body li{font-size:18px;line-height:1.78;color:#40564b}.blog-article-body h2{font-size:clamp(34px,4vw,50px);line-height:1.05;letter-spacing:-.045em;margin:72px 0 24px;color:var(--p2-ink)}.blog-direct-answer{background:var(--p2-yellow);border-radius:24px;padding:30px;margin-bottom:42px}.blog-direct-answer strong{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.blog-direct-answer p{color:var(--p2-ink);font-size:21px;margin:12px 0 0}.blog-evidence{background:var(--p2-dark);color:#fff;border-radius:26px;padding:30px;margin-bottom:34px}.blog-evidence h2{color:#fff;margin:0 0 20px;font-size:30px}.blog-evidence article{padding:18px 0;border-top:1px solid rgba(255,255,255,.15)}.blog-evidence p{color:#dce9e1;margin-bottom:0}.blog-content-section ul{padding-left:24px}.blog-note{border-left:5px solid var(--p2-yellow);background:#fff;border-radius:0 20px 20px 0;padding:20px 24px;margin:30px 0}.blog-note p{font-size:16px;margin:8px 0 0}.blog-course-cta{background:var(--p2-dark);color:#fff;border-radius:30px;padding:38px;margin:72px 0}.blog-course-cta span{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--p2-yellow);font-weight:900}.blog-course-cta h2{color:#fff;margin:12px 0 16px}.blog-course-cta p{color:#dce9e1}.blog-sources{margin-top:72px;border-top:1px solid var(--p2-line)}.blog-sources ol{padding-left:22px}.blog-sources li{padding:10px 0}.blog-sources a{color:var(--p2-green);font-weight:750}.blog-sources span{display:block;font-size:13px;color:var(--p2-muted)}.blog-author{margin-top:54px;padding:28px;border:1px solid var(--p2-line);border-radius:24px;background:#fff}.blog-author strong{font-size:23px}.blog-author p{font-size:16px}.blog-author a{color:var(--p2-green);font-weight:800}.p2-footer-bottom{margin-top:36px;border-top:1px solid rgba(255,255,255,.18);padding-top:20px}
@media(max-width:980px){.blog-grid{grid-template-columns:1fr 1fr}.blog-article-layout{grid-template-columns:1fr;gap:24px}.blog-toc{position:relative;top:auto;max-width:var(--blog-reading)}.blog-featured .blog-card{display:flex}.blog-final-cta{align-items:start;flex-direction:column}}
@media(max-width:620px){.blog-grid{grid-template-columns:1fr}.blog-card{min-height:0}.blog-featured .blog-card{padding:28px}.blog-featured .blog-card h2{font-size:36px}.blog-final-cta{padding:30px}.blog-article-body p,.blog-article-body li{font-size:17px}.blog-direct-answer,.blog-evidence,.blog-course-cta{padding:24px;border-radius:22px}.blog-article-meta{display:grid;gap:6px}.blog-toc{display:none}}
