.nav{gap:14px}.links{gap:18px;font-size:12px}.nav>.btn{font-size:12px;padding:12px 15px}.nav-dropdown{position:relative;padding:0;border:0;font-size:12px}.nav-dropdown summary{gap:5px;align-items:center;white-space:nowrap}.nav-dropdown summary:after{content:'⌄';font-size:13px}.nav-dropdown[open] summary:after{content:'⌃'}.dropdown-panel{position:absolute;top:32px;left:-20px;min-width:245px;background:white;border:1px solid #dce6f2;border-radius:9px;box-shadow:0 14px 30px #12365615;padding:10px;z-index:20}.dropdown-panel a{display:block;padding:9px 12px;border-radius:5px;font-size:13px}.dropdown-panel a:hover{background:var(--brand-mist);color:var(--brand-blue)}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.resource{display:flex;flex-direction:column;background:#fff;border:1px solid #dce6f2;border-radius:10px;padding:28px;transition:transform .2s,border-color .2s}.resource:hover{border-color:#76a8ef;transform:translateY(-3px)}.resource h3{font-size:21px;margin:18px 0 10px}.resource p{font-size:14px;margin:0 0 22px;flex:1}.resource-number{color:var(--brand-blue);font-size:12px;letter-spacing:2px}.section-note{font-size:12px!important;margin-top:22px;color:#67809e}.service-note{margin-top:24px;padding:20px 25px;background:var(--brand-mist);border-left:3px solid var(--brand-blue);border-radius:4px;font-size:13px}.service-note span{display:block;color:#58708d;margin-top:5px}#dich-vu-bang-lai .resource-grid{grid-template-columns:1fr 1fr}.hub-intro{background:var(--brand-mist);padding:55px 0}.hub-intro h1{font-size:45px}.hub-intro p{max-width:650px}.hub-intro>.wrap>.text-link{justify-content:start;margin-bottom:28px}.study-callout{background:var(--brand-mist);border:1px solid #d4e5fc;border-radius:8px;padding:22px 25px;margin:28px 0}.study-callout p{font-size:14px;margin-bottom:0}.lesson-list>div{display:flex;gap:20px;border-bottom:1px solid #e1e9f3;padding:20px 0}.lesson-list>div>span{color:var(--brand-blue);font-weight:700}.lesson-list h3{font-size:18px;margin:0}.lesson-list p{margin:8px 0 0;font-size:14px}.plan-list{display:grid;gap:12px;margin-top:25px}.plan-list label{display:flex;align-items:start;gap:15px;padding:20px;background:var(--brand-mist);border:1px solid #dde6f3;border-radius:8px;cursor:pointer;font-size:14px}.plan-list strong{display:block;color:var(--brand-blue);margin-bottom:5px}.plan-list input{margin-top:6px;accent-color:var(--brand-blue);width:18px;height:18px;flex-shrink:0}.plan-list label:has(input:checked){background:#eaf6f1;border-color:#9dcdb9}.quiz-question{margin:22px 0;padding:22px;border:1px solid #dce5f0;border-radius:8px;min-width:0}.quiz-question legend{padding:0 8px;font-weight:700;font-size:16px;line-height:1.5}.quiz-option{display:flex;align-items:start;gap:10px;padding:12px;margin:8px 0;background:#f5f8fd;border-radius:6px;font-size:14px;cursor:pointer}.quiz-option input{margin-top:5px;accent-color:var(--brand-blue);flex-shrink:0}.quiz-option:has(input:checked){background:#e3eeff}.quiz-explanation{font-size:14px;margin-top:16px;border-top:1px solid #dce5f0;padding-top:12px}.quiz-explanation strong{display:block}.quiz-question.correct{border-color:#72b69a}.quiz-question.wrong{border-color:#dca28e}#quiz-result{padding:24px;border-radius:8px;background:var(--brand-mist);margin-top:25px}#quiz-result h2{margin-top:0;font-size:25px}#quiz-result p{font-size:14px}.sim-box{border:1px solid #d5e2f2;border-radius:10px;overflow:hidden;margin:25px 0}.sim-toolbar{display:flex;justify-content:space-between;gap:20px;padding:16px;background:var(--brand-mist);font-size:12px}.sim-toolbar span{white-space:nowrap;color:var(--brand-blue)}.sim-scene{height:310px;position:relative;overflow:hidden;background:#dceaf9}.sim-sky{position:absolute;inset:0 0 40%;background:linear-gradient(#c5e2fd,#edf6ff)}.sim-buildings{position:absolute;top:35px;height:95px;left:0;right:0;background:repeating-linear-gradient(90deg,#a2bedc 0 44px,transparent 44px 65px);opacity:.7}.sim-road{position:absolute;inset:115px -10% 0;background:#4f657e;clip-path:polygon(28% 0,72% 0,100% 100%,0 100%);border-top:9px solid #cbd9e6}.sim-lane{position:absolute;width:5px;height:160px;top:140px;left:50%;background:repeating-linear-gradient(to bottom,#fff 0 22px,transparent 22px 40px);transform:perspective(70px) rotateX(25deg)}.sim-parked{position:absolute;right:15%;top:120px;width:95px;height:77px;background:var(--brand-blue);border:4px solid #d4e9ff;border-radius:15px 15px 8px 8px;color:white;font-size:12px;display:grid;place-items:center;z-index:2;box-shadow:0 12px 0 -4px #20364c}.sim-person{position:absolute;left:70%;top:118px;font:20px/15px monospace;color:#9c381f;text-align:center;opacity:0;z-index:3;transition:left .6s linear,opacity .1s}.sim-scene.hazard .sim-person{opacity:1;left:58%}.sim-dashboard{position:absolute;bottom:0;left:0;right:0;height:38px;background:#122f50;text-align:center;color:#a8c2e1;font-size:9px;letter-spacing:1.5px;padding:12px;z-index:4}.sim-caption{position:absolute;top:12px;left:15px;right:15px;background:#ffffffeb;border-radius:6px;padding:9px;font-size:12px;color:#16375b;text-align:center}.sim-controls{display:flex;gap:10px;padding:18px;flex-wrap:wrap}.sim-controls button:disabled{opacity:.45;cursor:not-allowed}.sim-box>.result{border-radius:0;margin:0;padding:20px;font-size:13px}.article table{width:100%;border-collapse:collapse;font-size:13px}.article th,.article td{padding:9px;border:1px solid #dce5f0;text-align:left;overflow-wrap:anywhere}@media(max-width:1100px){.links{gap:12px}.brand{font-size:16px}.nav>.btn{display:none}}@media(max-width:900px){.resource-grid{grid-template-columns:1fr 1fr}}@media(max-width:740px) and (min-width:621px){.brand{font-size:13px}.brand small{font-size:8px}.links{gap:9px;font-size:11px}.nav-dropdown,.nav-dropdown summary{font-size:11px}.mark{width:34px;height:34px}}@media(max-width:620px){.resource-grid,#dich-vu-bang-lai .resource-grid{grid-template-columns:1fr}.resource{padding:24px}.nav-dropdown,.nav-dropdown summary{font-size:15px}.dropdown-panel{position:static;min-width:0;box-shadow:none;margin-top:10px;background:var(--brand-mist)}.links.open{max-height:70vh;overflow:auto;gap:18px;font-size:15px}.hub-intro h1{font-size:34px}.quiz-question{padding:14px}.quiz-question legend{font-size:15px}.quiz-option{padding:10px;font-size:13px}.sim-toolbar{gap:8px;font-size:10px}.sim-scene{height:260px}.sim-person{left:75%;font-size:18px}.sim-parked{right:8%;width:72px;height:65px}.sim-controls .btn{width:100%;padding:12px 8px}.study-callout{padding:18px}.article .actions .btn{width:100%;white-space:normal}.plan-list label{padding:16px}}