:root{--nen:#eaf0f6;--tam:#ffffff;--chu:#1b2733;--xam:#5a6b7b;--vien:#c9d5e1;--do:#d9342b;--xanh:#0f4c81;--code:#0f1c2a}
*{box-sizing:border-box}
html{font-size:16px}
body{margin:0;background:var(--nen);color:var(--chu);font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.7}
a{color:var(--xanh)}
a strong{color:var(--do)}
.lo-top{background:var(--code);color:#cfe0f0;font:.8rem ui-monospace,Menlo,Consolas,monospace}
.lo-top div{max-width:1100px;margin:0 auto;padding:9px 18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.lo-top a{color:#9fd0ff;text-decoration:none;margin-left:16px}
.lo-top a:first-child{margin-left:0;color:#fff;font-weight:700}
.lo-band{background:linear-gradient(90deg,var(--do),#a8221b);color:#fff}
.lo-band div{max-width:1100px;margin:0 auto;padding:22px 18px}
.lo-band .ma{display:inline-block;font:700 .85rem ui-monospace,Menlo,Consolas,monospace;background:#fff;color:var(--do);padding:3px 10px;border-radius:3px;letter-spacing:.08em}
.lo-band h1{margin:10px 0 6px;font-size:2rem;line-height:1.25}
.lo-band p{margin:0;opacity:.92;font-size:.9rem}
.lo-trang{max-width:1100px;margin:0 auto;padding:24px 18px 50px;display:grid;grid-template-columns:240px 1fr;gap:34px}
.lo-trai{position:sticky;top:12px;align-self:start}
.toc{background:var(--tam);border:1px solid var(--vien);border-left:5px solid var(--xanh);padding:14px 16px}
.toc b{display:block;font:700 .72rem ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--xam);margin-bottom:8px}
.toc ul{list-style:none;margin:0;padding:0}
.toc li{margin:0 0 8px;font-size:.85rem;line-height:1.4}
.toc a{text-decoration:none}
.lo-than{background:var(--tam);border:1px solid var(--vien);padding:28px 32px;min-width:0}
.lo-hinh{display:block;width:100%;height:auto;margin:0 0 22px;border:1px solid var(--vien)}
.lo-than p{margin:0 0 1em}
h2{margin:1.8em 0 .6em;line-height:1.3}
.lo-buoc{display:flex;align-items:center;gap:14px;font-size:1.25rem;padding:10px 12px;background:var(--nen);border-left:5px solid var(--do)}
.lo-buoc em{font:700 .78rem ui-monospace,Menlo,monospace;font-style:normal;background:var(--do);color:#fff;padding:3px 9px;border-radius:3px;white-space:nowrap}
.lo-muc{font-size:1.25rem;padding:10px 12px;background:var(--nen);border-left:5px solid var(--xanh)}
.lo-ds{margin:0 0 1.2em;padding-left:1.3em}
.lo-ds li{margin:4px 0}
.lo-ds li::marker{color:var(--do)}
.lo-cuon{overflow-x:auto;margin:0 0 1.3em}
.lo-bang{border-collapse:collapse;width:100%;font-size:.88rem}
.lo-bang th{background:var(--code);color:#e8f2fb;text-align:left;padding:8px 11px;font-weight:600}
.lo-bang td{padding:8px 11px;border:1px solid var(--vien);vertical-align:top}
.lo-bang tr:nth-child(even) td{background:#f5f8fb}
.lo-lenh{background:var(--code);color:#7dffb2;padding:12px 16px;border-radius:4px;overflow-x:auto;font:.9rem ui-monospace,Menlo,Consolas,monospace;margin:0 0 1.2em}
.lo-khac{max-width:1100px;margin:0 auto;padding:0 18px 40px}
.lo-khac h3{font:700 .8rem ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--xam)}
.lo-hang{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.lo-o{display:block;background:var(--tam);border:1px solid var(--vien);text-decoration:none;color:var(--chu);padding:12px 14px}
.lo-o b{font:700 .75rem ui-monospace,Menlo,monospace;color:var(--do)}
.lo-o span{display:block;font-weight:600;line-height:1.4;margin-top:4px}
.lo-chan{background:var(--code);color:#9bb0c4;font-size:.8rem}
.lo-chan div{max-width:1100px;margin:0 auto;padding:18px;font-family:ui-monospace,Menlo,monospace}
.lo-chu{max-width:1100px;margin:0 auto;padding:26px 18px 6px;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}
.lo-chu .khung{background:var(--tam);border:1px solid var(--vien);padding:22px 26px}
.lo-chu .khung h2{margin-top:0;font-size:1.1rem}
.lo-bangloi{max-width:1100px;margin:0 auto;padding:10px 18px 40px}
.lo-dong{display:grid;grid-template-columns:90px 1fr 140px;gap:14px;align-items:center;background:var(--tam);border:1px solid var(--vien);border-left:5px solid var(--do);padding:12px 16px;margin:0 0 10px;text-decoration:none;color:var(--chu)}
.lo-dong b{font:700 .95rem ui-monospace,Menlo,monospace;color:var(--do)}
.lo-dong span{font-weight:600}
.lo-dong i{font:normal .75rem ui-monospace,Menlo,monospace;color:var(--xam);text-align:right}
@media(max-width:820px){.lo-trang{grid-template-columns:1fr}.lo-trai{position:static}.lo-than{padding:18px}.lo-hang{grid-template-columns:1fr}.lo-chu{grid-template-columns:1fr}.lo-dong{grid-template-columns:70px 1fr}.lo-dong i{display:none}.lo-band h1{font-size:1.5rem}}