/* AI Thạo Việc v0.4.1 · Theo Brand Kit v1.0 "Nhịp làm việc mới" (tokens: cobalt, lime, ink, white, fog; radius editorial 0 / button 4 / utility 8).
   Font Be Vietnam Pro (SIL OFL 1.1) lưu trên site, không gọi dịch vụ ngoài. Logo: vector trong assets/brand. Biểu tượng: Phosphor Icons (MIT). */
/* Nhóm 23 (đo CLS): phông dự phòng chỉnh cỡ theo Be Vietnam Pro để chữ không đổi bề rộng khi phông web tải xong (trước đây dải chủ đề xuống dòng, đẩy cả trang). */
@font-face{font-family:"BVP Fallback";font-weight:400 600;src:local("Arial"),local("ArialMT"),local("Helvetica"),local("Liberation Sans");size-adjust:108.5%;ascent-override:92.2%;descent-override:24.4%;line-gap-override:0%}
@font-face{font-family:"BVP Fallback";font-weight:700 900;src:local("Arial Bold"),local("Arial-BoldMT"),local("Helvetica Bold"),local("Liberation Sans Bold");size-adjust:103.6%;ascent-override:96.5%;descent-override:25.6%;line-gap-override:0%}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/be-vietnam-pro-vietnamese-400-normal.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/be-vietnam-pro-vietnamese-500-normal.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/be-vietnam-pro-vietnamese-600-normal.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/be-vietnam-pro-vietnamese-700-normal.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/be-vietnam-pro-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/be-vietnam-pro-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/be-vietnam-pro-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/be-vietnam-pro-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

/* ================= Biến thiết kế: đổi ở đây là đổi toàn site ================= */
:root{
  --bg:#FFFFFF; --ink:#10131A; --muted:#5B626F; --line:#D8DDE6; --soft:#F2F4F7;
  --accent:#2448FF; --accent-deep:#1733C9; --hi:#D6F43C; --foot:#10131A;
  --r:0px; --rb:4px; --pill:8px; --motion:180ms;
  --display:"Be Vietnam Pro","BVP Fallback",system-ui,sans-serif;
  --body:"Be Vietnam Pro","BVP Fallback",system-ui,-apple-system,"Segoe UI",sans-serif;
  --wrap:1280px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:16px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--body)}
img,video{display:block;max-width:100%;height:auto}
a{color:inherit}
p a,li a,dd a,.lead a{color:var(--accent);text-underline-offset:3px}
.wrap{width:min(100% - 32px,var(--wrap));margin-inline:auto}
.narrow{max-width:720px}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;margin:-1px}
.skip{position:absolute;left:-9999px;top:8px;z-index:60;background:var(--ink);color:#fff;padding:8px 14px;border-radius:var(--rb)}
.skip:focus{left:16px}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.ic{width:1em;height:1em;fill:currentColor;flex:none;vertical-align:-.125em}
.muted{color:var(--muted)}.small{font-size:14px}.d-block{display:block}.is-hidden{display:none!important}
code{font:14px ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--soft);padding:1px 6px;border-radius:var(--rb)}

