.article-wrap{display:grid;grid-template-columns:1fr;gap:var(--space-8);padding:var(--space-5) 0 var(--space-10)}@media (min-width:980px){.article-wrap{grid-template-columns:minmax(0,1fr) 300px}}.crumb ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:.4em;font-size:var(--text-xs);color:var(--text-muted)}.crumb a:hover{color:var(--accent)}.crumb svg{width:12px;height:12px;color:var(--text-faint)}.crumb [aria-current]{color:var(--text-strong);font-weight:600}.art-head{margin:var(--space-4) 0 var(--space-5)}.art-cat{display:inline-flex;font-size:var(--text-xs);font-weight:600;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-soft-border);padding:.3em .7em;border-radius:var(--radius-pill)}.art-head h1{font-size:var(--text-hero);font-weight:700;color:var(--text-strong);line-height:1.18;margin-top:var(--space-3);letter-spacing:-.01em}.art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5em var(--space-4);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--text-muted)}.art-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--text-faint)}.art-lead{font-size:var(--text-md);color:var(--text-muted);margin-top:var(--space-4);line-height:1.6;padding-left:var(--space-4);border-left:3px solid var(--accent-soft-border)}.toc{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4) var(--space-5);margin:var(--space-6) 0}.toc .toc-title{font-size:var(--text-sm);font-weight:700;color:var(--text-strong);display:flex;align-items:center;gap:.5em;margin-bottom:var(--space-3)}.toc .toc-title svg{width:16px;height:16px;color:var(--accent)}.toc ol{list-style:none;counter-reset:toc;display:flex;flex-direction:column;gap:var(--space-2)}.toc li{counter-increment:toc}.toc a{display:flex;gap:.6em;font-size:var(--text-sm);color:var(--text);align-items:baseline}.toc a:before{content:counter(toc);font-variant-numeric:tabular-nums;font-weight:700;color:var(--accent);font-size:var(--text-xs);min-width:1.2em}.toc a:hover{color:var(--accent)}.prose h2{font-size:var(--text-xl);font-weight:700;color:var(--text-strong);margin:var(--space-8) 0 var(--space-3);line-height:1.25;scroll-margin-top:70px;position:relative;padding-left:14px}.prose h2:before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:4px;border-radius:3px;background:var(--accent)}.prose h3{font-size:var(--text-md);font-weight:700;color:var(--text-strong);margin:var(--space-5) 0 var(--space-2)}.prose p{margin-bottom:var(--space-4);max-width:68ch}.prose ul,.prose ol{margin:0 0 var(--space-4) var(--space-5);max-width:68ch}.prose li{margin-bottom:var(--space-2)}.prose a{color:var(--accent);font-weight:600;text-decoration:underline;text-decoration-color:var(--accent-soft-border);text-underline-offset:2px}.prose strong{color:var(--text-strong)}.example{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin:var(--space-5) 0}.example .ex-head{padding:var(--space-3) var(--space-4);background:var(--surface-2);border-bottom:1px solid var(--border);font-size:var(--text-sm);font-weight:700;color:var(--text-strong)}.ex-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.ex-table th{text-align:right;padding:var(--space-3) var(--space-4);color:var(--text-muted);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border);background:var(--surface-1)}.ex-table th:first-child{text-align:left}.ex-table td{text-align:right;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;color:var(--text-strong)}.ex-table td:first-child{text-align:left;font-weight:600}.ex-table tr:last-child td{border-bottom:none}.ex-best{color:var(--best);font-weight:700}.callout{display:flex;gap:var(--space-3);background:var(--info-bg);border:1px solid var(--accent-soft-border);border-radius:var(--radius);padding:var(--space-4);color:var(--accent);font-size:var(--text-sm);margin:var(--space-5) 0;line-height:1.55}.callout svg{width:18px;height:18px;flex:none;margin-top:1px}.inline-cta{display:flex;align-items:center;gap:var(--space-4);background:var(--surface-dark);color:#fff;border-radius:var(--radius-lg);padding:var(--space-5);margin:var(--space-6) 0;flex-wrap:wrap}.inline-cta .ic{width:42px;height:42px;border-radius:var(--radius);background:#8fb0dd2e;color:#bfd3ee;display:flex;align-items:center;justify-content:center;flex:none}.inline-cta .ic svg{width:22px;height:22px}.inline-cta .t{flex:1;min-width:180px}.inline-cta .t b{display:block;font-size:var(--text-base);color:#fff}.inline-cta .t span{font-size:var(--text-sm);color:#aebacb}.inline-cta .btn{background:#fff;color:var(--accent);font-weight:600;font-size:var(--text-sm);padding:.6em 1.1em;border-radius:var(--radius);white-space:nowrap;display:inline-flex;align-items:center;gap:.4em}.inline-cta .btn svg{width:15px;height:15px}.ad-slot{position:relative;background:var(--ad-bg);border:1px dashed var(--ad-border);border-radius:var(--radius);min-height:100px;display:flex;align-items:center;justify-content:center;color:var(--text-faint);font-size:var(--text-sm);margin:var(--space-6) 0}.ad-slot:before{content:"Quảng cáo";position:absolute;top:8px;left:10px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ad-label);font-weight:600}.disclaimer{display:flex;gap:var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-6)}.disclaimer svg{width:18px;height:18px;flex:none;margin-top:1px;color:var(--silver-dark)}.side{display:flex;flex-direction:column;gap:var(--space-5);align-self:start}@media (min-width:980px){.side{position:sticky;top:74px}}.side-box{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4) var(--space-5)}.side-box h2{font-size:var(--text-sm);font-weight:700;color:var(--text-strong);margin-bottom:var(--space-3)}.side-box a{display:block;font-size:var(--text-sm);color:var(--text);padding:.45em 0;border-bottom:1px solid var(--border);line-height:1.4}.side-box a:last-child{border-bottom:none}.side-box a:hover{color:var(--accent)}.side-ad{position:relative;background:var(--ad-bg);border:1px dashed var(--ad-border);border-radius:var(--radius);min-height:250px;display:flex;align-items:center;justify-content:center;color:var(--text-faint);font-size:var(--text-sm)}.side-ad:before{content:"Quảng cáo";position:absolute;top:8px;left:10px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ad-label);font-weight:600}