:root{--kem:#f3ecdc;--kem-nhat:#fffdf8;--kem-dam:#eadfc8;--vien:#e7dcc6;--muc:#1f2a24;--xam:#5d655f;--vang:#e2a92b;--vang-dam:#9a6a06;--font:"Be Vietnam Pro", system-ui, sans-serif;--serif:"Noto Serif", Georgia, serif;--bo:18px;--rong:1120px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--kem);color:var(--muc);font:16px/1.6 var(--font);margin:0}img{max-width:100%}a{color:inherit}em,.nghieng{font-family:var(--serif);color:var(--vang-dam);font-style:italic;font-weight:700}.khung{max-width:var(--rong);margin:0 auto;padding-inline:20px}.khung-hep{max-width:760px}.an{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.dau{z-index:10;backdrop-filter:blur(8px);border-bottom:1px solid var(--vien);background:#f3ecdceb;position:sticky;top:0}.dau-trong{align-items:center;gap:16px;min-height:64px;display:flex}.logo{white-space:nowrap;align-items:center;gap:10px;font-weight:800;text-decoration:none;display:flex}.logo-cham{background:var(--muc);width:32px;height:32px;color:var(--vang);font:italic 700 18px var(--serif);border-radius:10px;place-items:center;display:grid}.menu{gap:4px;margin-left:auto;display:flex}.menu a{border-radius:999px;padding:8px 12px;font-size:15px;font-weight:600;text-decoration:none}.menu a:hover{background:var(--kem-dam)}.menu a[aria-current=page]{background:var(--muc);color:var(--kem)}.nut{background:var(--muc);color:var(--kem);font:700 15px var(--font);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:13px 22px;text-decoration:none;display:inline-flex}.nut:hover{opacity:.9}.nut.chinh{background:var(--vang);color:var(--muc)}.nut.vien{color:var(--muc);border:1.5px solid var(--muc);background:0 0}.nut.nho{padding:8px 16px;font-size:14px}.nhan-nho{letter-spacing:.12em;text-transform:uppercase;color:var(--xam);margin:0 0 12px;font-size:12px;font-weight:700}h1{letter-spacing:-.025em;margin:0 0 18px;font-size:clamp(34px,6vw,60px);font-weight:800;line-height:1.06}h2{letter-spacing:-.015em;margin:0 0 8px;font-size:clamp(24px,3.4vw,32px);line-height:1.2}.loi-mo{color:var(--xam);max-width:620px;margin:0 0 26px;font-size:18px}.mo-dau{padding:64px 0 40px}.hang-nut{flex-wrap:wrap;gap:10px;display:flex}.phan{padding:40px 0}.phan>.khung>p{color:var(--xam);max-width:640px;margin:0 0 22px}.luoi{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.the{background:var(--kem-nhat);border:1px solid var(--vien);border-radius:var(--bo);flex-direction:column;gap:8px;padding:22px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 2px 10px #1f2a240d}a.the:hover,.the.noi:hover{transform:translateY(-2px);box-shadow:0 10px 26px #1f2a2417}.the h3{margin:0;font-size:18px;line-height:1.3}.the p{color:var(--xam);margin:0;font-size:15px}.the .chan-the{flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding-top:10px;display:flex}.doc-tiep{color:var(--vang-dam);margin-left:auto;font-size:15px;font-weight:700}.chip{background:var(--kem-dam);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.chip.dam{background:var(--muc);color:var(--kem)}.chip.xanh{color:#2f5a3f;background:#dfe9df}.loi-vao{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.loi-vao .the{min-height:220px;padding:28px}.loi-vao .so{font:italic 700 44px/1 var(--serif);color:var(--vang-dam)}.loi-vao h3{font-size:24px}.toi{background:var(--muc);color:var(--kem);border-color:var(--muc)}.toi p{color:#c9cfc9}.toi em,.toi .so{color:var(--vang)}.tabs{flex-wrap:wrap;gap:8px;margin:0 0 20px;display:flex}.tab{border:1px solid var(--vien);background:var(--kem-nhat);font:600 14px var(--font);cursor:pointer;color:var(--muc);border-radius:999px;padding:7px 14px}.tab span{color:var(--xam);margin-left:4px;font-weight:500}.tab[aria-pressed=true]{background:var(--muc);color:var(--kem);border-color:var(--muc)}.tab[aria-pressed=true] span{color:var(--vang)}.bai{padding:40px 0 60px}.quay-lai{color:var(--xam);margin-bottom:22px;font-weight:600;text-decoration:none;display:inline-block}.bai-than h2{margin-top:36px}.bai-than h3{margin-top:26px}.bai-than li{margin:4px 0}.bai-than code{background:var(--kem-dam);border-radius:6px;padding:1px 6px;font-size:.92em}.bai-than pre{background:var(--muc);color:var(--kem);border-radius:14px;padding:18px;font-size:14px;line-height:1.55;position:relative;overflow-x:auto}.bai-than pre code{color:inherit;background:0 0;padding:0}.bai-than table{border-collapse:collapse;width:100%;font-size:15px;display:block;overflow-x:auto}.bai-than th,.bai-than td{border:1px solid var(--vien);text-align:left;vertical-align:top;padding:8px 10px}.bai-than th{background:var(--kem-dam)}.nut-chep{background:var(--vang);color:var(--muc);font:700 12px var(--font);cursor:pointer;border:0;border-radius:999px;padding:6px 12px;position:absolute;top:10px;right:10px}.nguon{border:1px dashed var(--vien);color:var(--xam);border-radius:12px;margin-top:36px;padding:14px 16px;font-size:14px}.moi{margin:30px 0 60px}.moi .the{padding:30px}.moi h2{margin-bottom:6px}.chan{border-top:1px solid var(--vien);padding:34px 0 calc(40px + env(safe-area-inset-bottom,0px));color:var(--xam);font-size:14px}.chan-trong{flex-wrap:wrap;justify-content:space-between;gap:14px 28px;display:flex}.chan a{color:var(--muc);font-weight:600;text-decoration:none}.chan-link{flex-wrap:wrap;gap:18px;display:flex}dialog{background:var(--kem-nhat);width:calc(100% - 24px);max-width:880px;color:var(--muc);border:0;border-radius:20px;padding:0}dialog::backdrop{background:#1f2a248c}.hop{grid-template-columns:300px 1fr;display:grid}.hop-trai{background:var(--kem);border-right:1px solid var(--vien);padding:22px}.hop-phai{flex-direction:column;gap:12px;min-width:0;padding:22px;display:flex}.hop h3{margin:0 0 4px;font-size:20px}.hop label{margin:12px 0 4px;font-size:13px;font-weight:700;display:block}.hop input,.hop select{border:1px solid var(--vien);width:100%;font:15px var(--font);background:var(--kem-nhat);color:var(--muc);border-radius:10px;padding:9px 11px}.prompt{white-space:pre-wrap;background:var(--muc);color:var(--kem);font:15px/1.6 var(--font);border-radius:14px;max-height:46vh;margin:0;padding:16px;overflow:auto}.prompt mark{background:var(--vang);color:var(--muc);border-radius:4px;padding:0 3px}.ghi-chu{color:var(--xam);margin:0;font-size:13px}@media (width<=720px){.menu a{padding:8px 9px;font-size:14px}.logo-chu{display:none}.mo-dau{padding:40px 0 24px}.hop{grid-template-columns:1fr}.hop-trai{border-right:0;border-bottom:1px solid var(--vien)}}