.csat-public .self-study-roadmap{--study-surface:#fffef9;--study-ink:#191917;--study-muted:#65645c;--study-rule:#191917;--study-soft:#eeede5;--study-blue:#2b50e0;--study-lime:#d9e64c;--study-orange:#ee683e;color:var(--study-ink);font:15px/1.5 var(--font-archivo),Arial,sans-serif;background:0 0;width:100%;max-width:none;margin:0}.csat-public .self-study-roadmap *{box-sizing:border-box}.csat-public .self-study-roadmap :is(h1,h2,h3,p){text-transform:none;margin:0;font-family:inherit}.csat-public .self-study-roadmap :is(button,input,a){font:inherit;color:inherit}.csat-public .self-study-roadmap :is(button,a){touch-action:manipulation;-webkit-tap-highlight-color:transparent}.csat-public .self-study-roadmap button{cursor:pointer;padding:8px 13px;font-weight:650}.csat-public .self-study-roadmap :is(button,input){border:2px solid var(--study-rule);background:var(--study-surface);border-radius:2px;min-height:44px}.csat-public .self-study-roadmap button:hover:not(:disabled){background:var(--study-soft)}.csat-public .self-study-roadmap button:disabled{cursor:default;opacity:.4}.csat-public .self-study-roadmap :focus-visible{outline:3px solid var(--study-blue);outline-offset:4px}.csat-public .self-study-roadmap [hidden]{display:none!important}.csat-public .self-study-roadmap .sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.csat-public .self-study-roadmap .study-icon{flex-shrink:0;width:20px;height:20px;display:block}.csat-public .self-study-roadmap .study-skip{background:var(--study-surface);z-index:20;padding:12px;position:absolute;top:-100px;left:16px}.csat-public .self-study-roadmap .study-skip:focus{top:100px}body:has(.self-study-page){overflow-x:auto}.csat-public.self-study-page{--map-header-bottom:116px;--map-toolbar-height:100px;background:#fffdf3 linear-gradient(#d9dddf 1px,#0000 1px) 0 0/100% 24px;width:max-content;min-width:100%;min-height:100dvh;overflow:visible}.csat-public.self-study-page .site-header{z-index:40;width:100vw;position:fixed;inset:0 0 auto}.csat-public.self-study-page .contact-dock{display:none}.csat-public.self-study-page #noi-dung{min-height:100dvh;padding:0}.csat-public .self-study-roadmap .study-workspace{min-height:100dvh;display:block}.csat-public .self-study-roadmap .study-rail{z-index:25;top:var(--map-header-bottom);width:218px;max-height:calc(100dvh - var(--map-header-bottom) - var(--map-toolbar-height) - 24px);background:var(--study-orange);color:#191917;border:2px solid #191917;position:fixed;left:20px;overflow:auto;box-shadow:5px 5px #191917}.csat-public .self-study-roadmap .study-rail>summary{justify-content:space-between;gap:12px;padding:12px 14px;font-size:14px;font-weight:800;line-height:1.5;list-style:none;display:flex}.csat-public .self-study-roadmap .study-rail>summary:before{display:none}.csat-public .self-study-roadmap .study-rail>summary::-webkit-details-marker{display:none}.csat-public .self-study-roadmap .study-rail>summary span{font-size:20px;line-height:1}.csat-public .self-study-roadmap .study-rail-content{padding:0 12px 14px}.csat-public .self-study-roadmap .study-rail nav{gap:7px;display:grid}.csat-public .self-study-roadmap .study-rail nav button{text-align:left;color:#191917;background:#fffdf3;border-color:#191917;justify-content:space-between;align-items:center;gap:8px;padding:10px;font-size:12px;display:flex}.csat-public .self-study-roadmap .study-rail nav button[aria-pressed=true]{color:#fffef9;background:#191917}.csat-public .self-study-roadmap .study-rail button small{flex-shrink:0;font-size:11px}.csat-public .self-study-roadmap .map-meta{border-bottom:1px solid #19191766;padding:14px 0}.csat-public .self-study-roadmap #view-code{letter-spacing:.5px;font-size:10px;font-weight:750}.csat-public .self-study-roadmap #view-title{margin-top:4px;font-size:13px;font-weight:750;line-height:1.5}.csat-public .self-study-roadmap .study-rail-enrollment p{margin:14px 0;font-size:12px;line-height:1.65}.csat-public .self-study-roadmap .study-rail-enrollment a{color:#191917;min-height:46px;box-shadow:none;text-underline-offset:4px;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:8px;padding:8px 0;font-size:14px;font-weight:750;text-decoration:underline;display:flex}.csat-public .self-study-roadmap .study-board{min-width:100vw}.csat-public .self-study-roadmap .study-toolbar{z-index:30;bottom:calc(12px + env(safe-area-inset-bottom));background:var(--study-surface);border:2px solid var(--study-rule);width:min(1020px,100vw - 32px);padding:10px 12px 6px;position:fixed;left:50%;transform:translate(-50%);box-shadow:5px 5px #191917}.csat-public .self-study-roadmap .tools-row{align-items:center;gap:12px;display:flex}.csat-public .self-study-roadmap .search-field{flex:1;min-width:100px;position:relative}.csat-public .self-study-roadmap .search-field>.study-icon{pointer-events:none;position:absolute;top:12px;left:12px}.csat-public .self-study-roadmap #search{width:100%;height:46px;padding:10px 42px;font-size:14px;font-weight:400;line-height:1.5}.csat-public .self-study-roadmap #search::placeholder{color:var(--study-muted);opacity:1}.csat-public .self-study-roadmap #search::-webkit-search-cancel-button{display:none}.csat-public .self-study-roadmap #clear-search{background:0 0;border:0;width:44px;min-height:44px;padding:12px;position:absolute;top:1px;right:1px}.csat-public .self-study-roadmap .study-toolbar-actions,.csat-public .self-study-roadmap .study-zoom-tools,.csat-public .self-study-roadmap #zoom-controls,.csat-public .self-study-roadmap .view-modes{align-items:center;gap:6px;display:flex}.csat-public .self-study-roadmap .view-modes{gap:0}.csat-public .self-study-roadmap .view-modes button{border-radius:0;padding:9px 10px;font-size:12px}.csat-public .self-study-roadmap .view-modes button+button{border-left:0}.csat-public .self-study-roadmap .view-modes button[aria-pressed=true]{background:var(--study-blue);color:#fff}.csat-public .self-study-roadmap #zoom-controls button,.csat-public .self-study-roadmap #download{flex-shrink:0;place-items:center;width:44px;height:44px;padding:10px;display:grid}.csat-public .self-study-roadmap #zoom-controls #fit{gap:7px;width:auto;font-size:12px;display:flex}.csat-public .self-study-roadmap #scale-label{text-align:center;font-variant-numeric:tabular-nums;width:40px;font-size:12px}.csat-public .self-study-roadmap #download{border:2px solid var(--study-rule);background:var(--study-soft);border-radius:2px}.csat-public .self-study-roadmap #result{color:var(--study-muted);margin-top:4px;font-size:11px;line-height:1.5}.csat-public .self-study-roadmap #canvas{cursor:grab;touch-action:pan-x pan-y;height:auto;min-height:100dvh;position:relative;overflow:visible}.csat-public .self-study-roadmap #canvas,.csat-public .self-study-roadmap #canvas *{-webkit-user-select:none;user-select:none}.csat-public .self-study-roadmap #canvas.is-dragging,.csat-public .self-study-roadmap #canvas.is-dragging *{cursor:grabbing}.csat-public .self-study-roadmap #stage{padding:calc(var(--map-header-bottom) + 28px) 40px calc(var(--map-toolbar-height) + 40px) 278px;justify-content:center;align-items:flex-start;width:max-content;min-width:100vw;min-height:100dvh;display:flex}.csat-public .self-study-roadmap #stage>svg{flex-shrink:0;max-width:none;display:block}.csat-public .self-study-roadmap .svg-node{scroll-margin:calc(var(--map-header-bottom) + 20px) 24px calc(var(--map-toolbar-height) + 20px) 260px}.csat-public .self-study-roadmap .study-map-svg text{font-family:var(--font-archivo),Archivo,Arial,sans-serif}.csat-public .self-study-roadmap .svg-node{cursor:pointer;outline:none}.csat-public .self-study-roadmap .svg-node:hover .node-face,.csat-public .self-study-roadmap .svg-node:focus-visible .node-face{stroke:var(--study-blue);stroke-width:4px}.csat-public .self-study-roadmap .svg-node.selected .node-header{fill:var(--study-lime)}.csat-public .self-study-roadmap .svg-node.selected :is(.node-code,.node-rank){fill:#191917}.csat-public .self-study-roadmap .svg-node.matched .node-face{stroke:var(--study-blue);stroke-width:3px}.csat-public .self-study-roadmap .svg-node.not-matched{opacity:.24}.csat-public .self-study-roadmap .svg-edge.highlight path{stroke:var(--study-blue);stroke-width:3px}.csat-public .self-study-roadmap .legend{border-top:2px solid var(--study-rule);color:var(--study-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;font-size:11px;display:flex}.csat-public .self-study-roadmap .legend>span:first-child{align-items:center;gap:6px;display:flex}.csat-public .self-study-roadmap .legend i{background:var(--study-orange);border:1px solid var(--study-rule);width:10px;height:10px}.csat-public .self-study-roadmap #list{padding:calc(var(--map-header-bottom) + 24px) 32px calc(var(--map-toolbar-height) + 32px) 278px;width:100vw}.csat-public .self-study-roadmap .rank-section{margin-bottom:26px}.csat-public .self-study-roadmap .rank-head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.csat-public .self-study-roadmap .rank-letter{background:var(--study-lime);color:#191917;text-align:center;border:2px solid #191917;width:40px;font-size:24px;font-weight:750}.csat-public .self-study-roadmap .rank-head h2{font-size:20px;font-weight:700}.csat-public .self-study-roadmap .rank-head p{color:var(--study-muted);font-size:12px}.csat-public .self-study-roadmap .lane h3{color:var(--study-muted);letter-spacing:.5px;margin:16px 0 9px;font-size:12px;font-weight:650}.csat-public .self-study-roadmap .topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.csat-public .self-study-roadmap .topic{text-align:left;align-items:flex-start;gap:10px;min-width:0;padding:13px;display:flex;box-shadow:3px 3px #191917}.csat-public .self-study-roadmap .topic-code{background:var(--study-lime);color:#191917;border:1px solid #191917;flex-shrink:0;place-items:center;min-width:38px;min-height:24px;font-size:11px;display:grid}.csat-public .self-study-roadmap .topic strong{font-size:14px;font-weight:700;line-height:1.4;display:block}.csat-public .self-study-roadmap .topic small{color:var(--study-muted);margin-top:5px;font-size:12px;font-weight:400;line-height:1.5;display:block}.csat-public .self-study-roadmap .notice{z-index:26;top:calc(var(--map-header-bottom) + 52px);border-top:1px solid var(--study-rule);background:var(--study-soft);width:min(480px,100vw - 32px);padding:20px;font-size:14px;position:fixed;left:50%;transform:translate(-50%)}.csat-public .self-study-roadmap .notice p{margin-bottom:10px}.csat-public .self-study-roadmap .notice a{color:var(--study-blue);text-decoration:underline}.csat-public .self-study-roadmap dialog{border:2px solid var(--study-rule);background:var(--study-surface);width:min(580px,100vw - 20px);max-width:none;height:100dvh;max-height:100dvh;color:var(--study-ink);overscroll-behavior:contain;border-radius:0;margin:0;padding:0;position:fixed;inset:0 0 0 auto;box-shadow:-8px 0 #191917}.csat-public .self-study-roadmap dialog::backdrop{background:#19191788}.csat-public .self-study-roadmap .dialog-top{z-index:1;border-bottom:2px solid var(--study-rule);background:var(--study-surface);letter-spacing:.5px;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;font-size:12px;font-weight:700;display:flex;position:sticky;top:0}.csat-public .self-study-roadmap #close-dialog{background:0 0;border:0;min-width:44px;padding:12px}.csat-public .self-study-roadmap #topic-content{padding:24px}.csat-public .self-study-roadmap .study-detail-kicker{letter-spacing:.6px;align-items:center;gap:10px;margin-bottom:17px;font-size:10px;font-weight:700;line-height:1.6;display:flex}.csat-public .self-study-roadmap #topic-code{background:var(--study-lime);color:#191917;border:2px solid #191917;flex-shrink:0;padding:5px 9px;font-size:12px}.csat-public .self-study-roadmap #topic-lane{color:var(--study-muted)}.csat-public .self-study-roadmap #topic-title{letter-spacing:-.7px;margin-bottom:14px;font-size:30px;font-weight:750;line-height:1.2}.csat-public .self-study-roadmap #topic-summary{color:var(--study-muted);font-size:15px;line-height:1.65}.csat-public .self-study-roadmap #csatoj-link{background:var(--study-blue);color:#fff;border:2px solid #191917;justify-content:space-between;align-items:center;gap:14px;min-height:52px;margin:24px 0;padding:13px 16px;font-size:14px;font-weight:700;display:flex;box-shadow:4px 4px #191917}.csat-public .self-study-roadmap #csatoj-link:hover{background:#2445c5}.csat-public .self-study-roadmap .connections{gap:24px;display:grid}.csat-public .self-study-roadmap .connections h3{letter-spacing:.6px;text-transform:uppercase;color:var(--study-muted);margin-bottom:10px;font-size:11px;font-weight:700}.csat-public .self-study-roadmap .connections section>div{gap:8px;display:grid}.csat-public .self-study-roadmap .connection{text-align:left;align-items:center;gap:10px;width:100%;min-height:50px;padding:9px 12px;font-size:13px;font-weight:600;line-height:1.4;display:flex}.csat-public .self-study-roadmap .connection small{border:1px solid var(--study-rule);background:var(--study-soft);flex-shrink:0;padding:3px 4px;font-size:10px;font-weight:500}.csat-public .self-study-roadmap .empty-connection{background:var(--study-soft);color:var(--study-muted);padding:13px;font-size:12px;line-height:1.5}.csat-public .self-study-roadmap #topic-details{border-top:1px solid var(--study-rule);margin-top:24px;padding-top:6px}.csat-public .self-study-roadmap summary{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:13px;font-weight:650;display:flex}.csat-public .self-study-roadmap summary:before{content:"+";font-size:22px}.csat-public .self-study-roadmap details[open] summary:before{content:"−"}.csat-public .self-study-roadmap #detail-list{color:var(--study-muted);margin-top:8px;padding-left:19px;font-size:13px;line-height:1.65;list-style:outside}.csat-public .self-study-roadmap #detail-list li+li{margin-top:9px}.csat-public .self-study-roadmap .dialog-bottom{margin-top:20px}.csat-public .self-study-roadmap #locate{background:var(--study-lime);color:#191917;border-color:#191917;justify-content:space-between;align-items:center;width:100%;display:flex}.dark .csat-public .self-study-roadmap{--study-surface:#2d2925;--study-ink:#f8f7f2;--study-muted:#c7c1b3;--study-rule:#f8f7f2;--study-soft:#3c3731}.dark .csat-public.self-study-page{background:#292622 linear-gradient(#f8f7f219 1px,#0000 1px) 0 0/100% 24px}.dark .csat-public .self-study-roadmap .notice a,.dark .csat-public .self-study-roadmap .study-class-key>span:nth-child(2) b{color:#b8c7ff}.dark .csat-public .self-study-roadmap .study-map-svg .group-box{fill:#29262255;stroke:#69665e}.dark .csat-public .self-study-roadmap .study-map-svg .group-label{fill:#d9e64c}.dark .csat-public .self-study-roadmap .study-map-svg .edge path{stroke:#b7b3a8}.dark .csat-public .self-study-roadmap .svg-edge.highlight path{stroke:#b8c7ff}.dark .csat-public .self-study-roadmap :focus-visible{outline-color:#b8c7ff}@media (max-width:900px){.csat-public .self-study-roadmap .tools-row{flex-wrap:wrap;gap:6px}.csat-public .self-study-roadmap .search-field{flex-basis:100%}.csat-public .self-study-roadmap .study-toolbar-actions{justify-content:space-between;width:100%}.csat-public .self-study-roadmap #fit>span{display:none}.csat-public .self-study-roadmap #zoom-controls #fit{width:44px;padding:10px}}@media (max-width:680px){.csat-public.self-study-page{--map-header-bottom:98px;--map-toolbar-height:144px}.csat-public .self-study-roadmap .study-rail{width:208px;left:12px}.csat-public .self-study-roadmap #stage{padding-left:24px;padding-right:24px;padding-top:calc(var(--map-header-bottom) + 62px)}.csat-public .self-study-roadmap .study-toolbar{width:calc(100vw - 24px);bottom:calc(8px + env(safe-area-inset-bottom));padding:8px 8px 4px}.csat-public .self-study-roadmap .study-toolbar-actions,.csat-public .self-study-roadmap .study-zoom-tools,.csat-public .self-study-roadmap #zoom-controls{gap:2px}.csat-public .self-study-roadmap .view-modes button{padding:8px 6px;font-size:11px}.csat-public .self-study-roadmap #scale-label{width:33px;font-size:11px}.csat-public .self-study-roadmap #zoom-controls button,.csat-public .self-study-roadmap #zoom-controls #fit,.csat-public .self-study-roadmap #download{width:44px;padding:10px}.csat-public .self-study-roadmap #list{padding:calc(var(--map-header-bottom) + 64px) 14px calc(var(--map-toolbar-height) + 30px);width:100vw}.csat-public .self-study-roadmap .topic-grid{grid-template-columns:1fr}.csat-public .self-study-roadmap .svg-node{scroll-margin-left:16px}.csat-public .self-study-roadmap dialog{width:calc(100vw - 12px)}.csat-public .self-study-roadmap #topic-content{padding:20px}.csat-public .self-study-roadmap #topic-title{font-size:26px}.csat-public .self-study-roadmap #topic-summary{font-size:14px}.csat-public .self-study-roadmap #csatoj-link{font-size:12px}.csat-public .self-study-roadmap .connection{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.csat-public .self-study-roadmap *{scroll-behavior:auto!important}}@media print{body:has(.self-study-page){overflow:visible}.csat-public.self-study-page{background:#fff;width:100%}.csat-public .self-study-roadmap :is(.study-rail,.study-toolbar,dialog,.notice){display:none}.csat-public .self-study-roadmap #stage{width:100%;min-width:0;min-height:0;padding:0}.csat-public .self-study-roadmap #stage>svg{width:100%!important;height:auto!important}.csat-public .self-study-roadmap #list{width:100%;padding:0}.csat-public .self-study-roadmap .topic{-moz-column-break-inside:avoid;break-inside:avoid}}.csat-public .self-study-roadmap .study-static-link{padding:150px 24px 12px 278px}.csat-public .self-study-roadmap .study-static-link a{text-decoration:underline}.csat-public .self-study-roadmap .study-static-map{width:1160px;max-width:none;margin-left:260px}@media (max-width:680px){.csat-public .self-study-roadmap .study-static-link{padding-left:24px}.csat-public .self-study-roadmap .study-static-map{margin-left:24px}}@media print{.csat-public .self-study-roadmap .study-static-map{width:100%;margin:0}.csat-public .self-study-roadmap .study-static-link{display:none}}.csat-public .self-study-roadmap .view-modes .study-icon{display:none}@media (max-width:420px){.csat-public .self-study-roadmap .study-toolbar{width:calc(100vw - 16px);padding:8px 6px 4px}.csat-public .self-study-roadmap .view-mode-label,.csat-public .self-study-roadmap #scale-label{display:none}.csat-public .self-study-roadmap .view-modes button{place-items:center;width:44px;padding:10px;display:grid}.csat-public .self-study-roadmap .view-modes .study-icon{display:block}}