/* ---------- dòng tiện ích ---------- */
.util{background:var(--ink);color:#E5E7EB;font-size:13px}
.util-in{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;min-height:34px}
.preview-bar{color:var(--hi);font-weight:700}
.preview-bar a{color:#fff;font-weight:500;margin-left:6px}

/* ---------- đầu trang ---------- */
.mast-in{display:grid;grid-template-columns:auto 1fr minmax(260px,380px);align-items:center;gap:24px;padding:16px 0}
.logo{display:inline-flex;align-items:center;margin:0}
.logo img{height:40px;width:auto}
.site-footer .logo img{height:34px}
.mast-tag{margin:0;font-weight:600;color:var(--muted);font-size:14px;line-height:1.3}
.mast-tag span{white-space:nowrap}
.header-search{position:relative;display:flex}
.header-search input{width:100%;font:inherit;font-size:15px;padding:10px 16px 10px 42px;border:2px solid var(--ink);border-radius:var(--rb);background:#fff}
.header-search>.ic{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:18px}
.search-toggle{display:none;border:0;background:var(--soft);width:44px;height:44px;border-radius:var(--rb);font-size:20px;cursor:pointer;color:var(--ink)}
.navbar{background:var(--accent);color:#fff}
.nav-in{display:flex;justify-content:space-between;align-items:center;gap:20px}
.navbar ul{list-style:none;margin:0;padding:0;display:flex}
.site-nav a{display:block;padding:14px 18px;font-weight:700;font-size:16px;text-decoration:none;white-space:nowrap}
.site-nav li:first-child a{padding-left:0}
.site-nav a:hover,.site-nav a[aria-current]{box-shadow:inset 0 -4px 0 var(--hi)}
.topics{border-bottom:1px solid var(--line)}
.topics-in{display:flex;align-items:center;gap:16px;padding:12px 0;overflow-x:auto;scrollbar-width:none}
.topics-in::-webkit-scrollbar{display:none}
.topics-h{flex:none;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}
.topics ul{list-style:none;margin:0;padding:0;display:flex;gap:8px}
.topics a{display:block;white-space:nowrap;padding:6px 14px;border-radius:var(--pill);background:var(--soft);font-size:14px;font-weight:500;text-decoration:none;color:var(--ink)}
.topics a:hover{background:var(--hi)}
.topics-pick .topics-in{flex-wrap:wrap;overflow:visible;row-gap:10px}
.topics-pick ul{flex-wrap:wrap}
.topics-pick a{display:flex;align-items:center;min-height:40px}
@media (max-width:640px){.topics-pick .topics-in{flex-direction:column;align-items:stretch;gap:10px}.topics-pick ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.topics-pick a{min-height:44px;white-space:normal;line-height:1.25;padding:6px 12px}}

/* ---------- chip, nhãn, meta, nút ---------- */
.chip{display:inline-flex;align-items:center;gap:6px;margin:0;padding:6px 14px;border-radius:var(--pill);font-size:13px;font-weight:700;letter-spacing:.02em;background:var(--soft);color:var(--ink)}
.chip-hi{background:var(--hi);color:var(--ink)}
.kicker{display:flex;align-items:center;gap:6px;margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.kicker a{color:inherit;text-decoration:none}
.meta-line,.article-badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:12px 0 0;font-size:14px;color:var(--muted)}
.meta-dot{display:inline-flex;align-items:center;gap:6px}
.badge{display:inline-block;padding:3px 10px;border-radius:var(--pill);font-size:12.5px;font-weight:700;border:1.5px solid currentColor;line-height:1.4}
.badge-nguon-chinh-thuc{color:#1E3A8A;background:#DBEAFE;border-color:#93C5FD}
.badge-vi-du-thuc-hanh{color:#14532D;background:#DCFCE7;border-color:#86EFAC}
.badge-can-kiem-lai{color:#9A3412;background:#FFEDD5;border-color:#FDBA74}
.badge-loi-thoi{color:#991B1B;background:#FEE2E2;border-color:#FCA5A5}
.badge-trang-thai{color:#374151;background:#F3F4F6;border-color:#D1D5DB;border-style:dashed}
.credit{margin:8px 0 0;font-size:12.5px;color:var(--muted)}
.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border:0;border-radius:var(--rb);font:700 15.5px var(--body);text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform var(--motion) ease,background var(--motion) ease}
.btn:active{transform:translateY(1px) scale(.98)}
.btn .ic{transition:transform var(--motion) ease}.btn:hover .ic{transform:translateX(3px)}
.btn-ink{background:var(--ink);color:#fff}
.btn-hi{background:var(--hi);color:var(--ink)}
.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-deep)}
.stretch{text-decoration:none}
.stretch:after{content:"";position:absolute;inset:0;z-index:1}

/* ---------- video + nút dừng ---------- */
.vwrap{position:relative;border-radius:var(--r);overflow:hidden;background:var(--ink);box-shadow:0 0 0 1px var(--line)}
.vwrap video,.vwrap img{width:100%;aspect-ratio:16/9;object-fit:cover}
.vbtn{position:absolute;right:14px;bottom:14px;z-index:4;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:0;border-radius:var(--rb);background:rgba(16,19,26,.82);color:#fff;font:700 13px var(--body);cursor:pointer}
.vbtn .ic{font-size:14px}.vbtn .ic:nth-of-type(2){display:none}
.vbtn.is-paused .ic:nth-of-type(1){display:none}.vbtn.is-paused .ic:nth-of-type(2){display:inline}

/* ---------- trang chủ: định nghĩa gọn và bộ chọn bài ngay trong trang ---------- */
.home-intro{padding-top:26px}
.home-intro h1{font-family:var(--display);font-size:clamp(28px,3.2vw,40px);font-weight:700;line-height:1.2;letter-spacing:-.025em;margin:0 0 10px}
.home-definition{max-width:72ch;margin:0;font-size:16px;line-height:1.6}
.home-intro-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 24px;align-items:start;margin-top:16px}
.article-picker{min-width:0}
.article-picker>summary{width:fit-content;max-width:100%;list-style:none;white-space:normal}
.article-picker>summary::-webkit-details-marker{display:none}
.picker-toggle{font-size:22px;line-height:1;font-weight:400}
.article-picker[open] .picker-toggle{transform:rotate(45deg)}
.home-featured-link{display:inline-flex;align-items:center;gap:8px;min-height:46px;font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.picker-panel{margin-top:16px;padding:22px;border-top:3px solid var(--accent);background:var(--soft)}
.picker-panel [hidden]{display:none!important}
.picker-choices{min-width:0;border:0;margin:0;padding:0}
.picker-question{padding:0;margin:0;font-size:22px;font-weight:700;line-height:1.3}
.picker-hint{margin:6px 0 14px;font-size:14px;color:var(--muted)}
.picker-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.picker-option{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:56px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--rb);background:#fff;color:var(--ink);font:600 15px/1.45 var(--body);text-align:left;cursor:pointer}
.picker-option:hover{border-color:var(--accent);background:#EAEEFF}
.picker-option .ic{color:var(--accent)}
.picker-result h2{margin:8px 0 10px;max-width:40ch;font-size:clamp(22px,2.2vw,28px);line-height:1.3;letter-spacing:-.015em}
.picker-result>p:not(.kicker){max-width:72ch;margin:0;font-size:16px}
.picker-result-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:18px}
.picker-reset{min-height:44px;padding:8px 0;border:0;background:transparent;color:var(--ink);font:600 15px var(--body);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.picker-fallback-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}
.picker-fallback-list a{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700}
.picker-fallback-list p{margin:6px 0 0;font-size:14px;color:var(--muted)}
.picker-other{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;padding:8px 0;border:0;background:transparent;color:var(--accent-deep);font:600 15px var(--body);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.picker-task{display:inline-block;margin:0 0 4px;font-size:13px;font-weight:700;color:var(--accent-deep)}
.picker-task-main{display:block;margin:10px 0 0}
.picker-task-main+h2{margin-top:2px}
.picker-related{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}
.picker-related-h{margin:0 0 10px;font-size:14px;font-weight:700;color:var(--muted)}
.picker-related ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}
.picker-related li{min-width:0}
.picker-related li>a{display:block;font-size:15px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.picker-related li>p{margin:4px 0 0;font-size:14px;color:var(--muted)}
.picker-related .picker-more-link{grid-column:1/-1}
.picker-related .picker-more-link a{display:inline-flex;align-items:center;gap:8px}
.picker-search{display:flex;gap:10px;max-width:560px;margin:16px 0 18px}
.picker-search input{flex:1;min-width:0;font:inherit;padding:11px 16px;border:2px solid var(--ink);border-radius:var(--rb);background:#fff}
.picker-groups{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.picker-groups a.chip-btn{display:inline-flex;align-items:center;min-height:40px;text-decoration:none;color:var(--ink)}
.picker-groups a.chip-btn:hover{border-color:var(--accent)}
.picker-gopy{margin:18px 0 0;font-size:14px}

/* ---------- trang chủ: cụm bài chính ---------- */
.lead-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:32px;padding:28px 0 44px}
.lead{position:relative}
.lead-media{position:relative;border-radius:var(--r);overflow:hidden;color:#fff;background:var(--ink);aspect-ratio:16/10}
.lead-media video,.lead-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lead-media .vbtn{top:14px;bottom:auto}
.lead-over{position:absolute;left:0;right:0;bottom:0;padding:120px 32px 28px;background:linear-gradient(0deg,rgba(16,19,26,.95) 0%,rgba(16,19,26,.78) 45%,rgba(16,19,26,0) 100%)}
.lead-h{font-family:var(--display);font-weight:700;font-size:clamp(32px,3.9vw,54px);line-height:1.12;letter-spacing:-.025em;margin:14px 0 10px;max-width:20ch}
.lead-media:hover .lead-h a{text-decoration:underline;text-decoration-color:var(--hi);text-decoration-thickness:4px;text-underline-offset:6px}
.lead-d{margin:0;max-width:60ch;color:#E5E7EB}
.lead-over .meta-line{color:#E5E7EB}
.side-h{margin:0 0 14px;font-family:var(--display);font-weight:700;font-size:24px;border-bottom:3px solid var(--ink);padding-bottom:8px}
.side-card{display:grid;grid-template-columns:128px 1fr;gap:14px;margin:0 0 20px}
.side-media img{width:128px;aspect-ratio:16/11;object-fit:cover}
.side-title{margin:0;font-family:var(--display);font-weight:600;font-size:18px;line-height:1.25}
.side-title a{text-decoration:none}.side-title a:hover{color:var(--accent)}
.side-card .meta-line{margin-top:6px;font-size:13px}
.side-start{margin-top:6px;padding:18px 20px;border-radius:var(--r);background:var(--soft)}
.side-start-h{margin:0;font-family:var(--display);font-weight:700;font-size:22px}
.side-start p{margin:4px 0 14px}

/* ---------- dải cobalt ---------- */
.band{background:var(--accent);color:#fff}
.band-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:44px;align-items:center;padding:56px 0}
.band-h{font-family:var(--display);font-weight:700;font-size:clamp(32px,3.6vw,48px);line-height:1.15;letter-spacing:-.025em;margin:16px 0 18px}
.band-list{margin:0 0 26px;padding:0;list-style:none}
.band-list li{position:relative;padding-left:30px;margin:0 0 10px}
.band-list li:before{content:"";position:absolute;left:0;top:.42em;width:16px;height:9px;border-left:4px solid var(--hi);border-bottom:4px solid var(--hi);transform:rotate(-45deg)}
.band-media{margin:0}
.band-media figcaption{margin-top:8px;font-size:12.5px;color:#DCE3FF}

/* Dải ba bước thay phần cuộc họp lặp; giữ nhịp màu nhưng không thêm một hero. */
.home-method{background:var(--accent);color:#fff}
.home-method-in{padding:28px 0 30px}
.home-method h2{margin:0 0 20px;font-size:24px;font-weight:700;line-height:1.25;letter-spacing:-.015em}
.home-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.home-steps li{display:flex;align-items:start;gap:14px}
.home-step-number{display:grid;place-items:center;flex:none;width:32px;height:32px;background:var(--hi);color:var(--ink);font-weight:700;font-size:18px}
.home-steps h3{margin:0 0 5px;font-size:17px;font-weight:700;line-height:1.4}
.home-steps p{margin:0;font-size:14px;line-height:1.55;color:#E8ECFF}

/* ---------- ba đường vào ---------- */
.routes{padding:56px 0 20px}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:20px;border-bottom:3px solid var(--ink);padding-bottom:10px;margin-bottom:22px}
.sec-head h2,.sec-title{margin:0;font-family:var(--display);font-weight:700;font-size:clamp(26px,2.6vw,34px);line-height:1.15;letter-spacing:-.02em}
.sec-title{border-bottom:3px solid var(--ink);padding-bottom:8px;margin:40px 0 20px}
.sec-head p{margin:0;color:var(--muted)}
.route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.route-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.route-tile{position:relative;display:block;border-radius:var(--r);overflow:hidden;color:#fff;text-decoration:none;aspect-ratio:4/5;background:var(--ink)}
.route-tile-sm{aspect-ratio:16/9}
.route-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.route-tile:hover img{transform:scale(1.04)}
.route-over{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;padding:90px 22px 22px;background:linear-gradient(0deg,rgba(16,19,26,.95) 0%,rgba(16,19,26,.75) 55%,rgba(16,19,26,0) 100%)}
.route-over .kicker{color:var(--hi)}
.route-t{margin:0 0 8px;font-family:var(--display);font-weight:700;font-size:24px;line-height:1.15;letter-spacing:-.01em}
.route-d{margin:0 0 14px;font-size:15px;color:#E5E7EB}
.route-go{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;border-bottom:3px solid var(--hi);padding-bottom:2px}

/* ---------- hiểu để chọn đúng ---------- */
.explain{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:40px;align-items:center;padding:48px 0 64px}
.explain-media img{border-radius:var(--r);aspect-ratio:16/10;object-fit:cover;width:100%}
.explain h2{font-family:var(--display);font-weight:700;font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.02em;margin:14px 0}
.explain h2 a{text-decoration:none}.explain h2 a:hover{color:var(--accent)}
.explain p{max-width:56ch}
.src{font-size:14px;color:var(--muted)}
.explain .btn{margin-top:18px}

/* ---------- tin AI đáng chú ý: mẫu Đọc nhanh ---------- */
.news{padding:48px 0 64px}
.news-box{--nb-soft:#EEF1FF;border:1px solid var(--line);border-radius:16px;background:var(--bg);padding:28px 28px 22px;display:flex;flex-direction:column;gap:20px}
.news .news-head{border-bottom:0;padding-bottom:0;margin-bottom:0;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between}
.news-eyebrow{margin:0 0 6px!important;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.news-head h2::after{content:".";color:var(--accent)}
.news-head-t>p:last-child{margin:8px 0 0;max-width:60ch;color:var(--muted);font-size:15px}
.news-more{margin:0;flex-shrink:0}
.news-more a{display:inline-flex;align-items:center;gap:6px;min-height:40px;font-weight:700;font-size:15px;color:var(--accent);text-decoration:none}
.news-more a:hover{text-decoration:underline;text-underline-offset:3px}
.news-box .ic{width:16px;height:16px;flex-shrink:0}
.news-loc{display:flex;flex-wrap:wrap;gap:8px}
.news-loc[hidden]{display:none}
.news-loc button{min-height:40px;padding:8px 14px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--muted);font:inherit;font-size:14px;font-weight:600;line-height:1.3;cursor:pointer}
.news-loc button:hover{border-color:var(--ink);color:var(--ink)}
.news-loc button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.news-box button:focus-visible,.news-box a:focus-visible,.news-nhanh:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.news-res{display:grid;gap:4px}
.news-lead{display:grid;grid-template-columns:minmax(0,32%) minmax(0,1fr);border:1px solid var(--line);border-radius:13px;overflow:hidden}
.news-media{position:relative;display:flex;align-items:center;background:var(--accent);min-width:0}
.news-media img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.news-flag{position:absolute;top:12px;left:12px;z-index:1;padding:5px 8px;border-radius:3px;background:var(--hi);color:#17200C;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.news-lead .news-body{padding:20px 22px;min-width:0}
.news-group{margin:0 0 6px;color:var(--accent);font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.news-title{margin:0;font-family:var(--display);font-weight:700;font-size:17px;line-height:1.35;letter-spacing:-.01em}
.news-title-lead{font-size:clamp(20px,1.9vw,24px);line-height:1.3}
.news-title a{color:inherit;text-decoration:none}.news-title a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.news-sum{margin:8px 0 0;max-width:62ch;color:var(--muted);font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:10px 0 0;font-size:13.5px;font-weight:500;color:var(--muted)}
.news-meta .news-date{font-weight:600}
.news-badges{margin:8px 0 0}
.news-meta .news-badges{margin:0 0 0 4px;display:inline-flex;flex-wrap:wrap;gap:4px}
.news-meta .news-badges .badge-the+.badge-the{margin-left:0}
.news-act{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:14px 0 0}
.news-read{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:8px;background:var(--accent);color:#fff;font-weight:700;font-size:15px;text-decoration:none}
.news-read:hover{background:var(--accent-deep)}
.news-quick{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 0;border:0;background:transparent;color:var(--accent);font:inherit;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none}
.news-quick:hover{text-decoration:underline;text-underline-offset:3px}
.news-quick[hidden]{display:none}
.news-quick[aria-expanded="true"] .ic{transform:rotate(180deg)}
.news-item .news-quick[aria-expanded="true"] .ic{transform:rotate(90deg)}
.news-list{list-style:none;margin:0;padding:0}
.news-list li{border-top:1px solid var(--line)}
.news-list li:first-child{margin-top:16px}
.news-item{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;padding:16px 0}
.news-thumb{display:block;align-self:start;margin-top:4px;border-radius:6px;overflow:hidden;background:var(--accent)}
.news-thumb img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.news-item .news-meta{margin-top:6px}
.news-item .news-act{margin-top:4px}
.news-trong{margin:0;padding:18px;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}
.news-trong[hidden]{display:none}
.news-trong-b{border:0;background:transparent;padding:4px 0;color:var(--accent);font:inherit;font-weight:700;cursor:pointer;text-decoration:underline}
.news-nhanh{margin:10px 0 16px;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:var(--soft);scroll-margin:80px}
.news-nhanh[hidden]{display:none}
.news-nhanh-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.news-nhanh-h{margin:0;font-weight:700;font-size:15px}
.news-nhanh-close{min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.news-nhanh-t{margin:4px 0 12px;color:var(--muted);font-size:14px}
.news-nhanh dl{display:grid;grid-template-columns:140px minmax(0,1fr);gap:10px 16px;margin:0}
.news-nhanh dt{color:var(--accent);font-weight:700;font-size:14px}
.news-nhanh dd{margin:0;font-size:15px;line-height:1.65}
.news-nhanh-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:14px 0 0;font-size:13.5px;color:var(--muted)}
.news-nhanh-foot a{display:inline-flex;align-items:center;gap:6px;min-height:40px;color:var(--accent);font-weight:700;font-size:15px;text-decoration:none}
.news-thao{position:relative;display:flex;align-items:center;gap:14px;padding:10px 18px 10px 8px;border-radius:13px;background:var(--nb-soft);min-height:96px}
.news-thao-fig{position:relative;flex:0 0 auto;width:96px;height:88px;padding:0;border:0;border-radius:12px;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.news-thao-fig img,.news-thao-fig canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.news-thao-fig.is-3d img{visibility:hidden}
.news-thao-fig.is-nghieng img{animation:news-thao-nghieng .9s ease-out 1}
@keyframes news-thao-nghieng{0%{transform:rotate(0)}30%{transform:rotate(-7deg) translateY(-3px)}60%{transform:rotate(4deg)}100%{transform:rotate(0)}}
.news-thao-t{flex:1;min-width:0}
.news-thao-h{margin:0;font-weight:700;font-size:16px}
.news-thao-d{margin:3px 0 0;color:var(--muted);font-size:14px}
.news-thao-bai{margin:6px 0 0;font-size:13.5px;color:var(--ink)}
.news-thao-bai[hidden]{display:none}
.news-thao-bai b{font-weight:600}
.news-thao-btn{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--accent);font-weight:700;font-size:15px;text-decoration:none}
.news-thao-btn:hover{border-color:var(--accent)}
.news-thao-dap{position:absolute;left:84px;top:-14px;margin:0;padding:4px 10px;border-radius:10px 10px 10px 2px;background:var(--accent);color:#fff;font-size:13px;font-weight:600;line-height:1.4;max-width:min(360px,70%);opacity:0;transform:translateY(4px);transition:opacity var(--motion),transform var(--motion);pointer-events:none}
.news.is-dap .news-thao-dap{opacity:1;transform:none}
.news-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--line);font-size:13.5px;color:var(--muted)}
.news-next{white-space:nowrap;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 0;border:0;background:transparent;color:var(--accent);font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.news-next[hidden]{display:none}
.news-next:disabled{opacity:.45;cursor:not-allowed}
.news-lead.is-doi{animation:news-doi .28s ease-out}
@keyframes news-doi{from{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:none}}
.meta-date .news-date{font-weight:600}
@media (max-width: 900px){
  .news{padding:32px 0 48px}
  .news-box{padding:22px 18px 18px}
}
@media (max-width: 600px){
  .news-box{padding:18px 16px 16px;gap:16px;border-radius:14px}
  .news .news-head{flex-direction:column;align-items:flex-start;gap:6px}
  .news-lead{grid-template-columns:1fr}
  .news-media img{aspect-ratio:16/9;max-height:220px;object-fit:contain}
  .news-lead .news-body{padding:16px}
  .news-item{grid-template-columns:88px minmax(0,1fr);gap:12px;padding:14px 0}
  .news-item .news-title{font-size:15.5px}
  .news-meta .news-badges{margin-left:0}
  .news-loc button{min-height:44px;padding:9px 12px}
  .news-nhanh{padding:16px}
  .news-nhanh dl{grid-template-columns:1fr;gap:4px}
  .news-nhanh dd{margin-bottom:10px}
  .news-thao{flex-wrap:wrap;padding:10px 12px 14px 6px}
  .news-thao-fig{width:76px;height:72px}
  .news-thao-t{flex-basis:calc(100% - 96px)}
  .news-thao-btn{margin-left:84px}
  .news-thao-dap{left:70px}
  .news-foot{align-items:flex-start}
}
@media (max-width: 359px){
  .news-thao-btn{margin-left:0;width:100%;justify-content:center}
  .news-item{grid-template-columns:72px minmax(0,1fr)}
}
@media (prefers-reduced-motion: reduce){.news-thao-fig.is-nghieng img,.news-lead.is-doi{animation:none}.news-thao-dap{transition:none}}
@media (pointer: coarse){.news-quick,.news-nhanh-close,.news-nhanh-foot a,.news-more a{min-height:44px}}

/* ---------- chân trang ---------- */
.site-footer{background:var(--foot);color:#E5E7EB}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding:40px 0 28px}
.footer-who{margin:8px 0 12px;font-size:14px;color:#D1D5DB}
.footer-cta{display:inline-flex;align-items:center;gap:8px;color:#fff!important;font-weight:700;text-decoration:none;border-bottom:2px solid var(--hi)}
.footer-h{margin:0 0 8px;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#9CA3AF}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li a{display:block;padding:4px 0;text-decoration:none;color:#E5E7EB}
.site-footer li a:hover{color:var(--hi)}
.build-line{margin-left:8px}

/* ---------- đầu trang con (danh sách, trang tĩnh, tìm kiếm) ---------- */
.page-hero{background:var(--accent);color:#fff}
.page-hero-in{display:grid;grid-template-columns:1fr;gap:36px;align-items:center;padding:40px 0 44px}
.page-hero-in.has-img{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
.page-hero h1{font-family:var(--display);font-weight:700;font-size:clamp(32px,3.6vw,48px);line-height:1.15;letter-spacing:-.025em;margin:16px 0 12px}
.page-hero .lead{font-size:18px;max-width:60ch;color:#E8ECFF}
.page-hero .lead p{margin:0 0 8px}
.page-hero .lead .hero-dek{font-size:clamp(20px,2.1vw,24px);line-height:1.35;font-weight:600;color:#fff;margin:0 0 10px;max-width:34ch}
.page-hero .lead a{color:#fff}
.page-hero-img{margin:0}
.page-hero-img img{border-radius:var(--r);aspect-ratio:16/10;object-fit:cover;width:100%}
.page-hero-img figcaption{font-size:12.5px;color:#DCE3FF;margin-top:8px}
.list-wrap{padding:28px 0 56px}
.list-count{margin:0 0 12px;font-weight:700;color:var(--muted)}
.filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
/* v0.9.5 : chỉ hiện số kết quả sau khi lọc; mặc định trống và không chiếm chỗ */
.result-count{margin:-8px 0 14px;font-size:14px;font-weight:600;color:var(--muted)}
.result-count:empty{display:none}
.chip-btn{font:600 14px var(--body);padding:7px 14px;border-radius:var(--pill);border:1.5px solid var(--line);background:#fff;cursor:pointer}
.chip-btn.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.card-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff}
.card-media img{width:100%;aspect-ratio:16/10;object-fit:cover}
.row-body{padding:16px 18px 20px}
.card-title{margin:0 0 8px;font-family:var(--display);font-weight:700;font-size:21px;line-height:1.2}
.card-title a{text-decoration:none}.card-title a:hover{color:var(--accent)}
.card-desc{margin:0;color:var(--muted);font-size:15.5px}
.other-routes{margin-top:48px}
.other-h{margin:0 0 12px;font-family:var(--display);font-weight:700;font-size:26px}
.empty{padding:20px;border-radius:var(--r);background:var(--soft)}

/* ---------- bài viết ---------- */
.g-hero{background:var(--accent);color:#fff}
.g-hero-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:center;padding:32px 0 60px}
.crumbs{display:flex;gap:8px;font-size:14px;margin-bottom:16px}
.crumbs a{text-decoration:none;opacity:.92;color:#fff}.crumbs a:hover{text-decoration:underline}
.g-hero h1{font-family:var(--display);font-weight:700;font-size:clamp(32px,3.6vw,48px);line-height:1.15;letter-spacing:-.025em;margin:16px 0 14px;max-width:20ch}
.article-desc{margin:0;font-size:18px;max-width:58ch;color:#E8ECFF}
.g-hero .article-badges{color:#E8ECFF}
.g-cover{margin:0}
.g-cover img{border-radius:var(--r);aspect-ratio:4/3;object-fit:cover;width:100%}
.g-cover img.is-graphic{object-fit:contain;background:var(--accent)}
.g-cover figcaption{font-size:12.5px;color:#DCE3FF;margin-top:8px}
.quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:-30px;position:relative}
.quick>div{background:#fff;border:2px solid var(--ink);border-radius:var(--r);padding:16px 18px}
.quick-h{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.quick p:last-child{margin:0;font-size:15px}
.tag{display:inline-block;padding:2px 10px;border-radius:var(--pill);background:var(--soft);font-size:13.5px;margin:0 4px 4px 0}
.notice-warn{margin:20px 0 0;padding:14px 18px;border-radius:var(--r);background:#FFEDD5;border:1.5px solid #FDBA74}
.notice-warn + .quick{margin-top:16px}
.article-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:56px;padding:40px 0 24px}
.article-side{position:sticky;top:20px;align-self:start;display:grid;gap:20px;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding-right:6px}
.box-title{margin:0 0 10px;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.toc ol{margin:0;padding:0;list-style:none;border-left:3px solid var(--line)}
.toc li a{display:flex;gap:8px;padding:6px 0 6px 14px;margin-left:-3px;border-left:3px solid transparent;font-size:14.5px;text-decoration:none;color:var(--muted)}
.toc a[data-step]:before{content:attr(data-step);flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:var(--rb);background:var(--soft);font-size:12px;font-weight:700;color:var(--ink)}
.toc li a:hover{color:var(--ink);border-left-color:var(--accent)}
.toc-mobile{display:none;margin:0 0 20px;border:2px solid var(--ink);border-radius:var(--r);padding:12px 16px}
.toc-mobile summary{font-weight:700;cursor:pointer}
.toc-mobile ol{margin-top:10px}
.meta-box{border-top:3px solid var(--ink);padding-top:12px;font-size:14px}
.meta-box dl{margin:0}
.meta-box dl>div{padding:8px 0;border-bottom:1px solid var(--line)}
.meta-box dt{font-weight:700;font-size:12.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.meta-box dd{margin:4px 0 0}
.meta-box .d-block{margin-top:4px}
.article-main{min-width:0;max-width:740px}
.clip{margin:0 0 28px}
.clip figcaption,.fig figcaption{font-size:13px;color:var(--muted);margin-top:8px}
.article-body{font-size:18px;line-height:1.65}
.article-body h2{font-family:var(--display);font-weight:700;font-size:28px;line-height:1.2;letter-spacing:-.015em;margin:52px 0 16px;scroll-margin-top:24px}
.article-body h2.step{display:flex;gap:16px;align-items:center}
.article-body h2.step:before{content:attr(data-step);flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:var(--pill);background:var(--hi);color:var(--ink);font-size:24px}
.article-body h3{font-family:var(--display);font-weight:700;font-size:22px;margin:32px 0 10px}
.article-body ul,.article-body ol{padding-left:1.3em}.article-body li{margin:.35em 0}
.article-body ul.checklist{list-style:none;padding:0}
.article-body ul.checklist li{position:relative;padding-left:34px}
.article-body ul.checklist li:before{content:"";position:absolute;left:0;top:.3em;width:20px;height:20px;border-radius:var(--rb);border:2px solid var(--ink)}
.article-body blockquote{margin:20px 0;padding:18px 22px;background:var(--soft);border-radius:var(--r);border-left:6px solid var(--accent);font-size:17px}
.article-body blockquote p{margin:0 0 6px}.article-body blockquote p:last-child{margin:0}
.article-body .fig{margin:24px 0}
.article-body .fig img{border:1px solid var(--line);border-radius:var(--r);background:#fff;width:100%}
.table-wrap{overflow-x:auto;margin:18px 0}
.article-body table{width:100%;border-collapse:collapse;font-size:15.5px}
.article-body th{background:var(--ink);color:#fff;text-align:left;font-weight:700;padding:10px 12px}
.article-body td{border-bottom:1px solid var(--line);padding:10px 12px;vertical-align:top}
.article-body figure.prompt{margin:22px 0;background:var(--ink);color:#F9FAFB;border-radius:var(--r);overflow:hidden}
.article-body figure.prompt figcaption{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px 10px 18px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--hi)}
.copy-btn{font:700 14px var(--body);padding:8px 16px;border:0;border-radius:var(--rb);background:var(--hi);color:var(--ink);cursor:pointer;text-transform:none;letter-spacing:0}
.copy-btn:active{transform:scale(.97)}
.copy-btn.is-done{background:#fff}
.article-body pre{margin:0;padding:4px 18px 20px;white-space:pre-wrap;overflow-wrap:anywhere;font:15px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}
.more{padding:24px 0 64px}
.static-body{max-width:760px;padding:36px 0 56px}
.pending-note{display:inline-block;padding:6px 12px;border-radius:var(--r);background:#FEF3C7;color:#92400E;font-weight:700;font-size:15px}

/* ---------- góp ý ---------- */
.gopy-helper{margin:0;padding-top:28px}
.gopy-form{padding:32px 0 64px}
.page-hero-compact .page-hero-in{padding:28px 0 32px}
.page-hero-compact h1{font-size:clamp(28px,3vw,40px);margin:12px 0 10px}
.page-hero-compact .lead{font-size:17px}
.gopy-area{background:var(--soft);padding:32px 0 56px}
.gopy-card{padding:28px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:var(--rb)}
.gopy-card .field{margin-bottom:22px}
.gopy-card .field textarea{min-height:152px;resize:vertical}
.gopy-card .field input,.gopy-card .field textarea{font-size:16px;min-height:48px}
.gopy-card .field input:focus,.gopy-card .field textarea:focus{border-color:var(--accent);outline:3px solid var(--accent);outline-offset:2px}
.field-hint{display:block;margin-top:6px;font-size:14px;color:var(--muted)}
.gopy-card .fine{margin:0 0 18px}
.gopy-submit{min-height:48px}
.gopy-share{margin-top:20px}
@media (max-width:560px){.gopy-area{padding:20px 0 40px}.gopy-card{padding:20px 16px}.gopy-submit{width:100%;justify-content:center}}
.field{margin:0 0 18px}
.field label{display:block;font-weight:700;margin-bottom:6px}
.field input[type=email],.field input[type=text],.field input[type=url],.field select,.field textarea{width:100%;font:inherit;padding:12px 14px;border:2px solid var(--ink);border-radius:var(--rb);background:#fff}
.req,.opt{font-weight:500;color:var(--muted);font-size:14px}
.check{display:flex!important;gap:10px;align-items:flex-start;font-weight:500!important}
.check input{margin-top:5px;width:18px;height:18px}
.fine{font-size:13.5px;color:var(--muted);margin:0 0 18px}

/* ---------- tìm kiếm ---------- */
.search-form-page{display:flex;gap:10px;margin:0 0 14px}
.search-form-page input{flex:1;min-width:0;font:inherit;padding:12px 18px;border:2px solid var(--ink);border-radius:var(--rb)}
.suggest{padding-left:1.2em}
.search-more{margin:18px 0 0}
#search-more[hidden]{display:none}
.article-byline{max-width:72ch;margin:28px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}

/* ---------- bảng thiết kế ---------- */
.sheet{padding:10px 0 60px}
.sheet-logos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sheet-logo{display:flex;align-items:end;justify-content:center;gap:18px;padding:36px 20px;border-radius:var(--r);background:var(--soft)}
.sheet-logo-dark{background:var(--accent);color:#fff}
.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.swatch{display:flex;flex-direction:column;gap:4px;font-size:13px}
.swatch-chip{height:84px;border-radius:var(--r);border:1px solid var(--line)}
.swatch-name{font-weight:700;font-size:14px}
.demo-h1{font-family:var(--display);font-weight:700;font-size:48px;line-height:1.15;letter-spacing:-.025em;margin:10px 0}
.demo-h2{font-family:var(--display);font-weight:700;font-size:32px;line-height:1.15;margin:10px 0}
.demo-body{font-size:18px;max-width:62ch}
.btn-row{display:flex;flex-wrap:wrap;gap:12px}

/* ---------- điện thoại ---------- */
@media (max-width: 900px){
  .util-date{display:none}
  .mast-in{grid-template-columns:auto minmax(0,1fr) auto;gap:12px;padding:12px 0}
  .mast-tag{font-size:12px;line-height:1.25}
  .logo img{height:32px}
  .search-toggle{display:grid;place-items:center}
  .header-search{display:none;grid-column:1 / -1}
  .header-search.is-open{display:flex}
  .site-nav{width:100%;justify-content:space-between;gap:10px}
  .site-nav a{padding:12px 0;font-size:14px}
  .lead-grid,.band-in,.explain,.g-hero-in,.article-grid,.page-hero-in.has-img{grid-template-columns:1fr}
  .lead-grid{gap:24px;padding:16px 0 32px}
  .lead-media{aspect-ratio:4/5}
  .lead-over{padding:80px 18px 18px}
  .lead-d{font-size:15.5px}
  .route-grid,.route-grid-2,.footer-grid,.card-grid,.card-grid-2,.sheet-logos{grid-template-columns:1fr}
  .route-tile{aspect-ratio:16/11}
  .sec-head{flex-direction:column;align-items:start}
  .band-in{padding:40px 0;gap:28px}
  .g-hero-in{padding:24px 0 48px;gap:24px}
  .quick{grid-template-columns:1fr 1fr;margin-top:-24px}
  .article-side{position:static;order:2;max-height:none;overflow:visible;padding-right:0}
  .toc-desktop{display:none}
  .toc-mobile{display:block}
  .article-grid{gap:20px;padding-top:24px}
  .article-body{font-size:17px;line-height:1.65}
  .article-body h2{font-size:25px}
  .article-body h2.step:before{width:40px;height:40px;font-size:20px}
  .page-hero-in{padding:28px 0 32px}
  .home-intro{padding-top:20px}
  .home-steps{gap:20px}
  .home-steps li{flex-direction:column;gap:10px}
}
@media (max-width: 640px){
  .home-intro-actions{grid-template-columns:minmax(0,1fr);gap:8px}
  .home-featured-link{justify-self:start}
  .picker-panel{padding:18px 16px}
  .picker-options,.picker-fallback-list,.picker-related ul,.home-steps{grid-template-columns:minmax(0,1fr)}
  .picker-search{flex-direction:column}
  .picker-search .btn{align-self:flex-start}
  .home-steps li{flex-direction:row;gap:14px}
  .home-method-in{padding:24px 0}
}
@media (max-width: 480px){ .quick{grid-template-columns:1fr} }
@media (max-width: 560px){ .navbar .site-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px} .site-nav a{padding:10px 0;font-size:14px;white-space:normal} .site-nav li:first-child a{padding-left:0} }
@media (max-width: 380px){ .navbar .site-nav a{font-size:13px} }
@media (prefers-reduced-motion: reduce){ *{transition:none!important;animation:none!important} }
/* sửa màu liên kết trong khối nền màu */
.navbar a,.lead-h a,.page-hero a.btn,.route-tile,.site-footer a{color:#fff}
.band a.btn-hi,.side-start a.btn-ink{color:inherit}
.btn-hi{color:var(--ink)!important}.btn-ink,.btn-accent{color:#fff!important}
.explain-media,.card-media,.side-media{display:block}
.kicker a{color:inherit}

/* ghi chú nguồn & lưu ý cuối bài (chỉ bài cần) */
.end-note{margin:32px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:14px;line-height:1.6;color:var(--muted);max-width:72ch}
.end-note p{margin:0}
.end-note a{color:var(--ink)}

/* ---------- tín hiệu quan tâm (chỉ hiện khi dữ liệu tổng hợp đã đạt ngưỡng) ---------- */
.interest-teaser{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:56px auto;padding:24px;border:1px solid var(--line);border-radius:var(--r);background:var(--soft)}
.interest-teaser .kicker{margin:0 0 6px}
.interest-teaser h2{margin:0;font-size:clamp(24px,3vw,34px);letter-spacing:-.035em}
.interest-teaser p:not(.kicker){max-width:62ch;margin:8px 0 0;color:var(--muted)}
.interest-section{padding:40px 0;border-bottom:1px solid var(--line)}
.interest-section h2,.interest-method h2{margin:0;font-size:clamp(25px,3vw,36px);letter-spacing:-.035em}
.interest-section > p{max-width:68ch;margin:10px 0 0;color:var(--muted)}
.interest-topics{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;list-style:none;margin:24px 0 0;padding:0}
.interest-topics li{display:grid;gap:4px;padding:16px;border:1px solid var(--line);border-radius:var(--rb);background:var(--soft)}
.interest-topics span{font-size:14px;color:var(--muted)}
.interest-section .card-grid{margin-top:24px}
.interest-method{margin:40px 0 72px;padding:20px;border-left:4px solid var(--hi);background:var(--soft)}
.interest-method p{max-width:70ch;margin:8px 0 0}
@media(max-width:700px){.interest-teaser{align-items:flex-start;flex-direction:column;margin:40px auto}.interest-teaser .btn{width:100%;justify-content:center}}

/* Thanh lựa chọn cookie (chỉ khi bật consent_banner). Nhỏ, ở đáy, thêm khoảng đệm để không che nội dung cuối trang. */
.consent-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--bg);border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(16,19,26,.08)}
.consent-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;padding-bottom:12px}
.consent-in p{margin:0;font-size:14px;color:var(--ink);max-width:70ch}
.consent-in a{color:var(--accent-deep)}
.consent-btns{display:flex;gap:10px;flex-shrink:0}
.consent-btns .btn{padding:9px 16px;font-size:14.5px}
.btn-line{background:var(--bg);color:var(--ink);border:1px solid var(--ink)}.btn-line:hover{background:var(--soft)}
body.has-consent-bar{padding-bottom:var(--consent-h,72px)}
.footer-link-btn{background:none;border:0;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.footer-link-btn:hover{text-decoration:underline}
@media (max-width:640px){.consent-in{flex-direction:column;align-items:stretch;gap:10px}.consent-btns .btn{flex:1;justify-content:center}}

/* v0.7.0: AI theo công việc, gom bài theo nhóm */
.job-jump ul{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.job-jump a.chip-btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink)}
.job-jump a.chip-btn:hover{border-color:var(--ink)}
.job-n{font-size:12px;font-weight:700;min-width:22px;height:22px;display:inline-grid;place-items:center;border-radius:var(--pill);background:var(--soft)}
.job-group{scroll-margin-top:16px}
.job-group .sec-title{margin-bottom:8px}
.job-desc{margin:0 0 20px;color:var(--muted);max-width:68ch}

/* ---------- Trợ lý AI: nút đóng mặc định. Giao diện khung chat nằm ở thao.css, chỉ tải sau khi bấm ---------- */
.thao-btn{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:40;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 18px;border:0;border-radius:999px;background:var(--accent);color:#fff;font:600 16px/1 var(--body);cursor:pointer;box-shadow:0 6px 20px rgba(16,19,26,.22);transition:background var(--motion)}
.thao-btn:hover{background:var(--accent-deep)}
.thao-btn .ic{width:22px;height:22px}
.thao-btn{padding-left:6px}
.thao-face{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;border-radius:50%;background:#fff}
.thao-face img{display:block;width:30px;height:30px}
.thao-btn[aria-busy="true"]{opacity:.75;cursor:progress}
.thao-btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.site-footer{padding-bottom:72px}
@media print{.thao{display:none}}
/* v0.9.2: Hướng dẫn lọc theo nhánh nội dung (nút ở màn rộng, ô chọn ở điện thoại) */
.hd-filter{margin:0 0 20px}
.hd-chips{display:flex;flex-wrap:wrap;gap:8px}
.hd-chips .chip-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;text-align:left;color:var(--ink)}
.hd-chips .chip-btn:hover{border-color:var(--ink)}
.hd-chips .chip-btn.is-active{color:#fff;border-color:var(--ink)}
.hd-chips .chip-btn.is-active .job-n{background:var(--hi);color:var(--ink)}
.hd-chips .chip-btn[aria-pressed="true"]::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--hi);flex:none}
.hd-select{display:none}
.hd-select label{display:block;font-weight:700;font-size:15px;margin:0 0 6px}
.hd-select select{width:100%;max-width:100%;min-height:48px;font:600 16px var(--body);color:var(--ink);padding:10px 40px 10px 12px;border:2px solid var(--ink);border-radius:var(--rb);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 256 256'%3E%3Cpath fill='%2310131A' d='M213.7 101.7l-80 80a8 8 0 0 1-11.4 0l-80-80a8 8 0 0 1 11.4-11.4L128 164.7l74.3-74.4a8 8 0 0 1 11.4 11.4z'/%3E%3C/svg%3E") no-repeat right 14px center;-webkit-appearance:none;appearance:none;text-overflow:ellipsis}
.link-btn{background:none;border:0;padding:0;font:inherit;color:var(--accent);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media (max-width:719px){.hd-chips{display:none}.hd-select{display:block}}

/* Trang Giới thiệu v0.9.3: thẻ lối vào + nút hành động */
.about-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:8px 0 28px}
.about-tile{display:flex;flex-direction:column;gap:8px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--rb);background:#fff;color:var(--ink);text-decoration:none;transition:border-color var(--motion) ease,transform var(--motion) ease}
.about-tile:hover{border-color:var(--accent);transform:translateY(-2px)}
.about-tile-t{font-weight:700;font-size:17px;line-height:1.35;color:var(--accent)}
.about-tile-d{font-size:15px;line-height:1.55;color:var(--muted)}
.about-tile-go{margin-top:auto;font-weight:700;font-size:14px;color:var(--ink);display:inline-flex;align-items:center;gap:6px}
.about-cta{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 28px}
@media (max-width: 640px){ .about-tiles{grid-template-columns:1fr} }

/* Chia sẻ: nút dùng chung trên mọi trang + hộp thoại (assets/share.js). Dùng biến màu của site. */
.share-row{margin:16px 0 0}
.share-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 16px;border:1.5px solid currentColor;border-radius:var(--rb);background:transparent;color:inherit;font:700 15px var(--body);cursor:pointer;transition:background var(--motion) ease}
.share-btn .ic{width:18px;height:18px}
.share-btn:hover{background:rgba(127,127,127,.12)}
.page-hero .share-btn,.g-hero .share-btn{color:#fff}
.page-hero .share-btn:focus-visible,.g-hero .share-btn:focus-visible{outline-color:var(--hi)}
.home-intro .share-row{margin-top:10px}
.share-end{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;max-width:72ch;margin:20px 0 0}
.share-end p{margin:0;font-weight:600}
html.share-lock{overflow:hidden}
.share-dlg [hidden]{display:none!important}
.share-dlg{width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:0;border:0;border-radius:var(--pill);background:var(--bg);color:var(--ink);box-shadow:0 18px 48px rgba(16,19,26,.28);overflow:auto;overscroll-behavior:contain}
.share-dlg::backdrop{background:rgba(16,19,26,.55)}
.share-dlg.is-fallback{position:fixed;inset:0;z-index:1000;height:fit-content}
.share-box{padding:20px 20px 22px}
.share-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.share-h{margin:0;font-size:21px;line-height:1.25}
.share-x{flex:none;display:inline-grid;place-items:center;width:44px;height:44px;margin:-8px -8px 0 0;border:0;border-radius:var(--pill);background:transparent;color:var(--ink);cursor:pointer}
.share-x:hover{background:var(--soft)}
.share-x .ic{width:20px;height:20px}
.share-name{margin:4px 0 14px;color:var(--muted);font-size:15px;line-height:1.45}
.share-temp{margin:0 0 10px;padding:8px 10px;background:var(--soft);border-left:3px solid var(--hi);font-size:14px}
.share-lbl{display:block;margin:0 0 6px;font-weight:700;font-size:14px}
.share-copy{display:flex;gap:8px}
.share-input{flex:1;min-width:0;min-height:44px;padding:8px 12px;border:1.5px solid var(--line);border-radius:var(--rb);background:var(--soft);color:var(--ink);font:500 15px var(--body)}
.share-input:focus{border-color:var(--accent)}
.share-copy-btn{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 14px;border:0;border-radius:var(--rb);background:var(--accent);color:#fff;font:700 15px var(--body);cursor:pointer}
.share-copy-btn:hover{background:var(--accent-deep)}
.share-copy-btn.is-done{background:var(--ink)}
.share-copy-btn .ic{width:18px;height:18px}
.share-status{min-height:1.4em;margin:8px 0 0;font-size:14px;color:var(--ink)}
.share-gh{margin:14px 0 8px;font-size:15px;font-weight:700}
.share-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.share-ch,.share-more{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:8px 10px;border:1.5px solid var(--line);border-radius:var(--rb);background:var(--bg);color:var(--ink);font:600 14.5px var(--body);text-align:left;cursor:pointer}
.share-ch:hover,.share-more:hover{border-color:var(--ink);background:var(--soft)}
.share-logo{flex:none;display:inline-grid;place-items:center;width:24px;height:24px;color:var(--ink)}
.share-logo svg{width:24px;height:24px}
.share-ch-t{min-width:0;overflow-wrap:break-word}
.share-more{margin-top:12px;justify-content:center}
.share-more .ic{width:20px;height:20px}
@media (max-width:420px){.share-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.share-box{padding:16px 14px 18px}.share-copy{flex-wrap:wrap}.share-input{flex-basis:100%}.share-copy-btn{flex:1;justify-content:center}}
@media (max-width:360px){.share-dlg{width:calc(100vw - 16px)}.share-box{padding:14px 12px 16px}.share-ch{gap:6px;padding:8px 6px;font-size:14px}.share-logo,.share-logo svg{width:20px;height:20px}}
@media (prefers-reduced-motion:reduce){.share-btn{transition:none}}

/* Nhãn thứ hai "Đã thử trực tiếp" và hộp trạng thái thử trong bài (27/09/2026) */
.badge-thu-truc-tiep{color:#7C2D12;background:#FFEDD5;border-color:#FDBA74}
.meta-line .badge-the+.badge-the,.news-meta .badge-the+.badge-the,.article-badges .badge-the+.badge-the{margin-left:6px}
.article-badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.test-box{border:1px solid var(--line,#d9e0e6);border-left:4px solid #FDBA74;background:#FFF7ED;border-radius:10px;padding:14px 16px;margin:0 0 24px;font-size:15px;line-height:1.55}
.test-box p{margin:0}
.test-box-h{font-weight:700;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px!important}
.test-box dl{margin:0;display:grid;gap:6px}
.test-box dl div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px}
.test-box dt{font-weight:600;color:#7C2D12}
.test-box dd{margin:0;overflow-wrap:anywhere}
@media(max-width:480px){.test-box dl div{grid-template-columns:1fr;gap:2px}}
.home-test-note{margin:18px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;line-height:1.55}
/* Nhờ Thạo viết lời chia sẻ (27/09/2026) */
.share-ai-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin:4px 0 6px;padding:9px 14px;border:1.5px dashed var(--line);border-radius:10px;background:var(--soft);color:var(--ink);font:700 15px var(--body);cursor:pointer}
.share-ai-toggle .ic{width:18px;height:18px}
.share-ai-toggle[aria-expanded="true"]{border-style:solid}
.share-ai{border:1px solid var(--line);border-radius:12px;padding:14px;margin:0 0 10px;background:#fff}
.share-ai-h{margin:0 0 8px;font-weight:700;font-size:15px}
.share-ai-purposes{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.share-ai-p{min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font:600 14px var(--body);cursor:pointer}
.share-ai-p[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.share-ai-p:disabled,.share-ai-redo:disabled{opacity:.55;cursor:not-allowed}
.share-ai-text{display:block;width:100%;min-height:104px;box-sizing:border-box;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:400 16px/1.5 var(--body);color:var(--ink);background:var(--soft);resize:vertical}
.share-ai-text[aria-busy="true"]{opacity:.6}
.share-ai-note{margin:8px 0 10px;font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.share-ai-link{font-weight:600;color:var(--ink)}
.share-ai-actions{display:flex;flex-wrap:wrap;gap:8px}
.share-ai-copy,.share-ai-redo{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:9px 14px;border-radius:10px;font:700 14px var(--body);cursor:pointer}
.share-ai-copy{background:var(--ink);color:#fff;border:1px solid var(--ink)}
.share-ai-copy .ic{width:16px;height:16px}
.share-ai-redo{background:#fff;color:var(--ink);border:1px solid var(--line)}
.share-ai-status{min-height:1.2em;margin:8px 0 0;font-size:14px}
.share-ai-fine{margin:6px 0 0;font-size:12.5px;color:var(--muted)}
@media(max-width:420px){.share-ai-actions>button{flex:1 1 100%;justify-content:center}}
/* Nhãn nhỏ cho bài ưu tiên trên trang mục (lộ trình người mới, nên đọc trước, bài nền của nhóm) */
.card-flag{display:inline-block;margin:0 0 6px;padding:2px 8px;border-radius:999px;background:var(--hi);color:var(--ink);font-size:12px;font-weight:700;line-height:1.5}

/* Lối khám phá trong bộ chọn bài (v0.9.35) */
.picker-option-explore{grid-column:1/-1;border-color:var(--accent);background:#EAEEFF}
.picker-result>p.picker-hint{margin:6px 0 14px}
.picker-work{margin-bottom:6px}
.picker-free{flex-wrap:wrap;align-items:center}
.picker-free label{flex-basis:100%;font-size:14px;font-weight:700;color:var(--muted)}
.picker-read-only{display:inline-flex;align-items:center;gap:8px;font-weight:600}
.picker-result>p.picker-note{margin:0 0 8px;font-size:13.5px;color:var(--muted)}

/* Lời mời áp dụng trong bài hướng dẫn (v0.9.35): chỉ là liên kết, bấm mới mở trang phân tích */

/* Lối vào Thạo trên menu (v0.9.80): nút nổi bật duy nhất của hàng menu, dẫn tới trang Thạo. Lối tài khoản bên cạnh chỉ là chữ. */
.nav-acct{flex:none;align-items:center}
.navbar .nav-acct a.nav-cta{display:block;margin-left:6px;padding:8px 14px;border-radius:var(--rb);background:var(--hi);color:var(--ink);font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}
.navbar .nav-acct a.nav-cta:hover{text-decoration:none;background:#fff}
.navbar .nav-acct a.nav-cta:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media (max-width:900px){.nav-acct{display:none!important}}
/* v0.9.92: đầu Thạo 3D trên nút "Nhờ Thạo giúp" của menu (cùng nhân vật với trang Thạo). Rê chuột, chạm hoặc tới bằng bàn phím thì Thạo nghiêng và nhấc nhẹ một lần; không nhấp nháy liên tục.
   Điện thoại: nút nằm trong bảng "Chuyên mục" của thanh ghim như trước, nay có hình và chữ. Không thêm hàng nút ở đầu trang vì sẽ đẩy nội dung màn hình đầu của trang chủ xuống dưới. */
.nav-cta-3d{flex:none;display:inline-block;width:34px;height:34px;background:url(/assets/thao/thao-net-t-3d-nho-v1.webp) 0 0/200% 100% no-repeat;transition:transform .18s ease}
.navbar .nav-acct a.nav-cta{display:inline-flex;align-items:center;gap:8px;padding:4px 14px 4px 8px;min-height:42px}
a.nav-cta:hover .nav-cta-3d,a.nav-cta:focus-visible .nav-cta-3d{background-position:100% 0;transform:translateY(-2px) rotate(-7deg)}
a.nav-cta:active .nav-cta-3d{background-position:100% 0;transform:scale(.92)}
@media (prefers-reduced-motion:reduce){.nav-cta-3d{transition:none}a.nav-cta:hover .nav-cta-3d,a.nav-cta:focus-visible .nav-cta-3d,a.nav-cta:active .nav-cta-3d{transform:none}}
/* Điện thoại và máy tính bảng hẹp: lối vào Thạo là một hàng nút có hình và chữ ngay trong thanh menu đầu trang (không phải tìm trong bảng "Chuyên mục"), và vẫn có trong bảng đó khi cuộn. */
@media (max-width:900px){
  .navbar .nav-in{flex-wrap:wrap;row-gap:2px}
  .navbar .nav-acct{display:flex!important;width:100%;margin:0 0 8px;padding:0;list-style:none}
  .navbar .nav-acct .nav-acct-i:not(.nav-thao){display:none!important}
  .navbar .nav-acct .nav-thao{flex:1}
  .navbar .nav-acct a.nav-cta{display:flex;justify-content:center;margin-left:0;min-height:44px;font-size:15px}
  .mbar-list a.nav-cta{gap:8px}
}
/* Ở chính trang Thạo: nút menu chỉ báo đang ở đâu, không tranh với nút gửi; đầu trang gọn để ô kể việc lên cao. */
a.nav-cta.nav-cta-here{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.55);font-weight:600;padding:4px 14px}
.mbar-list a.nav-cta.nav-cta-here{background:transparent!important;color:var(--accent-deep)!important;border:1px solid var(--line)}
.page-thao-giai-phap .site-header .mast-in{display:none}
@media (max-width:900px){
  .page-thao-giai-phap{padding-top:54px}
  .page-thao-giai-phap .navbar{display:none}
  .page-thao-giai-phap .mbar{transform:none;visibility:visible;transition:none}
}
/* Thanh điều hướng ghim khi cuộn (v0.9.35) */
.nav-brand,.nav-search,.mbar{display:none}
.nav-search-form[hidden],.mbar-panel[hidden]{display:none!important}
@media (min-width:901px){
  html{scroll-padding-top:0}
  [id]{scroll-margin-top:72px}
  .article-body h2{scroll-margin-top:76px}
  .navbar [id],.mbar [id]{scroll-margin-top:0}
  .navbar{position:sticky;top:0;z-index:30}
  .navbar.is-stuck{box-shadow:0 4px 14px rgba(16,19,26,.18)}
  .navbar.is-stuck .nav-in{gap:14px}
  .navbar.is-stuck .nav-brand{display:flex;align-items:center;flex:none;padding:12px 4px 12px 0;text-decoration:none}
  .nav-brand img{display:block;height:28px;width:auto}
  .navbar.is-stuck .site-nav li:first-child a{padding-left:18px}
  .navbar.is-stuck .site-nav a{padding-inline:14px}
  .navbar.is-stuck .nav-search{display:inline-flex;align-items:center;gap:6px;flex:none;margin-left:auto;padding:7px 12px;border-radius:var(--rb);background:rgba(255,255,255,.16);font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}
  .navbar.is-stuck .nav-search:hover,.navbar.is-stuck .nav-search[aria-expanded="true"]{background:rgba(255,255,255,.28)}
  .nav-search-form{position:absolute;left:0;right:0;top:100%;background:var(--accent-deep);box-shadow:0 8px 18px rgba(16,19,26,.2)}
  .nav-search-in{display:flex;gap:10px;padding:10px 0}
  .nav-search-in input{flex:1;min-width:0;font:inherit;font-size:15px;padding:9px 14px;border:0;border-radius:var(--rb);background:#fff;color:var(--ink)}
  .article-side{top:72px;max-height:calc(100vh - 92px);max-height:calc(100dvh - 92px)}
}
@media (min-width:901px) and (max-width:1120px){
  .navbar.is-stuck .site-nav a{padding-inline:10px;font-size:15px}
}
/* Màn hình máy tính hẹp (901 đến 1120px): thanh ghim chật, nên hình và khoảng cách thu lại một chút để không tràn. */
@media (min-width:901px) and (max-width:1120px){
  .nav-cta-3d{width:30px;height:30px}
  .navbar .nav-acct a.nav-cta{gap:6px;padding:4px 10px 4px 6px;min-height:40px}
  .navbar.is-stuck .nav-in{gap:8px}
  .navbar.is-stuck .site-nav a{padding-inline:8px}
}
@media (max-width:900px){
  [id]{scroll-margin-top:68px}
  .article-body h2{scroll-margin-top:72px}
  .navbar [id],.mbar [id]{scroll-margin-top:0}
  .mbar{display:block;position:fixed;top:0;left:0;right:0;z-index:50;background:var(--accent);color:#fff;box-shadow:0 4px 14px rgba(16,19,26,.2);transform:translateY(-110%);visibility:hidden;transition:transform .2s ease,visibility .2s}
  .mbar.is-on{transform:none;visibility:visible}
  .mbar-in{display:flex;align-items:center;gap:8px;min-height:54px}
  .mbar-brand{flex:1;min-width:0;display:flex;align-items:center;min-height:44px;text-decoration:none}
  .mbar-brand img{display:block;height:24px;width:auto;max-width:100%;object-fit:contain;object-position:left center}
  .mbar-btn{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:44px;padding:0 12px;border:0;border-radius:var(--rb);background:rgba(255,255,255,.16);color:#fff;font:700 15px/1 var(--body);text-decoration:none;cursor:pointer}
  .mbar-btn[aria-expanded="true"]{background:rgba(255,255,255,.3)}
  .mbar-caret{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid currentColor;transition:transform .15s}
  .mbar-btn[aria-expanded="true"] .mbar-caret{transform:rotate(180deg)}
  .mbar-panel{background:#fff;color:var(--ink);border-bottom:1px solid var(--line);box-shadow:0 12px 24px rgba(16,19,26,.16);max-height:calc(100vh - 54px);max-height:calc(100dvh - 54px);overflow-y:auto}
  .mbar-list{list-style:none;margin-block:0;padding:4px 0 8px}
  .mbar-list li+li{border-top:1px solid var(--line)}
  .mbar-list a{display:flex;align-items:center;min-height:48px;color:var(--ink);font-weight:700;font-size:16px;text-decoration:none}
  .mbar-list a[aria-current]{color:var(--accent-deep)}
  .mbar-list a.nav-cta{justify-content:center;margin:10px 0;border-radius:var(--rb);background:var(--hi);color:var(--ink)}
  .mbar-list a.nav-cta:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
  .mbar-search-in{display:flex;gap:8px;padding:12px 0}
  .mbar-search-in input{flex:1;min-width:0;font:inherit;font-size:16px;padding:10px 14px;border:2px solid var(--ink);border-radius:var(--rb);background:#fff}
}
@media (max-width:360px){.mbar-brand img{height:20px}.mbar-btn{padding:0 9px;font-size:14px}}
@media (prefers-reduced-motion:reduce){.mbar{transition:none}}
@media print{.mbar{display:none!important}.navbar{position:static!important}}
@media (max-width:340px){.mbar-in{gap:6px}.mbar-btn{padding:0 8px;font-size:13.5px}.mbar-btn .ic{display:none}}

/* v0.9.36: AI theo ngành (/theo-nganh/), lối vào từ AI theo công việc, bộ chọn bài và cuối bài */
.picker-alts{display:flex;flex-wrap:wrap;align-items:center;gap:0 24px}
.picker-alt{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;padding:8px 0;border:0;background:transparent;color:var(--accent-deep);font:600 15px var(--body);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.picker-nganh{margin:14px 0 0}
.nganh-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 24px}
.nganh-tile{display:flex;flex-direction:column;gap:8px;padding:20px 22px;border:1px solid var(--line);border-radius:var(--rb);background:#fff;color:var(--ink);text-decoration:none;transition:border-color var(--motion) ease,transform var(--motion) ease}
.nganh-tile:hover{border-color:var(--accent);transform:translateY(-2px)}
.nganh-tile-t{font-weight:700;font-size:20px;line-height:1.3;color:var(--accent)}
.nganh-tile-d{font-size:15px;line-height:1.55;color:var(--muted)}
.nganh-tile-go{margin-top:auto;font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:6px}
.nganh-back{margin:0 0 12px}
.nganh-back a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--accent-deep)}
.nganh-sec{margin:0 0 32px}
.nganh-links{display:flex;flex-direction:column;gap:4px;margin:16px 0 0}
.nganh-links a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:600;color:var(--accent-deep)}
@media (max-width:640px){.nganh-tiles{grid-template-columns:1fr}}

/* v0.9.39: khám phá dạng thẻ hướng dẫn + khung Thạo + Nét T v1.0 */
.picker-work .picker-option{justify-content:flex-start}
.picker-work .picker-option>span:nth-child(2){flex:1}
.picker-work-ic{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;border-radius:50%;background:#EAEEFF}
.picker-work-ic .ic{width:20px;height:20px;color:var(--accent)}
.explore-head{display:flex;align-items:center;gap:14px;margin:0 0 16px}
.explore-head .kicker{margin:0}
.explore-head h2{margin:2px 0 0}
.explore-ic{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;flex:none;border-radius:14px;background:var(--accent);color:#fff}
.explore-ic .ic{width:28px;height:28px}
.explore-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"guides thao";gap:20px;align-items:start}
.explore-guides{grid-area:guides;min-width:0}
.explore-guides>.picker-note{margin:0 0 10px;font-size:13.5px;color:var(--muted)}
.guide-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.guide-card{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:var(--pill);background:#fff;transition:border-color var(--motion) ease,transform var(--motion) ease,box-shadow var(--motion) ease}
.guide-card:hover,.guide-card:focus-within{border-color:var(--accent);box-shadow:0 6px 18px rgba(36,72,255,.12)}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.guide-card:hover{transform:translateY(-2px)}}
.guide-card.is-start{border-color:var(--accent);box-shadow:inset 0 3px 0 var(--hi)}
.guide-ic{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#EAEEFF}
.guide-ic .ic{width:20px;height:20px;color:var(--accent)}
.guide-flag{position:absolute;top:16px;right:16px;padding:2px 8px;border-radius:999px;background:var(--hi);color:var(--ink);font-size:12px;font-weight:700;line-height:1.5}
.guide-t{margin:4px 0 0;font-size:16px;line-height:1.35}
.guide-t a{color:var(--ink);text-decoration:none}
.guide-t a::after{content:"";position:absolute;inset:0;border-radius:var(--pill)}
.guide-t a:focus-visible{outline:none}
.guide-card:focus-within{outline:3px solid var(--ink);outline-offset:2px}
.guide-d{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}
.guide-go{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--accent-deep)}
.guide-go .ic{width:16px;height:16px}
.thao-box{grid-area:thao;position:relative;padding:18px;border-radius:var(--pill);background:var(--accent);color:#fff;overflow:hidden}
.thao-box::before{content:"";position:absolute;right:-28px;top:-28px;width:96px;height:96px;border-radius:50%;background:var(--hi);opacity:.9}
.thao-box>*{position:relative}
.thao-box-moi{margin:0 0 12px;padding-right:56px;font-size:13.5px;font-weight:700;letter-spacing:.01em;color:#DCE3FF}
.thao-box-main{display:flex;gap:12px;align-items:flex-start}
.thao-box-face{flex:none;width:56px;height:56px;border-radius:50%;background:#fff;padding:4px}
.thao-box-ten{margin:0 0 4px;font-size:13px;font-weight:700;color:var(--hi)}
.thao-box-cau{margin:0;font-size:15.5px;font-weight:600;line-height:1.45;color:#fff}
.thao-box-btn{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin-top:14px;background:var(--hi);color:var(--ink);border:0;font-weight:700;text-decoration:none}
.thao-box-btn:hover{background:#fff;color:var(--ink)}
.thao-box-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.thao-box-phu{margin:8px 0 0;text-align:center;font-size:13px;color:#DCE3FF}
.picker-result-actions-quiet{margin-top:14px}
.picker-result-actions-quiet .picker-reset{font-weight:500;color:var(--muted)}
@media (max-width:900px){
  .explore-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"thao" "guides";gap:14px}
  .thao-box{padding:14px}
  .thao-box::before{width:72px;height:72px;right:-24px;top:-24px}
  .thao-box-moi{margin-bottom:8px}
  .thao-box-face{width:44px;height:44px}
  .thao-box-cau{font-size:15px}
  .thao-box-btn{margin-top:12px}
  .guide-cards{grid-template-columns:minmax(0,1fr)}
  .guide-card{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:12px;row-gap:4px;padding:14px}
  .guide-ic{grid-column:1;grid-row:1 / span 4}
  .guide-flag,.guide-t,.guide-d,.guide-go{grid-column:2}
  .guide-flag{position:static;justify-self:start}
  .guide-t{margin:0}
  .guide-go{padding-top:2px}
}
.thao-avatar{flex:none;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.14)}
.thao-head{justify-content:flex-start}
.thao-head .thao-id{flex:1;min-width:0}
.thao-head .thao-title span{margin-left:0}
.thao-typing{display:inline-flex;align-items:center;gap:8px}
.thao-typing-face{flex:none;width:28px;height:28px}
.tgp-face{margin:0;display:flex;flex-direction:column;align-items:center;gap:8px}
.tgp-face img{width:160px;height:160px}
.tgp-face figcaption{font-weight:700;color:var(--hi);font-size:15px}
.tgp-status-face{flex:none;width:32px;height:32px}
@media (max-width:900px){.tgp-face{flex-direction:row;justify-content:flex-start;gap:12px;margin-top:4px}.tgp-face img{width:72px;height:72px}}

/* v0.9.39: khu kết bài (áp dụng bài với Thạo là vùng chính, góp ý là dải phụ) */
.article-end{margin:28px 0 0;border:1px solid var(--line);border-radius:var(--pill);background:#fff;overflow:hidden}
.apply-invite{display:flex;gap:18px;align-items:flex-start;padding:22px 24px;background:#EEF1FF;border-top:4px solid var(--accent)}
.apply-face{flex:none;width:72px;height:72px;border-radius:50%;background:#fff;padding:6px;box-shadow:0 0 0 3px var(--hi)}
.apply-main{min-width:0}
.apply-q{margin:0 0 6px;font-size:20px;font-weight:700;line-height:1.35;color:var(--ink)}
.apply-d{margin:0 0 14px;font-size:16px;line-height:1.55;color:var(--ink);max-width:60ch}
.apply-act{margin:0}
.apply-btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:11px 18px;background:var(--accent);color:#fff;border:0;border-radius:var(--rb);font-weight:700;text-decoration:none;white-space:normal}
.apply-btn:hover{background:var(--accent-deep);color:#fff}
.apply-btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.article-feedback{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;padding:14px 24px;border-top:1px solid var(--line);background:#fff}
.article-end:not(.has-apply) .article-feedback{border-top:0}
.article-feedback p{margin:0}
.fb-q{display:flex;align-items:center;gap:10px;font-size:15.5px}
.fb-ic{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border-radius:50%;background:var(--soft);color:var(--accent-deep)}
.fb-ic .ic{width:18px;height:18px}
.fb-act{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.article-feedback-btn{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 14px;border:1.5px solid var(--accent);border-radius:var(--rb);background:#fff;color:var(--accent-deep);font:600 15px/1.2 var(--body);text-decoration:none}
.article-feedback-btn:hover{background:#EEF1FF}
.article-feedback-btn .ic{width:17px;height:17px;fill:currentColor}
.fb-direct{display:inline-flex;align-items:center;min-height:44px;font-size:15px;color:var(--ink);text-underline-offset:3px}
.article-feedback-btn:focus-visible,.fb-direct:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
@media (max-width:640px){
  .apply-invite{flex-direction:column;gap:12px;padding:18px 16px}
  .apply-face{width:56px;height:56px}
  .apply-q{font-size:18px}
  .apply-btn{display:flex;justify-content:center;width:100%}
  .article-feedback{flex-direction:column;align-items:stretch;padding:14px 16px}
  .fb-act{flex-direction:column;align-items:stretch;gap:4px}
  .article-feedback-btn{justify-content:center}
  .fb-direct{justify-content:center}
}


/* v0.9.43: Thạo nối tiếp khi chưa tìm thấy (tìm kiếm, danh sách, cuối bài) và trang giới thiệu Thạo */
.thao-noi{display:grid;grid-template-columns:auto 1fr;gap:18px 22px;align-items:start;margin:4px 0 26px;padding:22px 24px;border-radius:var(--pill);background:#EEF1FF;border-top:4px solid var(--accent)}
.thao-noi-id{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:96px}
.thao-noi-id img{width:72px;height:72px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px var(--hi)}
.thao-noi-id span{font-size:13px;font-weight:700;color:var(--accent-deep);text-align:center}
.thao-noi-h{margin:0 0 6px;font-size:22px;line-height:1.3;color:var(--ink)}
.thao-noi-d{margin:0;font-size:16px;line-height:1.55;color:var(--ink)}
.thao-noi-act{margin:14px 0 0}
.thao-noi-btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 22px;background:var(--accent);color:#fff;border:0;font-weight:700;text-decoration:none}
.thao-noi-btn:hover{background:var(--accent-deep);color:#fff}
.thao-noi-fine{margin:8px 0 0;font-size:14px;color:var(--muted)}
.thao-noi-about{margin:10px 0 0}
.thao-about,.apply-about{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:15px;font-weight:600;color:var(--accent-deep);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}
.thao-about .ic,.apply-about .ic{width:14px;height:14px}
.thao-about:hover,.apply-about:hover{text-decoration-color:currentColor}
.apply-act{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}
.suggest-h{margin:0 0 8px;font-size:15px;color:var(--muted)}
.thao-more{display:grid;grid-template-columns:44px 1fr auto;gap:12px 16px;align-items:center;margin:24px 0;padding:14px 16px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--rb);background:#fff}
.thao-more[hidden]{display:none}
.thao-more-face{width:44px;height:44px;border-radius:50%;background:#EEF1FF}
.thao-more-h{margin:0;font-weight:700;font-size:16px;color:var(--ink)}
.thao-more-d{margin:2px 0 0;font-size:15px;line-height:1.5;color:var(--muted)}
.thao-more-act{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:0;justify-content:flex-end}
.thao-more-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;background:var(--accent);color:#fff;border:0;font-weight:700;text-decoration:none;white-space:nowrap}
.thao-more-btn:hover{background:var(--accent-deep);color:#fff}
.thao-noi-btn:focus-visible,.thao-more-btn:focus-visible,.thao-about:focus-visible,.apply-about:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
@media (max-width:760px){
  .thao-noi{grid-template-columns:1fr;padding:18px 16px;gap:12px}
  .thao-noi-id{flex-direction:row;min-width:0;gap:10px}
  .thao-noi-id img{width:48px;height:48px}
  .thao-noi-h{font-size:20px}
  .thao-noi-btn{width:100%;justify-content:center}
  .thao-more{grid-template-columns:44px 1fr}
  .thao-more-act{grid-column:1 / -1;justify-content:flex-start}
  .thao-more-btn{width:100%;justify-content:center}
}
.vt{padding-bottom:40px}
.vt-cta{margin:0 0 32px;padding:20px 22px;border-radius:var(--pill);background:#EEF1FF;border-top:4px solid var(--accent)}
.vt-ctx{margin:0 0 12px;font-size:16px}
.vt-act{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin:0}
.vt-btn{min-height:48px;display:inline-flex;align-items:center;gap:8px}
.vt-back{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--accent-deep)}
.vt-fine{margin:12px 0 0;font-size:14px;line-height:1.55;color:var(--muted)}
.vt-sec{margin:0 0 32px;max-width:860px}
.vt-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;counter-reset:vt}
.vt-3 li{position:relative;padding:18px 18px 18px 18px;border:1px solid var(--line);border-radius:var(--rb);background:#fff;line-height:1.55;counter-increment:vt}
.vt-3 li::before{content:counter(vt);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-bottom:8px;border-radius:50%;background:var(--hi);font-weight:700}
.vt-3 b{display:block;margin-bottom:6px;font-size:17px}
.vt-vd{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.vt-vd-i{padding:16px 18px;border-left:4px solid var(--hi);background:var(--soft);border-radius:var(--rb)}
.vt-vd-i p{margin:0;line-height:1.55}
.vt-vd-t{font-weight:700;margin-bottom:6px!important}
.vt-list{margin:0;padding-left:20px;line-height:1.6}
.vt-list li{margin:0 0 8px}
.vt-promise p{font-size:17px;line-height:1.6;margin:0}
.vt-sec.vt-3,.vt-sec{scroll-margin-top:80px}
@media (max-width:900px){.vt-3{grid-template-columns:1fr}.vt-vd{grid-template-columns:1fr}}
@media (max-width:640px){.vt-cta{padding:16px}.vt-btn{width:100%;justify-content:center}}
#search-empty.empty{padding:0;background:none}
#search-empty .suggest-h{margin-top:4px}

/* v0.9.44: khu điều hướng thống nhất đầu AI theo công việc: "Theo ngành" (mở trang ngành) + "Theo nhóm công việc" (nhảy tới mục). Không hiện số bài. */
.lmv-nav{margin:0 0 28px;padding:6px 16px;background:var(--soft);border-left:4px solid var(--accent);border-radius:var(--rb)}
.lmv-nav>nav{display:grid;grid-template-columns:200px minmax(0,1fr);gap:10px 16px;align-items:start;padding:12px 0}
.lmv-nav>nav+nav{border-top:1px solid var(--line)}
.lmv-row-h{display:flex;align-items:center;gap:8px;min-height:44px;margin:0;font-weight:700;font-size:15px;color:var(--ink)}
.lmv-ic{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--hi);color:var(--ink)}
.lmv-ic .ic{width:16px;height:16px}
.lmv-nav .lmv-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.lmv-nav .lmv-list li{display:flex}
.lmv-nav .lmv-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:var(--pill);background:#fff;color:var(--ink);font:600 14.5px/1.3 var(--body);text-decoration:none;transition:border-color var(--motion) ease,background-color var(--motion) ease}
.lmv-nav .nganh-chip{color:var(--accent-deep)}
.lmv-nav .lmv-chip .ic{width:14px;height:14px;flex:none}
.lmv-nav .lmv-jump::after{content:"";flex:none;width:14px;height:14px;background:currentColor;opacity:.55;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M208.49,152.49l-72,72a12,12,0,0,1-17,0l-72-72a12,12,0,0,1,17-17L116,187V40a12,12,0,0,1,24,0V187l51.51-51.52a12,12,0,0,1,17,17Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M208.49,152.49l-72,72a12,12,0,0,1-17,0l-72-72a12,12,0,0,1,17-17L116,187V40a12,12,0,0,1,24,0V187l51.51-51.52a12,12,0,0,1,17,17Z'/%3E%3C/svg%3E") center/contain no-repeat}
.lmv-nav .lmv-chip:hover{border-color:var(--accent);background:#EEF1FF}
.lmv-nav .lmv-all a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 4px;color:var(--ink);font-weight:600;font-size:14.5px;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}
.lmv-nav .lmv-all a:hover{color:var(--accent-deep);text-decoration-color:currentColor}
.lmv-nav .lmv-all .ic{width:14px;height:14px}
.lmv-nav a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
@media (max-width:900px){
  .lmv-nav{padding:4px 12px}
  .lmv-nav>nav{grid-template-columns:1fr;gap:6px}
  .lmv-row-h{min-height:32px}
  .lmv-nav .lmv-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lmv-nav .lmv-list li:last-child:nth-child(odd){grid-column:1 / -1}
}
@media (max-width:340px){.lmv-nav .lmv-chip{padding:8px 10px;font-size:14px}}
@media (prefers-reduced-motion:reduce){.lmv-nav .lmv-chip{transition:none}}
/* Trang Giới thiệu, khối "Chưa biết bắt đầu từ đâu?" trang Giới thiệu: nút chính tới trang Thạo, liên kết phụ tới trang giới thiệu Thạo. */
.about-cta{align-items:center}
.about-cta-link{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.about-cta-link:hover{text-decoration-thickness:2px}
/* Điện thoại: liên kết phụ xuống dòng riêng, sát lề trái, để không nằm dưới nút nổi "Trợ lý AI" ở góc phải. */
@media (max-width:600px){.about-cta{flex-direction:column;align-items:flex-start;gap:8px}.about-cta-link{width:max-content;max-width:100%}}

/* v0.9.62: dòng "Tìm theo cách khác" cuối trang ngành là điều hướng phụ, không dùng cỡ tiêu đề */
.nganh-foot-p{margin:0;font-size:16px;line-height:1.6;color:var(--ink)}
.nganh-foot-h{color:var(--muted);font-weight:500;font-size:15px;margin-right:4px}

/* v0.9.63: trạng thái "Thạo đang xử lý" ở /thao/ và khung Thạo nổi.
   Nền xanh rất nhạt, viền xanh rõ, chữ đậm màu thân bài (không còn trông như bị vô hiệu hóa);
   vòng sáng xanh chậm quanh Thạo và vạch tải không xác định (không phần trăm, không thời gian dự kiến).
   Trạng thái lỗi + "Thử lại" không dùng các lớp này nên vẫn tĩnh. */
:root{--busy-bg:#EEF2FF;--busy-line:#8FA1FF}
.tgp-card:has(> .tgp-status){background:var(--busy-bg);border-color:var(--busy-line);box-shadow:inset 4px 0 0 var(--accent)}
.tgp-status{display:flex;align-items:center;gap:14px;margin:0;color:var(--ink);font-weight:600}
.tgp-status-body,.thao-typing-t{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}
.tgp-status-ring,.thao-typing-ring{position:relative;flex:none;display:inline-flex;border-radius:50%;background:#fff}
.tgp-status-ring::after,.thao-typing-ring::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--accent);opacity:.25;animation:thao-busy-ring 2.4s ease-in-out infinite}
@keyframes thao-busy-ring{0%,100%{opacity:.2;transform:scale(.94)}50%{opacity:.75;transform:scale(1.06)}}
.thao-load-bar{display:block;position:relative;height:4px;width:100%;max-width:280px;border-radius:4px;background:#D5DDFF;overflow:hidden}
.thao-load-bar > span{position:absolute;top:0;bottom:0;left:0;width:34%;border-radius:4px;background:var(--accent);animation:thao-busy-bar 1.8s ease-in-out infinite}
@keyframes thao-busy-bar{0%{transform:translateX(-110%)}100%{transform:translateX(310%)}}
.thao-typing{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--busy-line);border-left:4px solid var(--accent);border-radius:var(--rb);background:var(--busy-bg);color:var(--ink)!important;font-style:normal!important;font-weight:600}
.thao-typing-t{gap:6px}
@media (prefers-reduced-motion:reduce){
  .tgp-status-ring::after,.thao-typing-ring::after{animation:none;opacity:.6;transform:none}
  .thao-load-bar{display:none}
}

/* ===== Đợt B (nhóm 10–16, 24) ===== */
/* Danh sách theo đợt: dòng trạng thái và nút xem thêm */
.list-pager{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:20px 0 8px}
.list-status{margin:0;font-size:15px;font-weight:600;color:var(--muted)}
.list-status:empty{display:none}
.btn.list-more{min-height:44px;max-width:100%;white-space:normal;text-align:center}
.btn.list-more[hidden],[data-chip-more][hidden]{display:none}
.list-h{font:700 20px/1.3 var(--display);margin:8px 0 12px}
/* Bộ lọc tác vụ: 8 thẻ đầu, phần còn lại mở bằng nút */
.filter .chip-btn{min-height:44px}
.filter.has-more:not(.is-open) .chip-extra:not(.is-active){display:none}
.chip-more{font:600 14px var(--body);min-height:44px;padding:7px 14px;border-radius:var(--pill);border:1.5px dashed var(--muted);background:#fff;color:var(--ink);cursor:pointer}
.chip-more:hover{border-color:var(--ink)}
.result-count.is-shown{display:block}
/* Lộ trình nhập môn */
.lo-trinh{margin:0 0 28px;padding:20px;border:2px solid var(--ink);border-radius:var(--rb);background:#fff}
.lo-trinh-h{font:700 20px/1.3 var(--display);margin:0 0 14px}
.lo-trinh-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.lo-trinh-item{display:flex;flex-direction:column;gap:4px;height:100%;padding:14px;border:1.5px solid var(--line);border-radius:var(--rb);text-decoration:none;color:var(--ink);min-height:44px}
.lo-trinh-item:hover{border-color:var(--accent)}
.lo-trinh-n{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--hi);font-weight:800}
.lo-trinh-b{font-weight:800;font-size:15px}
.lo-trinh-t{font-size:15px;color:var(--muted);line-height:1.45}
.lo-trinh-next{margin:14px 0 0;font-size:15px;color:var(--muted)}
@media (max-width:899px){.lo-trinh-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:479px){.lo-trinh-list{grid-template-columns:1fr}.lo-trinh{padding:16px}}
/* Hướng dẫn: ô tìm trong danh sách */
.hd-search{margin:0 0 14px;max-width:640px}
.hd-search label{display:block;font-weight:700;font-size:15px;margin:0 0 6px}
.hd-search input{width:100%;min-height:48px;font:500 16px var(--body);color:var(--ink);padding:10px 12px;border:2px solid #6B7280;border-radius:var(--rb);background:#fff}
/* Thẻ bài: dòng phụ của tiêu đề và Bạn nhận được */
.card-sub{margin:-2px 0 6px;font-size:15px;font-weight:600;color:var(--ink);line-height:1.45}
.card-gain{margin:0 0 6px;font-size:15px;line-height:1.5;color:var(--ink)}
.card-gain-h{font-weight:800}
/* Nhóm 10, 11: trang danh sách đưa lộ trình/bộ lọc lên gần màn đầu: phần đầu gọn, ảnh minh họa thấp hơn (không đổi màu, chữ hay ảnh) */
.page-list-bat-dau .page-hero-in,.page-list-dang-quan-tam .page-hero-in,.page-list-huong-dan .page-hero-in{padding:24px 0 26px;gap:28px}
.page-list-bat-dau .page-hero-img img,.page-list-dang-quan-tam .page-hero-img img{aspect-ratio:16/7;max-height:240px}
.page-list-bat-dau .page-hero h1,.page-list-dang-quan-tam .page-hero h1,.page-list-huong-dan .page-hero h1{margin:10px 0 8px}
@media (max-width:899px){.page-list-bat-dau .page-hero-img,.page-list-dang-quan-tam .page-hero-img{display:none}}
/* Hình brand đầu trang chuyên mục (Tim chốt 05/10/2026): cột phải, giữ nguyên tỷ lệ ảnh 8:5, không cắt; điện thoại ẩn và không tải */
.page-hero-img.page-hero-brand{justify-self:end;width:100%;max-width:440px}
.page-hero-brand picture{display:block}
.page-hero-img.page-hero-brand img{aspect-ratio:1120/701;object-fit:contain;max-height:none;height:auto;width:100%;display:block}
.page-list-huong-dan .page-hero-img.page-hero-brand{max-width:400px}
.page-hero-img.page-hero-brand{position:relative}
.page-hero-brand .hero-ai-note{position:absolute;left:10px;bottom:10px;margin:0;padding:4px 10px;border-radius:999px;background:rgba(16,19,26,.78);color:#fff;font-size:12px;line-height:1.3;font-weight:600;letter-spacing:.01em;pointer-events:none}
@media (max-width:900px){.page-hero-img.page-hero-brand{display:none}}
/* Nhóm 12: thẻ ngành gọn, chọn vai trò, việc nhỏ trong nhóm */
.nganh-tile-who{display:block;font-size:15px;line-height:1.45;color:var(--ink);margin:6px 0 8px}
.nganh-tile-k{display:block;font-size:12.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.nganh-tile-who .nganh-tile-k{display:inline;margin-right:4px}
.nganh-tile-out{margin:4px 0 10px;padding-left:18px;font-size:15px;line-height:1.45;color:var(--ink)}
.nganh-tile-out li{margin:2px 0}
.vai-filter{margin:8px 0 18px}
.vai-h{font-weight:800;margin:0 0 8px}
.job-sub{margin:0 0 14px}
/* Nhóm 13: cụm bài 1–3 bước */
.cum-lead{margin:-6px 0 14px;color:var(--muted);font-size:15px}
.cum-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cum{border:1.5px solid var(--line);border-radius:var(--rb);padding:16px 18px;background:#fff}
.cum-t{font:700 18px/1.35 var(--display);margin:0 0 2px}
.cum-n{margin:0 0 10px;font-size:13px;font-weight:700;color:var(--muted)}
.cum-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cum-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start}
.cum-i{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--hi);font-weight:800;font-size:14px}
.cum-a{font-weight:700;color:var(--ink);line-height:1.4;display:inline-block;padding:2px 0}
.cum-gain{margin:4px 0 0;font-size:14.5px;line-height:1.45;color:var(--muted)}
@media (max-width:899px){.cum-grid{grid-template-columns:1fr}}
/* Nhóm 15: trang chủ. Dòng lợi ích của bài nổi bật; trên màn hẹp tiêu đề và lợi ích đứng trước video/ảnh. */
.lead-gain{margin:10px 0 0;max-width:60ch;color:#fff;font-size:15.5px}
.lead-gain .card-gain-h{color:var(--hi);font-weight:700}
@media (max-width: 899px){
  .lead-media{display:grid;aspect-ratio:auto;grid-template-columns:1fr}
  .lead-over{position:static;grid-row:1;grid-column:1;padding:18px;background:var(--ink)}
  .lead-media video,.lead-media>img{position:static;grid-row:2;grid-column:1;aspect-ratio:16/10;height:auto}
  .lead-media .vbtn{position:relative;grid-row:2;grid-column:1;justify-self:end;align-self:start;margin:10px;top:auto;right:auto;bottom:auto}
  .lead-h{margin-top:10px}
}
/* Nhóm 17: vòng focus nhìn thấy trên mọi nền. Nền cobalt/đen: vòng trắng (tương phản 6,6:1 với cobalt); nút lime nằm trên nền trắng giữ vòng mực. */
:is(.navbar,.mbar,.band,.home-method,.page-hero,.g-hero,.thao-box,.util,.site-footer,.lead-over,figure.prompt,.sheet-logo-dark,.tgp-first) :focus-visible{outline-color:#fff}
:is(.btn-hi,.copy-btn,.chip-hi):focus-visible{outline:3px solid var(--ink);outline-offset:2px}
:is(.navbar,.mbar,.page-hero,.g-hero,.home-method,.band) :is(.btn-hi,.nav-cta):focus-visible{outline-color:#fff}
.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible,.header-search input:focus-visible,.hd-search input:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-color:var(--ink)}
/* Nhóm 18: lỗi bằng chữ, có biểu tượng chữ, không chỉ dựa vào màu. */
.field-err{margin:6px 0 0;font-size:14.5px;font-weight:600;color:#B42318}
.field-err::before{content:"Lỗi: ";font-weight:700}
.field [aria-invalid="true"]{border-color:#B42318}
/* Nhóm 21: mục lục ngắn cho trang chính sách dài. */
.static-toc{margin:0 0 28px;padding:16px 18px;border:2px solid var(--ink);border-radius:var(--rb);background:#fff}
.static-toc ol{margin:6px 0 0;padding-left:20px}
.static-toc li{margin:4px 0}
/* Chống nháy danh sách: khi có JS, trước lúc chia đợt xong chỉ hiện đợt đầu (không JS thì hiện đủ). */
.js [data-paged]:not([data-ready])>.card:nth-child(n+16){display:none}
.js [data-job-paged]:not([data-ready])>.card:nth-child(n+7){display:none}

/* ---------- kênh chính thức: chân trang và trang Giới thiệu ---------- */
.footer-social{margin-top:20px}
.social-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.site-footer .social-links li a.social-link,.social-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border-radius:999px;font-weight:600;font-size:15px;line-height:1.2;text-decoration:none}
.site-footer .social-links a.social-link{border:1px solid rgba(255,255,255,.28);color:#fff}
.site-footer .social-links a.social-link:hover{border-color:var(--hi);color:var(--hi)}
.site-footer .social-links a.social-link:focus-visible{outline:3px solid #fff;outline-offset:2px}
.social-ic{flex:none;width:20px;height:20px}
.about-social{margin:12px 0 8px}
.about-social a.social-link{border:1px solid var(--line);color:var(--ink);background:#fff}
.about-social a.social-link:hover{border-color:var(--accent);color:var(--accent)}
.about-social .social-handle{font-weight:400;font-size:14px;color:var(--muted,#4B5563)}
@media (max-width:420px){.social-links{gap:8px}.social-links li{flex:1 1 calc(50% - 4px)}.social-links a.social-link{width:100%;justify-content:flex-start}}
.prose ul.social-links{list-style:none;padding:0;margin:12px 0 8px}
.prose ul.social-links li{margin:0;padding:0}
.prose ul.social-links li::before{content:none}
.prose .about-social a.social-link{text-decoration:none;color:var(--ink)}

/* ---------- Vòng xoay Bài nổi bật trang chủ ----------
   Thẻ: ảnh bìa 16:9 nguyên khung ở trên, chữ trên nền mực ở dưới (bìa có chữ nên không phủ chữ lên ảnh).
   Có JS: ba thẻ chồng cùng một ô lưới nên chiều cao cố định theo thẻ cao nhất. Không JS: chỉ thẻ đầu + danh sách link. */
.hero-rot{position:relative;min-width:0}
.hero-stage{position:relative;overflow:hidden}
.hero-stage>.lead{min-width:0}
.hero-card{position:relative;display:flex;flex-direction:column;height:100%;background:var(--ink);color:#fff}
.hero-img{position:relative;aspect-ratio:16/9;overflow:hidden;background:#1D2230}
.hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-body{flex:1;padding:22px 28px 30px}
.hero-body .lead-h{font-size:clamp(28px,2.7vw,40px);max-width:26ch;margin:12px 0 10px}
.hero-body .lead-h a{color:#fff}
.hero-body .meta-line{color:#E5E7EB}
.hero-card:hover .lead-h a{text-decoration:underline;text-decoration-color:var(--hi);text-decoration-thickness:4px;text-underline-offset:6px}
.hero-card :focus-visible{outline-color:#fff}
html.js .hero-stage,.hero-rot[data-ready] .hero-stage{display:grid}
html.js .hero-stage>.lead,.hero-rot[data-ready] .hero-stage>.lead{grid-area:1/1}
.hero-stage>.lead[aria-hidden="true"]{visibility:hidden}
.hero-stage>.lead.is-leaving,.hero-stage>.lead.is-entering{visibility:visible}
.hero-stage>.lead.is-entering{z-index:2}
.hero-list{display:none}
html:not(.js) .hero-rot:not([data-ready]) .hero-stage>.lead:not(:first-child),
html:not(.js) .hero-rot:not([data-ready]) .hero-top,
html:not(.js) .hero-rot:not([data-ready]) :is(.hero-thao,.hero-edge-clip){display:none}
html:not(.js) .hero-rot:not([data-ready]) .hero-list{display:block;margin:12px 0 0;padding:0 0 0 22px;font-weight:600}
.hero-list li{margin:6px 0}
/* Bộ chọn trên thẻ (Tim chốt 06/10/2026): Nổi bật n/4 + trước, dừng hoặc tiếp tục, sau; 4 nút tên ngắn; thanh tiến trình 4 đoạn
   với "Tiếp theo" và thời gian còn lại, ngay trên thẻ. Điện thoại (≤599px): "Chọn bài" mở danh sách đủ tên. Vùng bấm tối thiểu 44px. */
.hero-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"name time btns" "picks picks picks" "tracks tracks tracks";align-items:center;column-gap:16px;margin:0 0 10px}
.hero-name{grid-area:name;display:flex;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:800;line-height:1.2;color:var(--ink);white-space:nowrap}
.hero-name::before{content:"";flex:none;width:4px;height:18px;background:var(--accent)}
.hero-count{font-size:13px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}
.hero-btns{grid-area:btns;display:flex;align-items:center;gap:6px}
.hero-btn{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1.5px solid var(--line);border-radius:var(--rb);background:#fff;color:var(--ink);cursor:pointer;transition:border-color var(--motion),background-color var(--motion)}
.hero-btn:hover{border-color:var(--ink);background:var(--soft)}
.hero-btn .ic{width:20px;height:20px}
.hero-btn[data-hero-pause] .ic+.ic{display:none}
.hero-btn[data-hero-pause][data-paused] .ic{display:none}
.hero-btn[data-hero-pause][data-paused] .ic+.ic{display:block}
.hero-picks{grid-area:picks;display:grid;grid-template-columns:repeat(var(--hero-n,4),minmax(0,1fr));gap:6px;margin:8px 0 8px}
.hero-pick{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-width:0;min-height:52px;padding:6px 10px;border:1.5px solid var(--line);border-radius:var(--rb);background:#fff;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--motion),border-color var(--motion),color var(--motion)}
.hero-pick-k{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);line-height:1.2}
.hero-pick-t{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:100%;font-size:14px;font-weight:700;line-height:1.25}
.hero-pick-f{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;margin:-1px}
.hero-pick:hover{border-color:var(--ink)}
.hero-pick[aria-current="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.hero-pick[aria-current="true"] .hero-pick-k{color:#E3E9FF}
.hero-menu-btn{display:none}
.hero-time-l{grid-area:time;display:flex;align-items:baseline;justify-content:flex-end;gap:6px 14px;min-width:0;margin:0;font-size:13px;line-height:1.35;color:var(--muted)}
.hero-next{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero-left{flex:none;white-space:nowrap;font-variant-numeric:tabular-nums}
.hero-rot[data-state="dung"] .hero-left{color:var(--ink);font-weight:600}
.hero-tracks{grid-area:tracks;display:grid;grid-template-columns:repeat(var(--hero-n,4),minmax(0,1fr));gap:6px}
.hero-track{display:block;height:4px;background:var(--line);overflow:hidden}
.hero-track-fill{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left center}
:is(.hero-pick,.hero-btn,.hero-menu-btn):focus-visible{outline:3px solid var(--accent);outline-offset:2px}
@media (max-width: 599px){
  .hero-top{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name btns" "menu menu" "picks picks" "time time" "tracks tracks"}
  .hero-name{font-size:16px}
  .hero-menu-btn{grid-area:menu;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:46px;margin:10px 0 0;padding:9px 12px;border:1.5px solid var(--line);border-radius:var(--rb);background:var(--soft);color:var(--ink);font:inherit;text-align:left;cursor:pointer}
  .hero-menu-cur{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700}
  .hero-menu-go{display:inline-flex;align-items:center;gap:4px;flex:none;font-size:13px;font-weight:600;color:var(--accent)}
  .hero-menu-go .ic{width:16px;height:16px;transition:transform var(--motion)}
  .hero-rot[data-menu] .hero-menu-go .ic{transform:rotate(180deg)}
  .hero-picks{display:none;grid-template-columns:1fr;gap:0;margin:0;border:1.5px solid var(--line);border-top:0;border-radius:0 0 var(--rb) var(--rb);background:#fff}
  .hero-rot[data-menu] .hero-picks{display:grid}
  .hero-pick{min-height:48px;padding:11px 12px;border:0;border-top:1px solid var(--line);border-radius:0;font-size:14px;font-weight:500;line-height:1.35}
  .hero-pick:first-child{border-top:0}
  .hero-pick-k,.hero-pick-t{display:none}
  .hero-pick-f{position:static!important;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;margin:0}
  .hero-pick:hover{background:var(--soft)}
  .hero-pick[aria-current="true"]{background:var(--soft);color:var(--accent);font-weight:700}
  .hero-time-l{justify-content:space-between;margin:10px 0 7px;font-size:12.5px}
  .hero-top{margin-bottom:16px}
}
html:not(.js) .hero-rot:not([data-ready]) .hero-menu-btn{display:none}
/* Slot brand (Tim chốt 04/10/2026): cùng khung thẻ với bài; ảnh 16:9 đúng tỷ lệ khung nên không bị cắt; nút thật trong HTML. */
.lead-brand .hero-img picture{display:contents}
.lead-brand .hero-body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.lead-brand .hero-body>*{max-width:100%}
.lead-brand .lead-cta{margin:18px 0 0}
.lead-brand .lead-cta .btn{white-space:normal}
@media (max-width: 899px){
  .lead-brand .hero-body .lead-h{font-size:clamp(30px,8.4vw,38px);line-height:1.15}
  .lead-brand .hero-body .lead-d{font-size:18px;line-height:1.5}
}
/* Thạo dẫn chuyển bài: đầu Thạo Nét T 3D đã duyệt, 4 khung 208px cắt từ bộ thao-net-t-3d-v2 (nghỉ, nhìn trái, nhìn phải, vui).
   Đứng ở mép giao ảnh và chữ, góc phải; khi chuyển bài: nắm mép trang, kéo bài mới vào, dừng lại cười. Trang trí, aria-hidden.
   Vị trí dọc (--ty) do app.js đo theo ảnh của thẻ; chưa đo được thì ẩn. */
.hero-rot{--th:96px}
.hero-thao{position:absolute;left:0;top:0;z-index:4;width:var(--th);height:var(--th);margin:calc(var(--th) / -2) 0 0 calc(var(--th) / -2);pointer-events:none;background:url(/assets/thao/thao-net-t-3d-keo-v1.webp) 0 0/400% 100% no-repeat;filter:drop-shadow(0 6px 10px rgba(16,19,26,.35));transform-origin:50% 85%;display:none}
.hero-rot[data-ready] .hero-thao[data-placed]{display:block}
.hero-thao[data-f="nhin-trai"]{background-position:33.333% 0}
.hero-thao[data-f="nhin-phai"]{background-position:66.667% 0}
.hero-thao[data-f="vui"]{background-position:100% 0}
.hero-edge-clip{position:absolute;left:0;top:0;z-index:3;overflow:hidden;pointer-events:none}
.hero-edge{position:absolute;left:0;top:0;width:6px;margin-left:-3px;pointer-events:none;opacity:0;background:var(--hi);box-shadow:0 0 0 1px rgba(16,19,26,.3)}
.hero-edge::after{content:"";position:absolute;left:50%;width:30px;height:30px;margin-left:-15px;top:var(--ey,50%);transform:translateY(-50%) rotate(45deg);background:linear-gradient(135deg,#fff 0 50%,var(--hi) 50% 100%);border-radius:3px;box-shadow:0 2px 6px rgba(16,19,26,.35)}
.hero-edge.dir-l{box-shadow:0 0 0 1px rgba(16,19,26,.3),-18px 0 26px rgba(16,19,26,.42)}
.hero-edge.dir-r{box-shadow:0 0 0 1px rgba(16,19,26,.3),18px 0 26px rgba(16,19,26,.42)}
.hero-body{padding-top:46px}
@media (max-width: 899px){
  .hero-rot{--th:76px;margin-top:12px}
  .hero-body{padding:46px 18px 24px;padding-top:calc(var(--th) + 2px)}
  .hero-card{flex-direction:column-reverse;justify-content:flex-end}
  .hero-body{flex:1}
  .hero-body .lead-h{font-size:clamp(25px,6.6vw,32px);margin-top:10px}
}
@media (max-width: 420px){ .hero-rot{--th:72px} }
@media (prefers-reduced-motion: reduce){
  .hero-edge-clip{display:none}
  .hero-pick,.hero-btn{transition:none}
}
/* Đọc tiếp trên màn hẹp: ảnh thu nhỏ 96px, tiêu đề gọn để thẻ không xuống dòng quá nhiều; cả thẻ vẫn có link tiêu đề dễ chạm. */
@media (max-width: 480px){
  .side-card{grid-template-columns:96px 1fr;gap:12px}
  .side-media img{width:96px}
  .side-title{font-size:16.5px;line-height:1.3}
  .side-card .meta-line{font-size:12.5px}
}
/* Thẻ ngang bài mở đầu + Thạo nhỏ cạnh tiêu đề (Tim chốt 05/10/2026). Máy tính: bìa trái khoảng 38%, chữ phải; điện thoại: xếp dọc. */
.start-head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:106px;margin:40px 0 20px;border-bottom:3px solid var(--ink)}
.start-head .sec-title{margin:0;padding:0 0 8px;border:0;align-self:flex-end}
.thao-hi{position:relative;display:flex;align-items:center;gap:10px;flex:0 0 auto;align-self:flex-end;margin-bottom:6px}
.thao-hi-cap{margin:0;width:190px;max-width:190px;font-size:13px;line-height:1.5;color:var(--muted);text-align:right}
.thao-hi-cap strong{display:block;color:var(--accent);font-weight:700}
.thao-hi-cap.is-off{visibility:hidden}
.thao-hi-btn{position:relative;flex:0 0 auto;width:104px;height:96px;padding:0;border:0;border-radius:12px;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.thao-hi-btn img,.thao-hi-btn canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.thao-hi-btn.is-3d img{visibility:hidden}
.thao-hi-btn::after{content:'';position:absolute;left:26%;right:26%;bottom:2px;height:5px;border-radius:50%;background:rgba(29,48,87,.14);filter:blur(3px);pointer-events:none}
.thao-hi-btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.thao-hi-btn.is-wave img{animation:thao-hi-wave .7s ease-out}
@keyframes thao-hi-wave{0%,100%{transform:rotate(0)}30%{transform:rotate(-8deg) translateY(-3px)}65%{transform:rotate(7deg)}}
.feature-card{display:grid;grid-template-columns:38% minmax(0,1fr);flex-direction:row;align-items:stretch}
.feature-media{display:flex;align-items:center;background:var(--accent);overflow:hidden}
.feature-media img{display:block;width:100%;height:auto;aspect-ratio:800/448;object-fit:contain}
.feature-body{min-width:0;padding:24px 28px 26px}
.feature-title{font-size:clamp(23px,2.1vw,28px);line-height:1.22;letter-spacing:-.01em;margin-bottom:10px}
.feature-body .card-sub{margin:0 0 10px;font-weight:600}
.feature-body .card-desc{margin:0 0 14px}
.feature-gain{margin:0 0 18px;padding-left:12px;border-left:3px solid var(--hi)}
.feature-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.feature-foot .meta-line{margin:0}
.feature-read{min-height:44px;padding:11px 18px;background:var(--accent);color:#fff;font-size:15px}
.feature-read:hover{background:var(--accent-deep)}
.feature-read:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
@media(max-width:640px){
  .feature-card{grid-template-columns:1fr}
  .feature-body{padding:18px 18px 20px}
  .feature-title{font-size:23px}
  .feature-read{flex:1 1 auto;justify-content:center}
  .start-head{min-height:94px;gap:8px}
  .thao-hi-btn{width:84px;height:84px}
  .thao-hi-cap{position:absolute;right:0;top:calc(100% + 8px);z-index:3;width:max-content;max-width:min(230px,calc(100vw - 32px));padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 6px 18px rgba(16,19,26,.12);text-align:left;opacity:0;transform:translateY(-4px);transition:opacity var(--motion) ease,transform var(--motion) ease;pointer-events:none}
  .thao-hi.is-greeting .thao-hi-cap{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){.thao-hi-btn.is-wave img{animation:none}.thao-hi-cap{transition:none}}
/* Bài cập nhật hằng tháng: dòng kỳ, điểm mới kỳ này, các kỳ trước, bản lưu trữ (05/10/2026) */
.ky-dong{display:flex;flex-wrap:wrap;gap:2px 6px;margin:10px 0 0;font-size:14px;color:#E8ECFF}
.ky-dong strong{color:#fff;font-weight:600}
.ky-moi{margin:0 0 18px;padding:14px 16px;border-left:3px solid var(--hi);background:#F6F8FF;border-radius:0 8px 8px 0}
.ky-moi-h{margin:0 0 6px;font-weight:700;font-size:15px;color:var(--accent-deep)}
.ky-moi ul{margin:0;padding-left:20px;font-size:16px}
.ky-ds{margin:0 0 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ky-ds>summary{cursor:pointer;padding:12px 0;font-weight:600;font-size:15px;min-height:44px;box-sizing:border-box}
.ky-ds>summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.ky-list{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:10px}
.ky-list>li{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff}
.ky-list>li[aria-current]{border-color:var(--accent);background:#F6F8FF}
.ky-li-h,.ky-li-d,.ky-li-a{margin:0;font-size:14.5px}
.ky-li-d{color:var(--muted)}
.ky-cur{font-weight:600;color:var(--accent-deep)}
.ky-luu-tru{background:#FFF8D6;border-bottom:1px solid #E7D88A}
.ky-luu-tru{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:12px max(16px,calc((100% - 1200px)/2))}
.ky-luu-tru p{margin:0;font-size:15px;color:var(--ink)}
.ky-luu-tru .btn{min-height:44px}

/* RV-577 — lời mời Thạo thuộc từng bài, sau ba ý trong Đọc nhanh. */
.news-ask{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--accent);font-weight:600;font-size:14px;text-decoration:none;max-width:100%}
.news-ask img{flex:0 0 24px;width:24px;height:24px;object-fit:contain}
.news-act{flex-wrap:wrap;column-gap:18px;row-gap:4px}
.news-quick,.news-nhanh-close,.news-nhanh-foot a{min-height:44px}
.news-lead>.news-nhanh,.news-item>.news-nhanh{grid-column:1/-1;margin:0;border-radius:0;border-width:1px 0 0}
.news-item>.news-nhanh{border-radius:12px;border-width:1px;margin-top:8px}
.news-local-invite{display:flex;align-items:flex-start;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.news-local-invite>img{flex:0 0 48px;width:48px;height:48px;object-fit:contain}
.news-local-invite>div{min-width:0}.news-local-invite p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.news-local-invite .news-local-q{font-weight:700;color:var(--ink);font-size:15px}
.is-quick-open .news-act>.news-ask{display:none}
.news-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:599px){.news-act{column-gap:14px}.news-ask{font-size:13.5px}.news-local-invite{gap:10px}.news-lead>.news-nhanh,.news-item>.news-nhanh{padding:16px}.news-nhanh-close{min-height:44px}}

/* Thanh menu dính khi cuộn, có thêm mục "Chứng nhận AI": thu gọn khoảng cách ở màn 900 đến 1279px để không tràn ngang. */
@media (min-width:900px) and (max-width:1365px){
  .navbar.is-stuck .nav-in{gap:8px}
  .navbar.is-stuck .site-nav a{padding-inline:7px;font-size:14px}
  .navbar.is-stuck .site-nav li:first-child a{padding-left:10px}
  .navbar.is-stuck .nav-search{padding:7px 9px}
}
@media (min-width:900px) and (max-width:1139px){
  .navbar.is-stuck .nav-search{font-size:0;gap:0}
  .navbar.is-stuck .nav-search .ic{font-size:16px;width:18px;height:18px}
  .navbar.is-stuck .nav-acct a{font-size:14px}
}
@media (min-width:900px) and (max-width:1139px){
  .navbar:not(.is-stuck) .site-nav a{padding-inline:11px;font-size:15px}
  .navbar:not(.is-stuck) .site-nav li:first-child a{padding-left:0}
}

/* Điện thoại (≤560px): menu chuyên mục 5 mục thành một hàng cuộn ngang thay vì 3 hàng, giảm phần chiếm màn trước nội dung (RV-737/735 H04). */
@media (max-width:560px){
  .navbar:not(.is-stuck) .site-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:0 20px;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,#000 86%,transparent);mask-image:linear-gradient(90deg,#000 86%,transparent);padding-right:24px}
  .navbar:not(.is-stuck) .site-nav::-webkit-scrollbar{display:none}
  .navbar:not(.is-stuck) .site-nav li{flex:none}
  .navbar:not(.is-stuck) .site-nav a{white-space:nowrap;padding:12px 0;font-size:14.5px}
}
/* Thanh dính khi đã đăng nhập: có thêm mục "Chứng nhận AI" nên áp quy tắc "thanh ghim chỉ một lối tài khoản" cho mọi màn máy tính; 901 đến 1099px chỉ giữ nút Nhờ Thạo giúp. */
@media (min-width:901px){.navbar.is-stuck .nav-acct .tk-acct2{display:none!important}}
@media (min-width:901px) and (max-width:979px){.navbar.is-stuck .site-nav a{padding-inline:5px;font-size:13.5px}.navbar.is-stuck .nav-in{gap:6px}}
@media (min-width:901px) and (max-width:1099px){html[data-tk="in"] .navbar.is-stuck .nav-acct .tk-in{display:none!important}}