/* GENERATED — do not edit by hand. Source: vocabulary/mockup/grammar-skeuo.css
   Scoped under html.theme-skeuo (opt-in skin). Regenerate via /tmp/_scopecss.php */
html.theme-skeuo{--gk-t1:#26c6d6; --gk-t2:#0c8a9e; --gk-tEdge:#076b7d; --gk-serif:'Source Serif 4',Georgia,serif;}
html.theme-skeuo .gr-root{background:radial-gradient(1100px 650px at 50% -8%,#fbf7ec,#ece3cd 60%,#e2d7be 100%) !important;
  font-family:'Be Vietnam Pro',-apple-system,'Helvetica Neue',sans-serif !important;}
html.theme-skeuo .gr-sidebar{background:linear-gradient(180deg,#f6f1e5,#e9e2cf) !important; border-right:1px solid #c9bfa6 !important;
  box-shadow:inset -8px 0 18px -12px rgba(90,70,30,.5), 1px 0 0 #fff inset !important;}
html.theme-skeuo .gr-sidebar-brand{border-bottom:1px solid #d8cfb8 !important; box-shadow:0 1px 0 #fff;}
html.theme-skeuo .gr-sidebar-brand-icon{border-radius:12px !important; color:#fff !important;
  background:linear-gradient(180deg,var(--gk-t1),var(--gk-t2)) !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.85),inset 0 -3px 6px rgba(0,60,80,.4),0 2px 4px rgba(0,0,0,.3) !important;}
html.theme-skeuo .gr-sidebar-brand-name{color:#4a4234 !important; text-shadow:0 1px 0 #fff;}
html.theme-skeuo .gr-sidebar-brand-sub{color:#9b917a !important;}
html.theme-skeuo .gr-nav-item{color:#6a6151 !important; text-shadow:0 1px 0 #fff; border-radius:10px !important;}
html.theme-skeuo .gr-nav-item .gr-nav-icon{color:#8a7f66 !important;}
html.theme-skeuo .gr-nav-item:hover{background:rgba(255,255,255,.55) !important; box-shadow:inset 0 1px 0 #fff !important;}
html.theme-skeuo .gr-nav-item.is-active{color:#fff !important; text-shadow:0 -1px 1px rgba(0,40,60,.5) !important;
  background:linear-gradient(180deg,var(--gk-t1),var(--gk-t2)) !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.85),inset 0 -4px 7px rgba(0,60,90,.45),0 2px 3px rgba(0,0,0,.28) !important;}
html.theme-skeuo .gr-nav-item.is-active .gr-nav-icon{color:#eafcff !important;}
html.theme-skeuo .gr-darkmode-btn, html.theme-skeuo .gr-home-link, html.theme-skeuo .gr-footer-nav-link{color:#6a6151 !important; text-shadow:0 1px 0 #fff; border-radius:10px !important;}
html.theme-skeuo .gr-darkmode-btn:hover, html.theme-skeuo .gr-home-link:hover{background:rgba(255,255,255,.55) !important;}
html.theme-skeuo .gr-user-chip{background:linear-gradient(180deg,#fdf6e3,#f0e6c8) !important; border:1px solid #d8c89a !important;
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(120,90,30,.25) !important; border-radius:14px !important;}
html.theme-skeuo .gr-user-name{color:#5a5142 !important; text-shadow:0 1px 0 #fff;}
html.theme-skeuo .gr-user-sub{color:#a08850 !important;}
html.theme-skeuo .gr-lesson-topbar{background:linear-gradient(180deg,#fcfcfc,#d6d6d8) !important; border-bottom:1px solid #9a9a9c !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(0,0,0,.16) !important;}
html.theme-skeuo .gr-lesson-topbar-title h1{font-family:var(--gk-serif) !important; color:#2f2a22 !important; text-shadow:0 1px 0 #fff;}
html.theme-skeuo .gr-lesson-topbar-tier{color:#0c6e7d !important; background:linear-gradient(180deg,#e6fbff,#c9f1f6) !important;
  border:1px solid #9fdfe7 !important; box-shadow:inset 0 1px 0 #fff !important; text-shadow:0 1px 0 #fff;}
html.theme-skeuo .gr-lesson-back{color:#5a5550 !important; text-shadow:0 1px 0 #fff;}
html.theme-skeuo .gr-btn, html.theme-skeuo .gr-icon-btn, html.theme-skeuo .gr-icon-btn-sm{color:#4a4a4c !important; text-shadow:0 1px 0 #fff !important;
  background:linear-gradient(180deg,#fdfdfd,#dcdcde) !important; border:1px solid #b3b3b5 !important;
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.2) !important; border-radius:11px !important;}
html.theme-skeuo .gr-icon-btn, html.theme-skeuo .gr-icon-btn-sm{border-radius:50% !important;}
html.theme-skeuo .gr-btn:active, html.theme-skeuo .gr-icon-btn:active{box-shadow:inset 0 2px 4px rgba(0,0,0,.25) !important;}
html.theme-skeuo .gr-btn-presentation, html.theme-skeuo .gr-btn-pin-new{color:#fff !important; text-shadow:0 -1px 1px rgba(0,40,60,.4) !important;
  background:linear-gradient(180deg,var(--gk-t1),var(--gk-t2)) !important; border:1px solid var(--gk-tEdge) !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.7),0 2px 4px rgba(0,0,0,.3) !important;}
html.theme-skeuo .gr-lesson-theory, html.theme-skeuo .gr-lesson-exercises{background:linear-gradient(180deg,#fffefb,#f8f2e2) !important; border:1px solid #e6dcbe !important;
  box-shadow:0 1px 1px rgba(0,0,0,.10),0 16px 34px -18px rgba(80,60,20,.5),inset 0 1px 0 #fff !important;
  border-radius:16px !important;}
html.theme-skeuo .gr-theory-intro{color:#4a4438 !important;}
html.theme-skeuo .gr-theory-objectives{background:linear-gradient(180deg,#fff7e0,#ffefc2) !important; border:1px solid #e9d290 !important;
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(150,110,20,.2) !important; border-radius:12px !important;}
html.theme-skeuo .gr-theory-objectives-label{color:#9a7a18 !important; text-shadow:0 1px 0 #fff;}
html.theme-skeuo .gr-theory-section{border-top:1px solid #ece1c4 !important;}
html.theme-skeuo .gr-theory-section-head h2{font-family:var(--gk-serif) !important; color:#2f2a22 !important; text-shadow:0 1px 0 #fff;}
html.theme-skeuo .gr-theory-table{border-radius:10px !important; overflow:hidden; box-shadow:0 1px 2px rgba(0,0,0,.18);}
html.theme-skeuo .gr-theory-table th{background:linear-gradient(180deg,#eef1f4,#dde2e8) !important; color:#3a4660 !important;
  border-bottom:1px solid #c4ccd9 !important; box-shadow:inset 0 1px 0 #fff !important; text-shadow:0 1px 0 #fff;}
html.theme-skeuo .gr-theory-table td{background:#fffdf6 !important; border-color:#ece1c4 !important; color:#4a4438 !important;}
html.theme-skeuo .gr-objective-pill{background:linear-gradient(180deg,#fff,#eceff4) !important; border:1px solid #c8cdd6 !important;
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.18) !important; color:#55606f !important; text-shadow:0 1px 0 #fff; border-radius:11px !important;}
html.theme-skeuo .gr-objective-pill .gr-objective-pill-num{background:linear-gradient(180deg,#aab4c2,#7d8898) !important; color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.3); text-shadow:0 -1px 0 rgba(0,0,0,.3);}
html.theme-skeuo .gr-objective-pill.is-active{color:#fff !important; text-shadow:0 -1px 1px rgba(0,40,60,.4) !important;
  background:linear-gradient(180deg,var(--gk-t1),var(--gk-t2)) !important; border-color:var(--gk-tEdge) !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.7),0 2px 3px rgba(0,0,0,.28) !important;}
html.theme-skeuo .gr-objective-pill.is-active .gr-objective-pill-num{background:rgba(255,255,255,.3) !important;}
html.theme-skeuo .gr-objective-pill.is-done{color:#176b46 !important; background:linear-gradient(180deg,#eafbef,#cdf0d8) !important; border-color:#9fd9b2 !important;}
html.theme-skeuo .gr-objective-pill.is-done .gr-objective-pill-num{background:linear-gradient(180deg,#7fe08a,#2fae4e) !important;}
html.theme-skeuo .gr-ex-card{background:linear-gradient(180deg,#fffefa,#fbf6e8) !important; border:1px solid #e6dcc0 !important;
  box-shadow:0 1px 1px rgba(0,0,0,.10),0 6px 16px -8px rgba(80,60,20,.4),inset 0 1px 0 #fff !important; border-radius:14px !important;}
html.theme-skeuo .gr-ex-card.is-correct{background:linear-gradient(180deg,#f4fdf6,#e6f7ec) !important; border-color:#b6e3c4 !important;}
html.theme-skeuo .gr-ex-card-num{color:#7a7060 !important; text-shadow:0 1px 0 #fff;}
html.theme-skeuo .gr-ex-prompt{font-family:var(--gk-serif) !important; color:#2f2a22 !important; font-size:17px !important;}
html.theme-skeuo .gr-ex-card-tag{box-shadow:inset 0 1px 0 #fff,0 1px 1px rgba(0,0,0,.15) !important; text-shadow:0 1px 0 rgba(255,255,255,.5);}
html.theme-skeuo .gr-mcq-option{background:linear-gradient(180deg,#ffffff,#eef1f6) !important; border:1px solid #c4ccd9 !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(0,0,0,.18) !important; color:#3a4660 !important; text-shadow:0 1px 0 #fff; border-radius:12px !important;}
html.theme-skeuo .gr-mcq-letter{background:linear-gradient(180deg,#8aa6c8,#5c789c) !important; color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.3) !important; text-shadow:0 -1px 0 rgba(0,0,0,.3); border-radius:8px !important;}
html.theme-skeuo .gr-mcq-option.is-selected{background:linear-gradient(180deg,#e6f8fb,#cdeef5) !important; border-color:#8fd6e3 !important; color:#0c6e7d !important;}
html.theme-skeuo .gr-mcq-option.is-selected .gr-mcq-letter{background:linear-gradient(180deg,var(--gk-t1),var(--gk-t2)) !important;}
html.theme-skeuo .gr-mcq-option.is-correct{background:linear-gradient(180deg,#e9fbef,#cdf0d8) !important; border-color:#9fd9b2 !important; color:#176b46 !important;}
html.theme-skeuo .gr-mcq-option.is-correct .gr-mcq-letter{background:linear-gradient(180deg,#7fe08a,#2fae4e) !important;}
html.theme-skeuo .gr-blank{display:inline-block; min-width:104px; height:1.15em; margin:0 4px; vertical-align:-2px; border-radius:7px;
  background:linear-gradient(180deg,#e7dfca,#f5efe0);
  border:1px solid #d3c7a6;
  box-shadow:inset 0 2px 4px rgba(120,90,40,.32), inset 0 -1px 0 rgba(255,255,255,.75), 0 1px 0 rgba(255,255,255,.5);}
html.theme-skeuo .gr-blank--filled{color:#0c6e7d; font-style:normal; padding:0 12px; width:auto;
  background:linear-gradient(180deg,#e6fbff,#c9f1f6); border-color:#9fdfe7; box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,80,90,.2);}
html.theme-skeuo.ae-dark-mode .gr-root{background:linear-gradient(180deg,#2a1c10,#1f140c 55%,#150d07 100%) !important; color:#e8ddc6 !important;}
html.theme-skeuo.ae-dark-mode .gr-sidebar{background:
    repeating-radial-gradient(circle at 28% 18%, rgba(0,0,0,.10) 0 1.5px, transparent 1.5px 3.6px),
    radial-gradient(120% 70% at 50% -6%, rgba(120,80,40,.18), transparent 55%),
    linear-gradient(180deg,#2a1d12,#1f140c 60%,#150d07 100%) !important; border-right:1px solid #000 !important;
  box-shadow:inset -10px 0 22px -14px rgba(0,0,0,.85), inset 0 1px 0 rgba(150,100,50,.12) !important;}
html.theme-skeuo.ae-dark-mode .gr-sidebar-brand{border-bottom:1px solid rgba(255,222,172,.1) !important; box-shadow:0 1px 0 rgba(255,222,172,.06);}
html.theme-skeuo.ae-dark-mode .gr-sidebar-brand-name{color:#f1e6cd !important; text-shadow:0 1px 1px #000;}
html.theme-skeuo.ae-dark-mode .gr-sidebar-brand-sub{color:#a99873 !important;}
html.theme-skeuo.ae-dark-mode .gr-nav-item{color:#d8c9a8 !important; text-shadow:0 1px 1px rgba(0,0,0,.6) !important;}
html.theme-skeuo.ae-dark-mode .gr-nav-item .gr-nav-icon{color:#c79a4e !important;}
html.theme-skeuo.ae-dark-mode .gr-nav-item:hover{background:rgba(255,226,176,.07) !important; box-shadow:inset 0 1px 0 rgba(255,226,176,.1) !important;}
html.theme-skeuo.ae-dark-mode .gr-nav-item.is-active{color:#3a2a12 !important; text-shadow:0 1px 0 rgba(255,247,212,.5) !important;
  background:linear-gradient(180deg,#eccd8c,#d0a452 55%,#bd8e3a) !important;
  box-shadow:inset 0 1px 1px rgba(255,249,222,.9),inset 0 -3px 6px rgba(120,80,15,.4),0 2px 5px rgba(0,0,0,.5) !important;}
html.theme-skeuo.ae-dark-mode .gr-nav-item.is-active .gr-nav-icon{color:#5a3c10 !important;}
html.theme-skeuo.ae-dark-mode .gr-darkmode-btn, html.theme-skeuo.ae-dark-mode .gr-home-link, html.theme-skeuo.ae-dark-mode .gr-footer-nav-link{color:#d8c9a8 !important; text-shadow:0 1px 1px rgba(0,0,0,.6);}
html.theme-skeuo.ae-dark-mode .gr-darkmode-btn:hover, html.theme-skeuo.ae-dark-mode .gr-home-link:hover{background:rgba(255,226,176,.07) !important;}
html.theme-skeuo.ae-dark-mode .gr-user-chip{background:linear-gradient(180deg,#2f2820,#241e16) !important; border:1px solid rgba(255,222,172,.12) !important; box-shadow:inset 0 1px 0 rgba(255,222,172,.08),0 1px 2px rgba(0,0,0,.5) !important;}
html.theme-skeuo.ae-dark-mode .gr-user-name{color:#f1e6cd !important; text-shadow:0 1px 1px #000;}
html.theme-skeuo.ae-dark-mode .gr-user-sub{color:#a99873 !important;}
html.theme-skeuo.ae-dark-mode .gr-lesson-topbar{background:linear-gradient(180deg,#3b3a44,#232229) !important; border-bottom:1px solid #0c0b10 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 2px 6px rgba(0,0,0,.5) !important;}
html.theme-skeuo.ae-dark-mode .gr-lesson-topbar-title h1{color:#ece9f5 !important; text-shadow:0 1px 1px #000;}
html.theme-skeuo.ae-dark-mode .gr-lesson-topbar-tier{color:#8de8f2 !important; background:linear-gradient(180deg,#143a42,#0d2a31) !important; border:1px solid #1d6a78 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important; text-shadow:0 1px 1px #000;}
html.theme-skeuo.ae-dark-mode .gr-lesson-back{color:#b8b3c8 !important; text-shadow:0 1px 1px #000;}
html.theme-skeuo.ae-dark-mode .gr-btn, html.theme-skeuo.ae-dark-mode .gr-icon-btn, html.theme-skeuo.ae-dark-mode .gr-icon-btn-sm{color:#d8d4e4 !important; text-shadow:0 1px 1px rgba(0,0,0,.6) !important;
  background:linear-gradient(180deg,#3a3943,#2a2932) !important; border:1px solid rgba(255,255,255,.10) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 2px rgba(0,0,0,.5) !important;}
html.theme-skeuo.ae-dark-mode .gr-lesson-theory, html.theme-skeuo.ae-dark-mode .gr-lesson-exercises{background:linear-gradient(180deg,#2a2932,#211f28) !important; border:1px solid rgba(255,255,255,.07) !important;
  box-shadow:0 16px 34px -18px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.05) !important;}
html.theme-skeuo.ae-dark-mode .gr-theory-intro, html.theme-skeuo.ae-dark-mode .gr-theory-section-body{color:#cbc7d8 !important;}
html.theme-skeuo.ae-dark-mode .gr-theory-objectives{background:linear-gradient(180deg,#332b1c,#271f12) !important; border:1px solid rgba(255,200,110,.20) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;}
html.theme-skeuo.ae-dark-mode .gr-theory-objectives-label{color:#e0b46a !important; text-shadow:0 1px 1px #000;}
html.theme-skeuo.ae-dark-mode .gr-theory-objectives-list{color:#d6cfbe !important;}
html.theme-skeuo.ae-dark-mode .gr-theory-section{border-top:1px solid rgba(255,255,255,.06) !important;}
html.theme-skeuo.ae-dark-mode .gr-theory-section-head h2{color:#ece9f5 !important; text-shadow:0 1px 1px #000;}
html.theme-skeuo.ae-dark-mode .gr-theory-table th{background:linear-gradient(180deg,#33323d,#26252e) !important; color:#cdd6e2 !important; border-bottom:1px solid rgba(255,255,255,.08) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important; text-shadow:0 1px 1px #000;}
html.theme-skeuo.ae-dark-mode .gr-theory-table td{background:#211f28 !important; border-color:rgba(255,255,255,.06) !important; color:#cbc7d8 !important;}
html.theme-skeuo.ae-dark-mode .gr-objective-pill{background:linear-gradient(180deg,#2f2e39,#26252f) !important; border:1px solid rgba(255,255,255,.09) !important; color:#bcb8cc !important; text-shadow:0 1px 1px #000; box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 1px 2px rgba(0,0,0,.5) !important;}
html.theme-skeuo.ae-dark-mode .gr-objective-pill.is-done{color:#7fe0a0 !important; background:linear-gradient(180deg,#1f2e22,#19271d) !important; border-color:rgba(120,220,150,.28) !important;}
html.theme-skeuo.ae-dark-mode .gr-ex-card{background:linear-gradient(180deg,#2a2932,#211f29) !important; border:1px solid rgba(255,255,255,.07) !important; box-shadow:0 6px 16px -8px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.05) !important;}
html.theme-skeuo.ae-dark-mode .gr-ex-card.is-correct{background:linear-gradient(180deg,#1f2e22,#1a261d) !important; border-color:rgba(120,220,150,.28) !important;}
html.theme-skeuo.ae-dark-mode .gr-ex-card-num{color:#a8a4ba !important; text-shadow:0 1px 1px #000;}
html.theme-skeuo.ae-dark-mode .gr-ex-prompt{color:#ece9f5 !important;}
html.theme-skeuo.ae-dark-mode .gr-ex-instruction{color:#a8a4ba !important;}
html.theme-skeuo.ae-dark-mode .gr-mcq-option{background:linear-gradient(180deg,#2f2e3a,#26252f) !important; border:1px solid rgba(255,255,255,.09) !important; color:#d8d4e4 !important; text-shadow:0 1px 1px #000; box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 2px 4px rgba(0,0,0,.5) !important;}
html.theme-skeuo.ae-dark-mode .gr-mcq-option.is-selected{background:linear-gradient(180deg,#123a42,#0e2c33) !important; border-color:#1d6a78 !important; color:#aee8f0 !important;}
html.theme-skeuo.ae-dark-mode .gr-mcq-option.is-correct{background:linear-gradient(180deg,#1f3326,#18281d) !important; border-color:rgba(120,220,150,.30) !important; color:#9fe8b6 !important;}
html.theme-skeuo.ae-dark-mode .gr-blank{background:linear-gradient(180deg,#19181f,#211f29) !important; border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:inset 0 2px 4px rgba(0,0,0,.65), inset 0 -1px 0 rgba(255,255,255,.05) !important;}
html.theme-skeuo.ae-dark-mode .gr-blank--filled{color:#8de8f2 !important; background:linear-gradient(180deg,#143a42,#0d2a31) !important; border-color:#1d6a78 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;}

/* ════════════════════════════════════════════════════════════════════
   ROADMAP PAGE (/luyen-grammar/, view-roadmap.php) — skeuo skin.
   Covers the flat landing elements: track tabs, purple hero + stat tiles,
   hero CTA + style toggle, saga banner/nodes, linear nodes/cards/chips,
   tier badges + progress, foot CTA.
   LIGHT = cream paper on honey-oak; DARK = warm WALNUT (matches vocab),
   NEVER cool grey. Hero stays purple but gains glass/gel depth.
   ════════════════════════════════════════════════════════════════════ */

/* ── Track toggle pills (Tổng quát / IELTS chuyên sâu) ───────────────── */
html.theme-skeuo .gr-track-tabs{background:linear-gradient(180deg,#f6f1e5,#e9e1cd) !important; border:1px solid #c9bfa6 !important;
  box-shadow:inset 0 1px 0 #fff,inset 0 -2px 5px rgba(120,90,30,.18),0 1px 2px rgba(120,90,30,.2) !important; border-radius:16px !important;}
html.theme-skeuo .gr-track-tab{color:#6a6151 !important; text-shadow:0 1px 0 #fff; border:1px solid transparent !important; border-radius:11px !important;}
html.theme-skeuo .gr-track-tab small{color:#9b917a !important;}
html.theme-skeuo .gr-track-tab:hover{background:rgba(255,255,255,.5) !important; color:#4a4234 !important; box-shadow:inset 0 1px 0 #fff !important;}
html.theme-skeuo .gr-track-tab.is-active{color:#fff !important; text-shadow:0 -1px 1px rgba(0,40,60,.5) !important;
  background:linear-gradient(180deg,var(--gk-t1),var(--gk-t2)) !important; border:1px solid var(--gk-tEdge) !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.85),inset 0 -4px 7px rgba(0,60,90,.45),0 2px 5px rgba(0,0,0,.3) !important;}
html.theme-skeuo .gr-track-tab.is-active small{color:rgba(255,255,255,.9) !important; text-shadow:0 -1px 1px rgba(0,40,60,.4);}

/* ── Hero (purple, kept readable) — add gloss + raised panel ─────────── */
html.theme-skeuo .gr-hero{border:1px solid rgba(80,40,120,.55) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -26px 50px -30px rgba(0,0,0,.5),0 16px 34px -16px rgba(70,40,120,.55) !important;}
html.theme-skeuo .gr-hero::after{content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit;
  background:radial-gradient(120% 70% at 50% -10%,rgba(255,255,255,.35),transparent 56%);}
html.theme-skeuo .gr-hero-text h1{text-shadow:0 1px 2px rgba(0,0,0,.35) !important;}
/* Glass stat tiles on the hero */
html.theme-skeuo .gr-hero-stat{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.08)) !important;
  border:1px solid rgba(255,255,255,.32) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -6px 12px -6px rgba(0,0,0,.35),0 2px 5px rgba(0,0,0,.22) !important;
  border-radius:13px !important;}
html.theme-skeuo .gr-hero-stat-value{text-shadow:0 1px 2px rgba(0,0,0,.4) !important;}
html.theme-skeuo .gr-hero-allclear{box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 2px 5px rgba(0,0,0,.2) !important;}
/* Primary CTA — glossy white/ivory gel */
html.theme-skeuo .gr-hero .gr-btn-primary{background:linear-gradient(180deg,#ffffff,#eef1f5) !important; color:#0c5a78 !important;
  border:1px solid #cfd7df !important;
  box-shadow:inset 0 1px 1px #fff,inset 0 -4px 7px rgba(0,40,60,.10),0 4px 10px rgba(0,0,0,.28) !important; text-shadow:0 1px 0 #fff !important;}
html.theme-skeuo .gr-hero .gr-btn-primary:active{box-shadow:inset 0 2px 5px rgba(0,40,60,.28) !important;}
/* Style toggle (Zig-zag / Danh sách) — recessed glass track + raised active */
html.theme-skeuo .gr-style-toggle{background:rgba(0,0,0,.22) !important; border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.35),0 1px 0 rgba(255,255,255,.18) !important;}
html.theme-skeuo .gr-style-toggle button.is-active{background:linear-gradient(180deg,#ffffff,#e8edf3) !important;
  box-shadow:inset 0 1px 1px #fff,0 2px 5px rgba(0,0,0,.3) !important;}
html.theme-skeuo .gr-style-toggle button.is-active span{color:#0c5a78 !important; text-shadow:0 1px 0 #fff !important;}

/* ── SAGA view: world banner + candy nodes ──────────────────────────── */
html.theme-skeuo .gr-saga-banner{border:1px solid rgba(0,0,0,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -22px 44px -26px rgba(0,0,0,.5),0 14px 30px -14px rgba(0,0,0,.45) !important;}
html.theme-skeuo .gr-saga-banner-tag{background:rgba(255,255,255,.28) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 1px 2px rgba(0,0,0,.2) !important; text-shadow:0 1px 1px rgba(0,0,0,.25);}
html.theme-skeuo .gr-saga-banner-title{text-shadow:0 1px 2px rgba(0,0,0,.3) !important;}
html.theme-skeuo .gr-saga-banner-bar{background:rgba(0,0,0,.22) !important; box-shadow:inset 0 1px 3px rgba(0,0,0,.4) !important;}
html.theme-skeuo .gr-saga-banner-fill{box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 0 8px rgba(255,255,255,.5) !important;}
/* Candy circles keep their hue but get a glossier gel rim + dot pattern paper */
html.theme-skeuo .gr-saga-path::before{background-image:radial-gradient(circle,rgba(120,90,40,.28) 1px,transparent 1px) !important;}
html.theme-skeuo .gr-saga-node-circle{border:1px solid rgba(0,0,0,.14) !important;}
html.theme-skeuo .gr-saga-num{text-shadow:0 1px 1px rgba(0,0,0,.35);}
html.theme-skeuo .gr-saga-name{color:#5a5142 !important; text-shadow:0 1px 0 #fff;}
html.theme-skeuo .gr-saga-tag{background:linear-gradient(180deg,#fff7e0,#ffe6ad) !important; color:#9a6a12 !important;
  border:1px solid #e9c97a !important; box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(150,110,20,.25) !important; text-shadow:0 1px 0 #fff;}
html.theme-skeuo .gr-saga-pin{background:linear-gradient(180deg,#fffdf6,#f3e6c6) !important; box-shadow:inset 0 1px 0 #fff,0 4px 10px rgba(120,80,15,.3) !important;}

/* ── LINEAR view: tier header + nodes + lesson cards ─────────────────── */
html.theme-skeuo .gr-tier-badge{border:1px solid rgba(0,0,0,.2) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -3px 6px rgba(0,0,0,.22),0 2px 4px rgba(0,0,0,.28) !important; text-shadow:0 1px 1px rgba(0,0,0,.3) !important;}
html.theme-skeuo .gr-tier-name{color:#2f2a22 !important; text-shadow:0 1px 0 #fff;}
html.theme-skeuo .gr-tier-desc{color:#8a7f66 !important;}
html.theme-skeuo .gr-tier-progress-text{color:#6a6151 !important; text-shadow:0 1px 0 #fff;}
html.theme-skeuo .gr-tier-progress-bar{background:linear-gradient(180deg,#e4dcc6,#efe8d6) !important;
  border:1px solid #d3c7a6 !important; box-shadow:inset 0 2px 4px rgba(120,90,40,.32),inset 0 -1px 0 rgba(255,255,255,.6) !important;}
html.theme-skeuo .gr-tier-progress-fill{box-shadow:inset 0 1px 0 rgba(255,255,255,.45) !important;}
/* Numbered lesson circles (linear) — raised brass/teal coins */
html.theme-skeuo .gr-node{background:linear-gradient(180deg,#fffefb,#efe6d2) !important; border:3px solid #d8cdb0 !important;
  color:#7a7060 !important; box-shadow:inset 0 1px 0 #fff,inset 0 -4px 8px rgba(120,90,40,.22),0 4px 10px -3px rgba(80,60,20,.4) !important;}
html.theme-skeuo .gr-node-num{text-shadow:0 1px 0 #fff;}
html.theme-skeuo .gr-node--available{border-color:#7fd0dc !important; color:#0c6e7d !important;}
html.theme-skeuo .gr-node--current{border-color:var(--gk-tEdge) !important; color:#fff !important;
  background:linear-gradient(180deg,var(--gk-t1),var(--gk-t2)) !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.85),inset 0 -5px 9px rgba(0,60,90,.45),0 4px 10px -2px rgba(0,0,0,.32) !important;}
html.theme-skeuo .gr-node--current .gr-node-num{text-shadow:0 -1px 1px rgba(0,40,60,.5);}
html.theme-skeuo .gr-node--done{border-color:#2fae4e !important; color:#fff !important;
  background:linear-gradient(180deg,#7fe08a,#2fae4e) !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.7),inset 0 -5px 9px rgba(20,110,50,.4),0 4px 10px -2px rgba(0,0,0,.3) !important;}
/* White lesson cards */
html.theme-skeuo .gr-trail-info{background:linear-gradient(180deg,#fffefb,#f8f2e2) !important; border:1px solid #e6dcbe !important;
  box-shadow:0 1px 1px rgba(0,0,0,.10),0 12px 26px -14px rgba(80,60,20,.45),inset 0 1px 0 #fff !important; border-radius:16px !important;}
html.theme-skeuo .gr-trail-row:hover .gr-trail-info{border-color:#cdbf99 !important;
  box-shadow:0 1px 1px rgba(0,0,0,.10),0 16px 32px -14px rgba(80,60,20,.55),inset 0 1px 0 #fff !important;}
html.theme-skeuo .gr-trail-info-name{color:#2f2a22 !important;}
html.theme-skeuo .gr-trail-info-objs{color:#8a7f66 !important;}
html.theme-skeuo .gr-trail-info-tag{background:linear-gradient(180deg,#fff7e0,#ffe6ad) !important; color:#9a6a12 !important;
  border:1px solid #e9c97a !important; box-shadow:inset 0 1px 0 #fff,0 1px 1px rgba(150,110,20,.2) !important; text-shadow:0 1px 0 #fff;}
/* Level / status chips — embossed pills */
html.theme-skeuo .gr-trail-chip{box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 1px 2px rgba(0,0,0,.15) !important; text-shadow:0 1px 0 rgba(255,255,255,.5); border:1px solid rgba(0,0,0,.06) !important;}
html.theme-skeuo .gr-trail-chip--easy{background:linear-gradient(180deg,#eafbef,#cdf0d8) !important; color:#176b46 !important; border-color:#9fd9b2 !important;}
html.theme-skeuo .gr-trail-chip--medium{background:linear-gradient(180deg,#fff7e0,#ffe6ad) !important; color:#9a6a12 !important; border-color:#e9c97a !important;}
html.theme-skeuo .gr-trail-chip--hard{background:linear-gradient(180deg,#ffecea,#f8d2cd) !important; color:#a8392b !important; border-color:#e8a99f !important;}
html.theme-skeuo .gr-trail-chip--done{background:linear-gradient(180deg,#eafbef,#cdf0d8) !important; color:#176b46 !important; border-color:#9fd9b2 !important;}
html.theme-skeuo .gr-trail-chip--inprogress{background:linear-gradient(180deg,#e6fbff,#c9f1f6) !important; color:#0c6e7d !important; border-color:#9fdfe7 !important;}
html.theme-skeuo .gr-trail::before{border-left-color:#d3c7a6 !important;}

/* ── Foot CTA card ───────────────────────────────────────────────────── */
html.theme-skeuo .gr-foot-cta{background:linear-gradient(180deg,#fffefb,#f8f2e2) !important; border:1px solid #e6dcbe !important;
  box-shadow:0 1px 1px rgba(0,0,0,.10),0 14px 30px -16px rgba(80,60,20,.5),inset 0 1px 0 #fff !important; border-radius:16px !important;}
html.theme-skeuo .gr-foot-cta-text{color:#6a6151 !important;}
html.theme-skeuo .gr-foot-cta-text strong{color:#2f2a22 !important; text-shadow:0 1px 0 #fff;}
html.theme-skeuo .gr-btn-outline{background:linear-gradient(180deg,#fdfdfd,#dcdcde) !important; color:#4a4a4c !important; border:1px solid #b3b3b5 !important;
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.2) !important; text-shadow:0 1px 0 #fff !important; border-radius:11px !important;}

/* ════════════════════════════════════════════════════════════════════
   ROADMAP — DARK SKEUO (warm WALNUT, brass-gold; NEVER cool grey/black)
   ════════════════════════════════════════════════════════════════════ */
html.theme-skeuo.ae-dark-mode .gr-track-tabs{background:linear-gradient(180deg,#2f2820,#241e16) !important; border:1px solid #15110b !important;
  box-shadow:inset 0 1px 0 rgba(255,222,172,.12),inset 0 -2px 6px rgba(0,0,0,.45),0 1px 2px rgba(0,0,0,.5) !important;}
html.theme-skeuo.ae-dark-mode .gr-track-tab,
html.theme-skeuo.ae-dark-mode .gr-track-tab span{color:#d8c9a8 !important; text-shadow:0 1px 1px #000 !important;}
html.theme-skeuo.ae-dark-mode .gr-track-tab small{color:#a99873 !important;}
html.theme-skeuo.ae-dark-mode .gr-track-tab:hover,
html.theme-skeuo.ae-dark-mode .gr-track-tab:hover span{background:rgba(255,226,176,.07) !important; color:#f1e6cd !important;}
html.theme-skeuo.ae-dark-mode .gr-track-tab.is-active,
html.theme-skeuo.ae-dark-mode .gr-track-tab.is-active span{color:#3a2a12 !important; text-shadow:0 1px 0 rgba(255,247,212,.5) !important;}
html.theme-skeuo.ae-dark-mode .gr-track-tab.is-active{background:linear-gradient(180deg,#eccd8c,#d0a452 55%,#bd8e3a) !important; border:1px solid #8d6822 !important;
  box-shadow:inset 0 1px 1px rgba(255,249,222,.9),inset 0 -3px 6px rgba(120,80,15,.4),0 2px 5px rgba(0,0,0,.5) !important;}
html.theme-skeuo.ae-dark-mode .gr-track-tab.is-active small{color:rgba(58,42,18,.8) !important; text-shadow:none;}

/* Hero — keep purple but deepen + warm gloss so it reads on walnut */
html.theme-skeuo.ae-dark-mode .gr-hero{border:1px solid rgba(0,0,0,.5) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -26px 50px -30px rgba(0,0,0,.6),0 16px 34px -16px rgba(0,0,0,.6) !important;}
html.theme-skeuo.ae-dark-mode .gr-hero-stat{background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.05)) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -6px 12px -6px rgba(0,0,0,.5),0 2px 5px rgba(0,0,0,.4) !important;}
html.theme-skeuo.ae-dark-mode .gr-hero .gr-btn-primary{background:linear-gradient(180deg,#f4d98a,#c89b40 55%,#a87c2a) !important; color:#3a2a12 !important;
  border:1px solid #8d6822 !important; box-shadow:inset 0 1px 1px rgba(255,255,255,.85),inset 0 -3px 6px rgba(90,60,10,.5),0 4px 10px rgba(0,0,0,.5) !important; text-shadow:0 1px 0 rgba(255,247,212,.6) !important;}
html.theme-skeuo.ae-dark-mode .gr-hero .gr-btn-primary svg{color:#3a2a12 !important;}
html.theme-skeuo.ae-dark-mode .gr-style-toggle{background:rgba(0,0,0,.4) !important; border:1px solid rgba(255,222,172,.14) !important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.6) !important;}
html.theme-skeuo.ae-dark-mode .gr-style-toggle button.is-active{background:linear-gradient(180deg,#eccd8c,#bd8e3a) !important;
  box-shadow:inset 0 1px 1px rgba(255,249,222,.8),0 2px 5px rgba(0,0,0,.5) !important;}
html.theme-skeuo.ae-dark-mode .gr-style-toggle button.is-active,
html.theme-skeuo.ae-dark-mode .gr-style-toggle button.is-active span{color:#3a2a12 !important; text-shadow:0 1px 0 rgba(255,247,212,.5) !important;}

/* Saga in dark — warm dotted paper, glossy candies unchanged hue */
html.theme-skeuo.ae-dark-mode .gr-saga-path::before{background-image:radial-gradient(circle,rgba(255,226,176,.14) 1px,transparent 1px) !important;}
html.theme-skeuo.ae-dark-mode .gr-saga-name{color:#cbbf9f !important; text-shadow:0 1px 1px #000;}
html.theme-skeuo.ae-dark-mode .gr-saga-tag{background:linear-gradient(180deg,#3a3326,#2a2418) !important; color:#e0b566 !important;
  border:1px solid rgba(255,210,130,.3) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important; text-shadow:0 1px 1px #000;}

/* Linear in dark — walnut cards, brass numbers */
html.theme-skeuo.ae-dark-mode .gr-tier-name{color:#f1e6cd !important; text-shadow:0 1px 1px #000;}
html.theme-skeuo.ae-dark-mode .gr-tier-desc{color:#a99873 !important;}
html.theme-skeuo.ae-dark-mode .gr-tier-progress-text{color:#cbbf9f !important; text-shadow:0 1px 1px #000;}
html.theme-skeuo.ae-dark-mode .gr-tier-progress-bar{background:linear-gradient(180deg,#181009,#211810) !important; border:1px solid rgba(0,0,0,.5) !important;
  box-shadow:inset 0 2px 4px rgba(0,0,0,.6),inset 0 -1px 0 rgba(255,222,172,.06) !important;}
html.theme-skeuo.ae-dark-mode .gr-node{background:linear-gradient(180deg,#332b20,#241e16) !important; border:3px solid #15110b !important;
  color:#cbbf9f !important; box-shadow:inset 0 1px 0 rgba(255,222,172,.12),inset 0 -4px 8px rgba(0,0,0,.45),0 4px 10px -3px rgba(0,0,0,.55) !important;}
html.theme-skeuo.ae-dark-mode .gr-node-num{text-shadow:0 1px 1px #000;}
html.theme-skeuo.ae-dark-mode .gr-node--available{border-color:#1d6a78 !important; color:#8de8f2 !important;}
html.theme-skeuo.ae-dark-mode .gr-node--current{border-color:#0c8a9e !important; color:#fff !important;
  background:linear-gradient(180deg,var(--gk-t1),var(--gk-t2)) !important;}
html.theme-skeuo.ae-dark-mode .gr-node--done{border-color:#2fae4e !important; color:#fff !important;
  background:linear-gradient(180deg,#3aa85e,#1f7a3c) !important;}
html.theme-skeuo.ae-dark-mode .gr-trail-info{background:linear-gradient(180deg,#2f2820,#241e16) !important; border:1px solid rgba(255,222,172,.12) !important;
  box-shadow:0 12px 26px -14px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,222,172,.1) !important;}
html.theme-skeuo.ae-dark-mode .gr-trail-row:hover .gr-trail-info{border-color:rgba(255,210,130,.28) !important;}
html.theme-skeuo.ae-dark-mode .gr-trail-info-name{color:#f1e6cd !important; text-shadow:0 1px 1px #000;}
html.theme-skeuo.ae-dark-mode .gr-trail-info-objs{color:#b3a684 !important;}
html.theme-skeuo.ae-dark-mode .gr-trail-info-tag{background:linear-gradient(180deg,#3a3326,#2a2418) !important; color:#e0b566 !important; border:1px solid rgba(255,210,130,.3) !important; text-shadow:0 1px 1px #000;}
html.theme-skeuo.ae-dark-mode .gr-trail-chip{text-shadow:0 1px 1px #000; box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 1px 2px rgba(0,0,0,.5) !important; border:1px solid rgba(0,0,0,.3) !important;}
html.theme-skeuo.ae-dark-mode .gr-trail-chip--easy{background:linear-gradient(180deg,#1f2e22,#19271d) !important; color:#7fe0a0 !important; border-color:rgba(120,220,150,.28) !important;}
html.theme-skeuo.ae-dark-mode .gr-trail-chip--medium{background:linear-gradient(180deg,#33301c,#272414) !important; color:#e7c987 !important; border-color:rgba(230,200,120,.3) !important;}
html.theme-skeuo.ae-dark-mode .gr-trail-chip--hard{background:linear-gradient(180deg,#331f1c,#271715) !important; color:#f0a89f !important; border-color:rgba(230,140,120,.3) !important;}
html.theme-skeuo.ae-dark-mode .gr-trail-chip--done{background:linear-gradient(180deg,#1f2e22,#19271d) !important; color:#7fe0a0 !important; border-color:rgba(120,220,150,.28) !important;}
html.theme-skeuo.ae-dark-mode .gr-trail-chip--inprogress{background:linear-gradient(180deg,#123a42,#0e2c33) !important; color:#8de8f2 !important; border-color:#1d6a78 !important;}
html.theme-skeuo.ae-dark-mode .gr-trail::before{border-left-color:rgba(255,222,172,.14) !important;}

/* Foot CTA dark */
html.theme-skeuo.ae-dark-mode .gr-foot-cta{background:linear-gradient(180deg,#2f2820,#241e16) !important; border:1px solid rgba(255,222,172,.12) !important;
  box-shadow:0 14px 30px -16px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,222,172,.1) !important;}
html.theme-skeuo.ae-dark-mode .gr-foot-cta-text{color:#b3a684 !important;}
html.theme-skeuo.ae-dark-mode .gr-foot-cta-text strong{color:#f1e6cd !important; text-shadow:0 1px 1px #000;}
html.theme-skeuo.ae-dark-mode .gr-btn-outline{background:linear-gradient(180deg,#3a3943,#2a2932) !important; color:#d8d4e4 !important; border:1px solid rgba(255,255,255,.1) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 2px rgba(0,0,0,.5) !important; text-shadow:0 1px 1px rgba(0,0,0,.6) !important;}

/* ── Sidebar collapse/expand → skeuo metal panel SVG (icon IS the button chrome) ── */
html.theme-skeuo .gr-sidebar-collapse,html.theme-skeuo .gr-sidebar-expand,
html.theme-skeuo.ae-dark-mode .gr-sidebar-collapse,html.theme-skeuo.ae-dark-mode .gr-sidebar-expand{
  background:transparent !important; border:0 !important; box-shadow:none !important;
  width:44px !important; height:44px !important; padding:0 !important;
  align-items:center !important; justify-content:center !important;
}
html.theme-skeuo .gr-sidebar-collapse{
  display:flex !important; position:fixed !important; top:50% !important;
  left:calc(var(--gr-sidebar-w) - 22px) !important; right:auto !important;
  transform:translateY(-50%) !important; z-index:41 !important;
}
html.theme-skeuo .gr-sidebar-collapse:hover,
html.theme-skeuo.ae-dark-mode .gr-sidebar-collapse:hover{
  background:transparent !important; transform:translateY(-50%) !important; filter:brightness(1.06);
}
html.theme-skeuo body.gr-sidebar-collapsed .gr-sidebar-expand{ display:flex !important; }
html.theme-skeuo body:not(.gr-sidebar-collapsed) .gr-sidebar-expand{ display:none !important; }
html.theme-skeuo .gr-sidebar-expand:hover,
html.theme-skeuo.ae-dark-mode .gr-sidebar-expand:hover{
  background:transparent !important; filter:brightness(1.06);
}
html.theme-skeuo .gr-sidebar-collapse-icon,html.theme-skeuo .gr-sidebar-expand-icon{
  width:44px !important; height:44px !important; flex:0 0 auto; object-fit:contain;
}
html.theme-skeuo .gr-sidebar-collapse .gr-icon-skeuo-light,
html.theme-skeuo .gr-sidebar-collapse .gr-icon-skeuo-dark,
html.theme-skeuo .gr-sidebar-expand .gr-icon-skeuo-light,
html.theme-skeuo .gr-sidebar-expand .gr-icon-skeuo-dark{ display:none; }
html.theme-skeuo:not(.ae-dark-mode) .gr-sidebar-collapse .gr-icon-flat,
html.theme-skeuo:not(.ae-dark-mode) .gr-sidebar-expand .gr-icon-flat{ display:none; }
html.theme-skeuo:not(.ae-dark-mode) .gr-sidebar-collapse .gr-icon-skeuo-light,
html.theme-skeuo:not(.ae-dark-mode) .gr-sidebar-expand .gr-icon-skeuo-light{ display:block; }
html.theme-skeuo.ae-dark-mode .gr-sidebar-collapse .gr-icon-flat,
html.theme-skeuo.ae-dark-mode .gr-sidebar-expand .gr-icon-flat{ display:none; }
html.theme-skeuo.ae-dark-mode .gr-sidebar-collapse .gr-icon-skeuo-dark,
html.theme-skeuo.ae-dark-mode .gr-sidebar-expand .gr-icon-skeuo-dark{ display:block; }
html.theme-skeuo .gr-sidebar-expand .gr-icon-skeuo-light,
html.theme-skeuo .gr-sidebar-expand .gr-icon-skeuo-dark{ transform:scaleX(-1); }
html.theme-skeuo .gr-sidebar-collapsed .gr-sidebar-collapse{ display:none !important; }

/* Mobile/tablet — ẩn collapse/expand desktop (dùng gr-mobile-toggle); beat display:flex !important ở trên */
@media (max-width:1024px){
  html.theme-skeuo .gr-sidebar-collapse,
  html.theme-skeuo .gr-sidebar-expand,
  html.theme-skeuo body.gr-sidebar-collapsed .gr-sidebar-expand,
  html.theme-skeuo.ae-dark-mode .gr-sidebar-collapse,
  html.theme-skeuo.ae-dark-mode .gr-sidebar-expand,
  html.theme-skeuo.ae-dark-mode body.gr-sidebar-collapsed .gr-sidebar-expand{
    display:none !important;
  }
  html.theme-skeuo body.gr-sidebar-collapsed .gr-page,
  html.theme-skeuo body.gr-sidebar-collapsed .gr-dashboard-page,
  html.theme-skeuo body.gr-sidebar-collapsed .gr-exam-page{
    padding-left:28px !important; padding-right:28px !important; max-width:none !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   THPT EXAM PAGE (?view=exam) — setup + active + result + modal
   LIGHT = cream paper / purple hero gloss; DARK = warm WALNUT panels
   ════════════════════════════════════════════════════════════════════ */

/* ── Hero banner (purple MOET — same gloss language as .gr-hero) ───── */
html.theme-skeuo .gr-exam-hero{ position:relative; border:1px solid rgba(80,40,120,.55) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -26px 50px -30px rgba(0,0,0,.5),0 16px 34px -16px rgba(70,40,120,.55) !important; }
html.theme-skeuo .gr-exam-hero::after{ content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit;
  background:radial-gradient(120% 70% at 50% -10%,rgba(255,255,255,.35),transparent 56%); }
html.theme-skeuo .gr-exam-hero h1{ text-shadow:0 1px 2px rgba(0,0,0,.35) !important; }
html.theme-skeuo .gr-exam-badge{ background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.12)) !important;
  border:1px solid rgba(255,255,255,.35) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 1px 3px rgba(0,0,0,.25) !important; text-shadow:0 1px 1px rgba(0,0,0,.25); }
html.theme-skeuo .gr-exam-hero-icon{ background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.08)) !important;
  border:1px solid rgba(255,255,255,.32) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -6px 12px -6px rgba(0,0,0,.35),0 2px 5px rgba(0,0,0,.22) !important; }

/* ── Setup panel + stat tiles ──────────────────────────────────────── */
html.theme-skeuo .gr-exam-setup{background:linear-gradient(180deg,#fffefb,#f8f2e2) !important; border:1px solid #e6dcbe !important;
  box-shadow:0 1px 1px rgba(0,0,0,.10),0 16px 34px -18px rgba(80,60,20,.5),inset 0 1px 0 #fff !important; border-radius:16px !important;}
html.theme-skeuo .gr-exam-setup h2{font-family:var(--gk-serif) !important; color:#2f2a22 !important; text-shadow:0 1px 0 #fff;}
html.theme-skeuo .gr-exam-format-cell{background:linear-gradient(180deg,#fff7e0,#ffefc2) !important; border:1px solid #e9d290 !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(150,110,20,.22) !important; border-radius:13px !important;}
html.theme-skeuo .gr-exam-format-cell strong{color:#0c6e7d !important; -webkit-text-fill-color:#0c6e7d !important; background:none !important; text-shadow:0 1px 0 #fff;}
html.theme-skeuo .gr-exam-format-cell span{color:#6a6151 !important; text-shadow:0 1px 0 #fff;}

/* ── Parts overview tray + rows ─────────────────────────────────────── */
html.theme-skeuo .gr-exam-parts-overview{background:linear-gradient(180deg,#f6f1e5,#ece3cd) !important; border:1px solid #d3c7a6 !important;
  box-shadow:inset 0 2px 5px rgba(120,90,40,.22),inset 0 -1px 0 rgba(255,255,255,.65) !important; border-radius:14px !important;}
html.theme-skeuo .gr-exam-part-row{background:linear-gradient(180deg,#fffefb,#f7f1e0) !important; border:1px solid #e6dcbe !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(80,60,20,.18) !important; border-radius:12px !important;}
html.theme-skeuo .gr-exam-part-row strong{color:#2f2a22 !important;}
html.theme-skeuo .gr-exam-part-row small{color:#8a7f66 !important;}
html.theme-skeuo .gr-exam-part-num{background:linear-gradient(180deg,var(--gk-t1),var(--gk-t2)) !important; color:#fff !important;
  border:1px solid var(--gk-tEdge) !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.75),inset 0 -3px 6px rgba(0,60,90,.4),0 2px 4px rgba(0,0,0,.28) !important;
  text-shadow:0 -1px 1px rgba(0,40,60,.45);}

/* ── Form fields + hint ─────────────────────────────────────────────── */
html.theme-skeuo .gr-exam-field label{color:#5a5142 !important; text-shadow:0 1px 0 #fff;}
html.theme-skeuo .gr-exam-toggle,
html.theme-skeuo .gr-exam-field input[type=text]:not(.gr-exam-seed-input),
html.theme-skeuo .gr-exam-field select{
  background:linear-gradient(180deg,#ffffff,#f3ead4) !important; border:1px solid #d8c89a !important; color:#3a342b !important;
  box-shadow:inset 0 1px 2px rgba(120,90,40,.14) !important; border-radius:10px !important;}
/* Mã đề — một viền trên .gr-exam-seed-row; input + nút xúc sắc trong suốt */
html.theme-skeuo .gr-exam-seed-row{
  background:linear-gradient(180deg,#ffffff,#f3ead4) !important; border:1px solid #d8c89a !important;
  box-shadow:inset 0 1px 2px rgba(120,90,40,.14) !important; border-radius:10px !important; overflow:hidden !important;
}
html.theme-skeuo .gr-exam-seed-input{
  background:transparent !important; border:0 !important; box-shadow:none !important; border-radius:0 !important;
  color:#3a342b !important;
}
html.theme-skeuo .gr-exam-seed-rand{
  background:linear-gradient(180deg,#f5f0e4,#e8dcc4) !important; border:0 !important; border-left:1px solid #d8c89a !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55) !important; border-radius:0 !important; color:#0c6e7d !important;
}
html.theme-skeuo .gr-exam-seed-rand:hover{ filter:brightness(1.04); background:linear-gradient(180deg,var(--gk-t1),var(--gk-t2)) !important; color:#fff !important; }
html.theme-skeuo .gr-exam-form-hint{background:linear-gradient(180deg,#fff7df,#ffe9b0) !important; border:1px solid #e6c97a !important;
  color:#6a5a32 !important; box-shadow:inset 0 1px 0 #fff !important; border-radius:10px !important;}
html.theme-skeuo .gr-exam-form-hint strong{color:#8a5a12 !important;}
html.theme-skeuo .gr-exam-form-hint em{color:#4a3820 !important;}

/* ── Start CTA — teal gel (NOT generic .gr-btn metal) ───────────────── */
html.theme-skeuo .gr-exam-start-btn{color:#fff !important; text-shadow:0 -1px 1px rgba(0,40,60,.45) !important;
  background:linear-gradient(180deg,var(--gk-t1),var(--gk-t2)) !important; border:1px solid var(--gk-tEdge) !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.85),inset 0 -4px 7px rgba(0,60,90,.45),0 4px 12px rgba(0,0,0,.32) !important;
  border-radius:999px !important; -webkit-font-smoothing:antialiased !important;}
html.theme-skeuo .gr-exam-start-btn:hover:not(:disabled){ filter:brightness(1.06); transform:translateY(-1px) !important; }
html.theme-skeuo .gr-exam-start-btn svg{color:#fff !important; stroke:#fff !important; }

/* ── Locked upsell card ─────────────────────────────────────────────── */
html.theme-skeuo .gr-exam-locked{background:linear-gradient(180deg,#fffefb,#f8f2e2) !important; border:1px solid #e6dcbe !important;
  box-shadow:0 16px 34px -18px rgba(80,60,20,.5),inset 0 1px 0 #fff !important;}
html.theme-skeuo .gr-exam-locked-icon{background:linear-gradient(180deg,var(--gk-t1),var(--gk-t2)) !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.75),0 8px 20px rgba(0,0,0,.35) !important;}
html.theme-skeuo .gr-exam-locked h1{-webkit-text-fill-color:#0c6e7d !important; color:#0c6e7d !important; background:none !important; text-shadow:0 1px 0 #fff;}
html.theme-skeuo .gr-exam-locked-features li{background:linear-gradient(180deg,#fff,#f3ead4) !important; border:1px solid #e6dcbe !important;
  box-shadow:inset 0 1px 0 #fff !important; border-radius:10px !important;}
html.theme-skeuo .gr-exam-locked-cta{background:linear-gradient(180deg,#fff7e0,#ffe6ad) !important; border:1px solid #e9c97a !important;
  color:#9a6a12 !important; box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(150,110,20,.25) !important; text-shadow:0 1px 0 #fff;}

/* ── Active exam: bar, split panels, options, pad ───────────────────── */
html.theme-skeuo .gr-exam-active{background:linear-gradient(180deg,#fffefb,#f8f2e2) !important; border:1px solid #e6dcbe !important;
  box-shadow:0 12px 28px -14px rgba(80,60,20,.45),inset 0 1px 0 #fff !important; border-radius:16px !important; overflow:hidden;}
html.theme-skeuo .gr-exam-bar{background:linear-gradient(180deg,#fcfcfc,#d6d6d8) !important; border-bottom:1px solid #9a9a9c !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(0,0,0,.16) !important;}
html.theme-skeuo .gr-exam-bar-num{color:#4a4438 !important; text-shadow:0 1px 0 #fff;}
html.theme-skeuo .gr-exam-bar-track{background:linear-gradient(180deg,#e4dcc6,#efe8d6) !important; border:1px solid #d3c7a6 !important;
  box-shadow:inset 0 2px 4px rgba(120,90,40,.32) !important;}
html.theme-skeuo .gr-exam-bar-fill{box-shadow:inset 0 1px 0 rgba(255,255,255,.45) !important;}
html.theme-skeuo .gr-exam-bar-submit{color:#fff !important; text-shadow:0 -1px 1px rgba(0,40,60,.4) !important;
  background:linear-gradient(180deg,var(--gk-t1),var(--gk-t2)) !important; border:1px solid var(--gk-tEdge) !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.7),0 2px 4px rgba(0,0,0,.3) !important;}
html.theme-skeuo .gr-exam-bar-focus{background:linear-gradient(180deg,#fdfdfd,#dcdcde) !important; border:1px solid #b3b3b5 !important;
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.2) !important; color:#4a4a4c !important;}
html.theme-skeuo .gr-exam-part-header{background:linear-gradient(180deg,#f6f1e5,#ece3cd) !important; border-bottom:1px solid #d3c7a6 !important;
  box-shadow:inset 0 1px 0 #fff !important;}
html.theme-skeuo .gr-exam-part-pill{background:linear-gradient(180deg,#fff,#eceff4) !important; border:1px solid #c8cdd6 !important;
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.15) !important;}
html.theme-skeuo .gr-exam-part-pill span{color:#3a4660 !important; text-shadow:0 1px 0 #fff;}
html.theme-skeuo .gr-exam-part-pill small{color:#7a8494 !important;}
html.theme-skeuo .gr-exam-part-pill.is-done{background:linear-gradient(180deg,#eafbef,#cdf0d8) !important; border-color:#9fd9b2 !important;}
html.theme-skeuo .gr-exam-part-pill.is-done span,html.theme-skeuo .gr-exam-part-pill.is-done small{color:#176b46 !important; text-shadow:0 1px 0 #fff;}
html.theme-skeuo .gr-exam-part-pill.is-current,
html.theme-skeuo .gr-exam-part-pill.is-current.is-done{color:#fff !important;
  background:linear-gradient(180deg,var(--gk-t1),var(--gk-t2)) !important; border-color:var(--gk-tEdge) !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.85),0 3px 8px rgba(0,0,0,.28) !important;}
html.theme-skeuo .gr-exam-part-pill.is-current span,html.theme-skeuo .gr-exam-part-pill.is-current small,
html.theme-skeuo .gr-exam-part-pill.is-current.is-done span,html.theme-skeuo .gr-exam-part-pill.is-current.is-done small{
  color:#fff !important; text-shadow:0 -1px 1px rgba(0,40,60,.4) !important;}
html.theme-skeuo .gr-exam-part-title{font-family:var(--gk-serif) !important; color:#2f2a22 !important; text-shadow:0 1px 0 #fff;}
html.theme-skeuo .gr-exam-part-instr{color:#8a7f66 !important;}
html.theme-skeuo .gr-exam-split-left,html.theme-skeuo .gr-exam-split-right{background:linear-gradient(180deg,#fffefb,#f8f2e2) !important;}
html.theme-skeuo .gr-exam-split-left{border-right:1px solid #e6dcbe !important; box-shadow:inset -3px 0 8px -6px rgba(120,90,40,.25);}
html.theme-skeuo .gr-exam-passage{background:linear-gradient(180deg,#fff7e0,#ffefc2) !important; border:1px solid #e9d290 !important;
  border-left:4px solid #d4a017 !important; box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(150,110,20,.2) !important;}
html.theme-skeuo .gr-exam-passage-kind{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 1px 2px rgba(0,0,0,.2) !important;}
html.theme-skeuo .gr-exam-passage h4,html.theme-skeuo .gr-exam-passage-text{color:#4a4438 !important;}
html.theme-skeuo .gr-exam-blank{background:linear-gradient(180deg,#e7dfca,#f5efe0) !important; border:1px solid #d3c7a6 !important;
  box-shadow:inset 0 2px 4px rgba(120,90,40,.22),inset 0 -1px 0 rgba(255,255,255,.75) !important;}
html.theme-skeuo .gr-exam-blank.is-current{background:linear-gradient(180deg,#e6fbff,#c9f1f6) !important; border-color:#9fdfe7 !important;
  box-shadow:inset 0 1px 0 #fff,0 0 0 3px rgba(38,198,214,.2) !important;}
html.theme-skeuo .gr-exam-q-num{color:#0c6e7d !important; text-shadow:0 1px 0 #fff;}
html.theme-skeuo .gr-exam-q-prompt{font-family:var(--gk-serif) !important; color:#2f2a22 !important;}
html.theme-skeuo .gr-exam-q-opt{background:linear-gradient(180deg,#ffffff,#eef1f6) !important; border:1px solid #c4ccd9 !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(0,0,0,.18) !important; color:#3a4660 !important; border-radius:12px !important;}
html.theme-skeuo .gr-exam-q-opt-letter{background:linear-gradient(180deg,#8aa6c8,#5c789c) !important; color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.3) !important; text-shadow:0 -1px 0 rgba(0,0,0,.3);}
html.theme-skeuo .gr-exam-q-opt.is-selected{background:linear-gradient(180deg,#e6f8fb,#cdeef5) !important; border-color:#8fd6e3 !important; color:#0c6e7d !important;}
html.theme-skeuo .gr-exam-q-opt.is-selected .gr-exam-q-opt-letter{background:linear-gradient(180deg,var(--gk-t1),var(--gk-t2)) !important;}
html.theme-skeuo .gr-exam-q-opt.is-correct{background:linear-gradient(180deg,#e9fbef,#cdf0d8) !important; border-color:#9fd9b2 !important; color:#176b46 !important;}
html.theme-skeuo .gr-exam-q-opt.is-user-wrong{background:linear-gradient(180deg,#ffecea,#f8d2cd) !important; border-color:#e8a99f !important; color:#a8392b !important;}
html.theme-skeuo .gr-exam-q-pad--rows{background:linear-gradient(180deg,#f6f1e5,#ece3cd) !important; border:1px solid #d3c7a6 !important;
  box-shadow:inset 0 2px 5px rgba(120,90,40,.22),inset 0 -1px 0 rgba(255,255,255,.6) !important;}
html.theme-skeuo .gr-exam-q-pad-cell{background:linear-gradient(180deg,#fff,#eceff4) !important; border:1px solid #c8cdd6 !important;
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.12) !important; color:#55606f !important; text-shadow:0 1px 0 #fff;}
html.theme-skeuo .gr-exam-q-pad-cell.is-answered{background:linear-gradient(180deg,#e6f8fb,#cdeef5) !important; border-color:#8fd6e3 !important; color:#0c6e7d !important;}
html.theme-skeuo .gr-exam-q-pad-cell.is-current{background:linear-gradient(180deg,var(--gk-t1),var(--gk-t2)) !important; border-color:var(--gk-tEdge) !important;
  color:#fff !important; text-shadow:0 -1px 1px rgba(0,40,60,.4);}
html.theme-skeuo .gr-exam-q-pad-line-pill{background:linear-gradient(180deg,#fdfdfd,#dcdcde) !important; border:1px solid #b3b3b5 !important;
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.18) !important;}
html.theme-skeuo .gr-exam-q-pad-line-pill:not(.is-current-part) strong,
html.theme-skeuo .gr-exam-q-pad-line-pill:not(.is-current-part) small{
  color:#3a4660 !important; -webkit-text-fill-color:#3a4660 !important;
  text-shadow:0 1px 0 #fff !important; opacity:1 !important;
}
html.theme-skeuo .gr-exam-q-pad-line-pill.is-current-part{background:linear-gradient(180deg,var(--gk-t1),var(--gk-t2)) !important; border-color:var(--gk-tEdge) !important;
  color:#fff !important; text-shadow:0 -1px 1px rgba(0,40,60,.4);}
html.theme-skeuo .gr-exam-q-pad-line-pill.is-current-part strong,
html.theme-skeuo .gr-exam-q-pad-line-pill.is-current-part small{
  color:#fff !important; -webkit-text-fill-color:#fff !important;
  text-shadow:0 -1px 1px rgba(0,40,60,.4) !important; opacity:1 !important;
}
html.theme-skeuo .gr-exam-q-pad-cell:not(.is-current):not(.is-answered){
  color:#3a4660 !important; font-weight:700 !important;
}
html.theme-skeuo .gr-exam-q-pad-legend-top{color:#5a5142 !important;}

/* ── Result + review + modal + exam buttons ─────────────────────────── */
html.theme-skeuo .gr-exam-result{background:linear-gradient(180deg,#fffefb,#f8f2e2) !important; border:1px solid #e6dcbe !important;
  box-shadow:0 16px 34px -18px rgba(80,60,20,.5),inset 0 1px 0 #fff !important; border-radius:16px !important;}
html.theme-skeuo .gr-exam-result-head h2{font-family:var(--gk-serif) !important; color:#2f2a22 !important; text-shadow:0 1px 0 #fff;}
html.theme-skeuo .gr-exam-result-score{
  background:linear-gradient(180deg,#fff7e0,#ffefc2) !important; border:1px solid #e9d290 !important;
  box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(150,110,20,.28) !important; color:#3a2f1a !important;
}
html.theme-skeuo .gr-exam-result-score-num{color:#5c3d0a !important; -webkit-text-fill-color:#5c3d0a !important;
  text-shadow:0 1px 0 #fff !important;}
html.theme-skeuo .gr-exam-result-score-max{color:#7a5a1e !important; opacity:1 !important; font-weight:700 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.6) !important;}
html.theme-skeuo .gr-exam-stat{background:linear-gradient(180deg,#fff7e0,#ffefc2) !important; border:1px solid #e9d290 !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(150,110,20,.2) !important; border-radius:13px !important;}
html.theme-skeuo .gr-exam-stat-value{color:#7a5a1e !important; text-shadow:0 1px 0 #fff;}
html.theme-skeuo .gr-exam-stat-label{color:#9a7a18 !important;}
html.theme-skeuo .gr-exam-part-stats,html.theme-skeuo .gr-exam-review-item{background:linear-gradient(180deg,#fffefb,#f7f1e0) !important;
  border:1px solid #e6dcbe !important; box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(80,60,20,.15) !important; border-radius:12px !important;}
html.theme-skeuo .gr-exam-modal{background:linear-gradient(180deg,#fffefb,#f8f2e2) !important; border:1px solid #e6dcbe !important;
  box-shadow:0 20px 50px rgba(0,0,0,.35),inset 0 1px 0 #fff !important; border-radius:18px !important;}
html.theme-skeuo .gr-exam-modal-title{font-family:var(--gk-serif) !important; color:#2f2a22 !important; text-shadow:0 1px 0 #fff;}
html.theme-skeuo .gr-exam-modal-stats{background:linear-gradient(180deg,#f6f1e5,#ece3cd) !important; border:1px solid #d3c7a6 !important;
  box-shadow:inset 0 2px 4px rgba(120,90,40,.2) !important; border-radius:10px !important;}
html.theme-skeuo .gr-exam-btn-primary{color:#fff !important; text-shadow:0 -1px 1px rgba(0,40,60,.4) !important;
  background:linear-gradient(180deg,var(--gk-t1),var(--gk-t2)) !important; border:1px solid var(--gk-tEdge) !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.7),0 2px 4px rgba(0,0,0,.3) !important; border-radius:11px !important;}
html.theme-skeuo .gr-exam-btn-secondary{color:#4a4a4c !important; text-shadow:0 1px 0 #fff !important;
  background:linear-gradient(180deg,#fdfdfd,#dcdcde) !important; border:1px solid #b3b3b5 !important;
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.2) !important; border-radius:11px !important;}
html.theme-skeuo .gr-exam-btn-danger{color:#fff !important; text-shadow:0 -1px 1px rgba(80,10,5,.4) !important;
  background:linear-gradient(180deg,#ff6a5e,#c8231b) !important; border:1px solid #7e120c !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.5),0 2px 5px rgba(0,0,0,.35) !important; border-radius:11px !important;}
html.theme-skeuo .gr-exam-review-banner{background:linear-gradient(180deg,#e6fbff,#c9f1f6) !important; border:1px solid #9fdfe7 !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(0,80,90,.2) !important; color:#0c4a55 !important;}
html.theme-skeuo .gr-exam-review-banner-icon{background:rgba(12,110,125,.12) !important; color:#0c6e7d !important;}
html.theme-skeuo .gr-exam-review-banner-text strong{color:#083840 !important; text-shadow:0 1px 0 #fff;}
html.theme-skeuo .gr-exam-review-banner-text span{color:#0c5560 !important; opacity:1 !important;}
html.theme-skeuo .gr-exam-review-banner-text span strong{color:#083840 !important;}
html.theme-skeuo .gr-exam-review-banner-text code{background:rgba(12,110,125,.14) !important; color:#083840 !important;}
html.theme-skeuo .gr-exam-review-banner-back{background:rgba(12,110,125,.14) !important; color:#0c5560 !important;
  border:1px solid rgba(12,110,125,.22) !important; text-shadow:0 1px 0 #fff !important;}
html.theme-skeuo .gr-exam-review-banner-back:hover{background:rgba(12,110,125,.22) !important;}

/* ════════════════════════════════════════════════════════════════════
   THPT EXAM — DARK SKEUO (warm WALNUT; defeat flat slate overrides)
   ════════════════════════════════════════════════════════════════════ */
html.theme-skeuo.ae-dark-mode .gr-exam-hero{border:1px solid rgba(0,0,0,.5) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -26px 50px -30px rgba(0,0,0,.6),0 16px 34px -16px rgba(0,0,0,.6) !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-setup,html.theme-skeuo.ae-dark-mode .gr-exam-active,html.theme-skeuo.ae-dark-mode .gr-exam-result{
  background:linear-gradient(180deg,#2f2820,#241e16) !important; border:1px solid rgba(255,222,172,.12) !important;
  box-shadow:0 16px 34px -18px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,222,172,.1) !important; color:#e8ddc6 !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-setup h2,html.theme-skeuo.ae-dark-mode .gr-exam-part-title,
html.theme-skeuo.ae-dark-mode .gr-exam-q-prompt,html.theme-skeuo.ae-dark-mode .gr-exam-result-head h2{color:#f1e6cd !important; text-shadow:0 1px 1px #000;}
html.theme-skeuo.ae-dark-mode .gr-exam-result-score{
  background:linear-gradient(180deg,#3a3329,#2a2419) !important; border:1px solid rgba(255,214,150,.32) !important;
  box-shadow:inset 0 1px 0 rgba(255,222,172,.14),0 4px 14px rgba(0,0,0,.5) !important;
}
html.theme-skeuo.ae-dark-mode .gr-exam-result-score-num{
  color:#8de8f2 !important; -webkit-text-fill-color:#8de8f2 !important;
  text-shadow:0 1px 3px rgba(0,0,0,.65) !important;
}
html.theme-skeuo.ae-dark-mode .gr-exam-result-score-max{
  color:#ece2cc !important; opacity:1 !important; font-weight:700 !important; text-shadow:0 1px 2px rgba(0,0,0,.5) !important;
}
html.theme-skeuo.ae-dark-mode .gr-exam-review-banner{
  background:linear-gradient(180deg,#123a42,#0e2c33) !important; border:1px solid rgba(141,232,242,.22) !important;
  box-shadow:inset 0 1px 0 rgba(141,232,242,.08),0 4px 14px rgba(0,0,0,.45) !important; color:#ece2cc !important;
}
html.theme-skeuo.ae-dark-mode .gr-exam-review-banner-icon{background:rgba(141,232,242,.12) !important; color:#8de8f2 !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-review-banner-text strong{color:#f1e6cd !important; text-shadow:0 1px 2px rgba(0,0,0,.5);}
html.theme-skeuo.ae-dark-mode .gr-exam-review-banner-text span{color:#cbbf9e !important; opacity:1 !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-review-banner-text span strong{color:#8de8f2 !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-review-banner-text code{background:rgba(255,255,255,.08) !important; color:#8de8f2 !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-review-banner-back{background:rgba(255,255,255,.08) !important; color:#ece2cc !important;
  border:1px solid rgba(255,214,150,.18) !important; text-shadow:none !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-review-banner-back:hover{background:rgba(255,255,255,.14) !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-format-cell{background:linear-gradient(180deg,#332b1c,#271f12) !important; border:1px solid rgba(255,200,110,.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 2px 5px rgba(0,0,0,.45) !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-format-cell strong{color:#8de8f2 !important; -webkit-text-fill-color:#8de8f2 !important; text-shadow:0 1px 1px #000;}
html.theme-skeuo.ae-dark-mode .gr-exam-format-cell span{color:#b3a684 !important; text-shadow:0 1px 1px #000;}
html.theme-skeuo.ae-dark-mode .gr-exam-parts-overview{background:linear-gradient(180deg,#181009,#211810) !important; border:1px solid rgba(0,0,0,.5) !important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.55),inset 0 -1px 0 rgba(255,222,172,.06) !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-part-row{background:linear-gradient(180deg,#322a21,#272019) !important; border:1px solid rgba(255,222,172,.1) !important;
  box-shadow:inset 0 1px 0 rgba(255,222,172,.08),0 2px 5px rgba(0,0,0,.4) !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-part-row strong{color:#f1e6cd !important; text-shadow:0 1px 1px #000;}
html.theme-skeuo.ae-dark-mode .gr-exam-part-row small{color:#a99873 !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-field > label:not(.gr-exam-toggle){
  color:#ecdcb8 !important; -webkit-text-fill-color:#ecdcb8 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.35) !important; opacity:1 !important;
}
html.theme-skeuo.ae-dark-mode .gr-exam-toggle,
html.theme-skeuo.ae-dark-mode .gr-exam-field input[type=text]:not(.gr-exam-seed-input),
html.theme-skeuo.ae-dark-mode .gr-exam-field select{
  background:#221d15 !important; border:1px solid rgba(255,214,150,.16) !important; color:#ecdfc4 !important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.4) !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-seed-row{
  background:#221d15 !important; border:1px solid rgba(255,214,150,.16) !important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.4) !important; overflow:hidden !important;
}
html.theme-skeuo.ae-dark-mode .gr-exam-seed-input{background:transparent !important; border:0 !important; box-shadow:none !important; color:#ecdfc4 !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-seed-rand{
  background:linear-gradient(180deg,#2f2820,#241e16) !important; border:0 !important;
  border-left:1px solid rgba(255,214,150,.14) !important; box-shadow:inset 0 1px 0 rgba(255,222,172,.08) !important;
  color:#8de8f2 !important; border-radius:0 !important;
}
html.theme-skeuo.ae-dark-mode .gr-exam-seed-rand:hover{ background:linear-gradient(180deg,var(--gk-t1),var(--gk-t2)) !important; color:#fff !important; }
html.theme-skeuo.ae-dark-mode .gr-exam-form-hint{background:linear-gradient(180deg,#332b1c,#271f12) !important; border:1px solid rgba(255,200,110,.2) !important; color:#d8cba8 !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-form-hint strong{color:#ffd9a0 !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-form-hint em{color:#f1e6cd !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-bar{background:linear-gradient(180deg,#3b3a44,#232229) !important; border-bottom:1px solid #0c0b10 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 2px 6px rgba(0,0,0,.5) !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-bar-num,
html.theme-skeuo.ae-dark-mode .gr-exam-bar-num strong{
  color:#ece2cc !important; -webkit-text-fill-color:#ece2cc !important;
  text-shadow:0 1px 2px rgba(0,0,0,.55) !important;
}
html.theme-skeuo.ae-dark-mode .gr-exam-q-num{
  color:#8de8f2 !important; -webkit-text-fill-color:#8de8f2 !important;
  text-shadow:none !important;
  background:linear-gradient(180deg,#123a42,#0e2c33) !important;
  border:1px solid rgba(141,232,242,.22) !important;
  box-shadow:inset 0 1px 0 rgba(141,232,242,.08) !important;
}
html.theme-skeuo.ae-dark-mode .gr-exam-part-header{background:linear-gradient(180deg,#2f2820,#241e16) !important; border-bottom-color:rgba(255,222,172,.1) !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-part-pill{background:linear-gradient(180deg,#2f2e39,#26252f) !important; border:1px solid rgba(255,255,255,.09) !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-part-pill span{color:#ece2cc !important; text-shadow:0 1px 1px #000;}
html.theme-skeuo.ae-dark-mode .gr-exam-part-pill small{color:#a99873 !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-split-left,html.theme-skeuo.ae-dark-mode .gr-exam-split-right{
  background:linear-gradient(180deg,#2f2820,#241e16) !important; border-color:rgba(255,222,172,.1) !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-passage{background:linear-gradient(180deg,#332b1c,#271f12) !important; border-color:rgba(255,200,110,.25) !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-passage h4,html.theme-skeuo.ae-dark-mode .gr-exam-passage-text{color:#ece2cc !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-q-opt{background:linear-gradient(180deg,#2f2e3a,#26252f) !important; border:1px solid rgba(255,255,255,.09) !important;
  color:#d8d4e4 !important; text-shadow:0 1px 1px #000; box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 2px 4px rgba(0,0,0,.5) !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-q-pad--rows{background:linear-gradient(180deg,#181009,#211810) !important; border:1px solid rgba(0,0,0,.5) !important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.55) !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-q-pad-legend-top{color:#cbbf9e !important; border-bottom-color:rgba(255,214,150,.12) !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-q-pad-line-pill{
  background:linear-gradient(180deg,#3a3329,#2a2419) !important; border:1px solid rgba(255,214,150,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,222,172,.08),0 1px 2px rgba(0,0,0,.4) !important;
}
html.theme-skeuo.ae-dark-mode .gr-exam-q-pad-line-pill:not(.is-current-part) strong,
html.theme-skeuo.ae-dark-mode .gr-exam-q-pad-line-pill:not(.is-current-part) small{
  color:#ece2cc !important; -webkit-text-fill-color:#ece2cc !important;
  text-shadow:0 1px 1px #000 !important; opacity:1 !important;
}
html.theme-skeuo.ae-dark-mode .gr-exam-q-pad-line-pill.is-current-part{
  background:linear-gradient(180deg,var(--gk-t1),var(--gk-t2)) !important; border-color:var(--gk-tEdge) !important;
}
html.theme-skeuo.ae-dark-mode .gr-exam-q-pad-line-pill.is-current-part strong,
html.theme-skeuo.ae-dark-mode .gr-exam-q-pad-line-pill.is-current-part small{
  color:#fff !important; -webkit-text-fill-color:#fff !important;
  text-shadow:0 -1px 1px rgba(0,40,60,.45) !important;
}
html.theme-skeuo.ae-dark-mode .gr-exam-q-pad-cell{background:linear-gradient(180deg,#2f2e39,#26252f) !important; border:1px solid rgba(255,255,255,.09) !important; color:#ece2cc !important; text-shadow:0 1px 1px #000;}
html.theme-skeuo.ae-dark-mode .gr-exam-q-pad-cell.is-answered{background:linear-gradient(180deg,#123a42,#0e2c33) !important; border-color:#1d6a78 !important; color:#8de8f2 !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-stat{background:linear-gradient(180deg,#332b1c,#271f12) !important; border:1px solid rgba(255,200,110,.2) !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-stat-value{color:#ffd9a0 !important; text-shadow:0 1px 1px #000;}
html.theme-skeuo.ae-dark-mode .gr-exam-stat-label{color:#e0b46a !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-part-stats,html.theme-skeuo.ae-dark-mode .gr-exam-review-item{
  background:linear-gradient(180deg,#322a21,#272019) !important; border:1px solid rgba(255,222,172,.1) !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-modal{background:linear-gradient(180deg,#2f2820,#241e16) !important; border:1px solid rgba(255,222,172,.12) !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-modal-title{color:#f1e6cd !important; text-shadow:0 1px 1px #000;}
html.theme-skeuo.ae-dark-mode .gr-exam-modal-stats{background:linear-gradient(180deg,#181009,#211810) !important; border:1px solid rgba(0,0,0,.5) !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-btn-secondary{background:linear-gradient(180deg,#3a3329,#2a2419) !important; color:#ece8de !important; border:1px solid #15100a !important;
  text-shadow:0 1px 1px rgba(0,0,0,.6) !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-locked{background:linear-gradient(180deg,#2f2820,#241e16) !important; border:1px solid rgba(255,222,172,.12) !important; color:#e8ddc6 !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-locked h1{color:#8de8f2 !important; -webkit-text-fill-color:#8de8f2 !important;}
html.theme-skeuo.ae-dark-mode .gr-exam-locked-features li{background:linear-gradient(180deg,#322a21,#272019) !important; border:1px solid rgba(255,222,172,.1) !important; color:#ece2cc !important;}



/* ── MOBILE (≤1024px): ẩn nút thu/mở sidebar plate; CHỈ hiện plate ổ khoá khi drawer
   đang mở để đóng nó (đồng bộ hành vi với speaking-skeuo.css). ── */
@media (max-width: 1024px){
  html.theme-skeuo .gr-sidebar-collapse,
  html.theme-skeuo .gr-sidebar-expand,
  html.theme-skeuo body.gr-sidebar-collapsed .gr-sidebar-expand{ display:none !important; }
  html.theme-skeuo body.gr-sidebar-open .gr-sidebar-collapse{ display:flex !important; z-index:101 !important; }
}