/* EasyTutorGuide Courses Library · responsive silver + logo-gradient theme.
   All local assets are stored in /courses-library/. No CSS frameworks or web fonts. */
:root{--page:#f3f7fb;--surface:#fff;--surface-2:#f6f9fc;--ink:#182c42;--muted:#53677f;--line:#dce6ef;--blue:#1684df;--indigo:#405db1;--green:#47a86a;--radius:18px;--shadow:0 12px 32px rgba(24,62,98,.075);--font-scale:1;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px;font-size:calc(16px * var(--font-scale))}body{margin:0;overflow-x:clip;background:linear-gradient(135deg,#f8fafc,#eef5fa 48%,#f5f8fb);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.56}body,main,section,div,article{min-width:0}
body[data-theme="dark"]{color-scheme:dark;--page:#141e2a;--surface:#1c2b3a;--surface-2:#253649;--ink:#f4f8fd;--muted:#bdcede;--line:#3b5267;--blue:#80c5ff;--indigo:#a6bbfa;--green:#80dba7;--shadow:0 12px 30px rgba(0,0,0,.2);background:#121c28}
a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #f1a44a;outline-offset:2px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}svg{max-width:100%}.svg-icon{width:1.13rem;height:1.13rem;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-sprite{pointer-events:none;position:absolute;width:0;height:0}.container{max-width:1450px;width:100%;margin-inline:auto;padding-inline:clamp(13px,2vw,28px)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;top:-80px;left:16px;background:#fff;padding:10px;z-index:300}.skip:focus{top:10px}
[hidden]{display:none!important}
/* Header - stays light even in night mode for reliable logo contrast */
.topbar{position:sticky;top:0;z-index:80;background:#f7f9fc;color:#172e48;border-bottom:1px solid #dce5ed;box-shadow:0 3px 13px rgba(22,58,93,.05)}
.header-primary{height:70px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand-center{display:flex;align-items:center;justify-content:center;text-decoration:none;line-height:1}.brand-logo{display:block;width:178px;height:65px;max-height:65px;object-fit:contain}.header-toggle{border:1px solid transparent;background:transparent;color:#1b3956;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:8px;min-width:42px;min-height:40px}.header-toggle .svg-icon{width:21px;height:21px}.header-toggle:hover{background:#e9f1f9}.header-primary>.header-toggle:last-child{justify-self:end}.header-primary>#chapters-nav-btn{visibility:hidden;pointer-events:none}.toggle-caption{font-size:.78rem;font-weight:700}.header-control-row{border-top:1px solid #e3eaf0}.controls-inner{min-height:41px;display:flex;justify-content:space-between;align-items:center;gap:8px}.reading-controls{display:flex;align-items:center;gap:5px}.mini-control{display:inline-flex;align-items:center;justify-content:center;gap:1px;border:1px solid #dce5ec;border-radius:9px;padding:4px 9px;min-height:29px;background:#fff;color:#263f59;font-weight:750}.mini-control .svg-icon{width:14px;height:14px}.mini-control:hover{background:#eaf4fd}.a-glyph{font-size:.82rem}.header-translate{display:flex;align-items:center;gap:8px;color:#375a7d;font-size:.75rem}.header-translate .svg-icon{width:15px;height:15px}.header-translate select{max-width:185px;min-width:110px;padding:5px 10px;border:1px solid #d1deea;border-radius:8px;background:#fff;color:#223c59;font-weight:650}.translate-brand{white-space:nowrap}.translate-brand a{color:#175d9e}.translate-go{color:#1661ae;font-weight:700}.google-translate-holder{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.header-panel.main-panel{position:absolute;right:clamp(10px,4vw,40px);top:100%;width:min(390px,calc(100vw - 20px));padding:16px;border:1px solid #dce6ed;border-radius:0 0 18px 18px;background:#fff;box-shadow:0 15px 35px #17354d25;z-index:91}.main-panel .panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.main-panel .panel-grid a{background:#f0f6fc;border:1px solid #e1ebf4;border-radius:8px;padding:10px 11px;text-decoration:none;font-weight:650;font-size:.86rem}.main-panel .panel-grid a:hover{background:#e1f0ff;color:#095aa6}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 4px 12px;color:var(--ink);font-size:.87rem}.panel-close{width:34px;height:34px;display:grid;place-items:center;border:1px solid #f3bbbb;background:#fff0f0;color:#cd1f24;border-radius:10px}.panel-close .svg-icon{width:18px;height:18px}
/* Intro */
.education-disclaimer{border-bottom:1px solid #d4e4ef;background:linear-gradient(90deg,#eaf5ff,#f5fafc)}.disclaimer-inner{display:flex;align-items:flex-start;gap:11px;padding-block:9px}.disclaimer-inner .svg-icon{color:#1470b6;margin-top:3px}.disclaimer-inner p{margin:0;color:#3b566d;font-size:.78rem}.disclaimer-inner a{color:#1769ae}
.hero{padding:31px 0 22px}.hero-inner{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.8fr);gap:25px;align-items:center}.hero-copy{min-width:0}.micro,.section-kicker,.instruction-kicker{font-size:.72rem;letter-spacing:.13em;font-weight:900;color:#3473ab}.micro{display:flex;gap:9px;align-items:center}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#48ac6b;box-shadow:0 0 0 5px #9ddab548}.micro-line{height:1px;flex:0 1 45px;background:#8ab8da}.hero h1{font-size:clamp(2.2rem,5.2vw,4.4rem);letter-spacing:-.055em;line-height:1.08;margin:18px 0 13px;font-weight:900}.gradient-ink,.etg-wordmark{background:linear-gradient(106deg,#087bd7 2%,#4679bc 38%,#563b9c 65%,#50a652 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:700px;color:var(--muted);font-size:1.02rem;line-height:1.7}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:21px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;border-radius:12px;padding:12px 19px;font-weight:800;font-size:.91rem;border:1px solid #c3ddeb}.primary-button{background:linear-gradient(113deg,#117dc9,#455fb7 58%,#43a66d);color:white;border-color:transparent;box-shadow:0 7px 20px #2685bf26}.secondary-button{background:var(--surface);color:var(--ink)}.hero-facts{display:flex;gap:10px;flex-wrap:wrap;margin-top:19px}.hero-facts span{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 11px;font-size:.78rem;color:var(--muted)}.hero-facts strong{color:var(--ink)}
.hero-art{height:260px;display:grid;place-items:center;position:relative;overflow:hidden;border-radius:26px;background:radial-gradient(circle at 48% 45%,#e2f1fe 0,#f4f7fc 50%,#e8f2f7 95%);border:1px solid #dae8f0}.orbit{position:absolute;border:1px solid #73a9d4a6;border-radius:50%;width:210px;height:100px;transform:rotate(-24deg)}.orbit-b{width:270px;height:145px;transform:rotate(42deg);border-color:#83b08da1}.orbit-c{width:170px;height:235px;transform:rotate(8deg);border-style:dashed;border-color:#8ba9c9aa}.orb-core{width:94px;height:94px;z-index:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#087bd7,#5054aa,#49a46c);color:#fff;box-shadow:0 13px 30px #134f9a42;gap:4px}.orb-core .svg-icon{width:30px;height:30px}.orb-core small{font-size:.57rem;font-weight:900;letter-spacing:.08em}.orb-node{position:absolute;border-radius:50%;background:#fff;border:1px solid #cddfea;width:41px;height:41px;display:grid;place-items:center;color:#3379bb;box-shadow:0 5px 15px #2264a125}.orb-node .svg-icon{width:19px;height:19px}.node-a{top:38px;left:18%}.node-b{top:34px;right:20%}.node-c{bottom:45px;left:13%}.node-d{bottom:55px;right:14%}.node-e{top:7px;left:49%}.hero-visual-footer{position:absolute;bottom:9px;font-size:.65rem;letter-spacing:.12em;font-weight:750;color:#52738e}
.learning-instructions{padding-block:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent}.learning-instructions h2{font-size:1.32rem;margin:5px 0}.learning-instructions p{max-width:900px;font-size:.91rem;color:var(--muted);margin:0 0 8px}.learning-instructions a{color:var(--blue);font-weight:780;text-decoration:none}.learning-instructions .svg-icon{vertical-align:middle}
.intro-band{padding:24px 0}.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:12px}.journey{min-height:145px;display:flex;flex-direction:column;justify-content:space-between;gap:6px;padding:19px 20px;border:1px solid var(--line);border-radius:17px;text-decoration:none;background:var(--surface);box-shadow:var(--shadow)}.journey:nth-child(1){background:linear-gradient(127deg,#eef7fe,#f4f6fd)}.journey:nth-child(2){background:linear-gradient(127deg,#eaf9f1,#f6fbfd)}.journey:nth-child(3){background:linear-gradient(127deg,#eef5fc,#f9fafb)}.journey-index{color:#3277a6;font-size:.7rem;font-weight:900;letter-spacing:.09em}.journey strong{font-size:1.24rem;line-height:1.2;color:#1a3b56}.journey>span:last-child{font-size:.76rem;color:#4a6880}
/* The requested two-column course layout: chapters LEFT, course contents RIGHT. */
.library-container{display:grid;grid-template-columns:248px minmax(0,1fr);align-items:start;gap:24px;margin-block:14px 55px;max-width:1490px;direction:ltr}
.course-sidebar{position:sticky;top:119px;align-self:start;max-height:calc(100dvh - 132px);min-width:0;overflow-y:auto;scrollbar-width:thin;border:1px solid var(--line);background:var(--surface);border-radius:18px;box-shadow:var(--shadow);z-index:42}
.course-sidebar .sidebar-nav{padding:12px}.course-sidebar .panel-head{padding:8px 8px 12px;border-bottom:1px solid var(--line)}.course-sidebar .panel-head strong{font-size:.83rem}.course-sidebar .panel-close{display:none}.sidebar-menu{display:flex;flex-direction:column;gap:4px;margin-top:10px}.sidebar-category{border-radius:9px}.sidebar-category-link{display:flex;align-items:center;gap:9px;padding:9px 8px;border-radius:9px;text-decoration:none;font-size:.8rem;font-weight:780;color:var(--ink);transition:background .16s}.sidebar-category-link:hover,.sidebar-category-link.active{background:linear-gradient(90deg,#eaf3fe,#f0f8f5);color:#165a9e}.sidebar-category-link .svg-icon{width:16px;height:16px;color:var(--blue)}.sidebar-category-link span:not(.sidebar-count){flex:1}.sidebar-count{font-size:.66rem;color:#55718a;background:var(--surface-2);padding:2px 6px;border-radius:7px;margin-inline-start:auto}.sidebar-chapters{margin:0 0 4px 34px}.sidebar-chapters summary{cursor:pointer;color:var(--muted);font-size:.67rem;font-weight:700;list-style-position:inside;padding:2px 0 6px}.sidebar-stage-links{display:grid;gap:2px;border-left:2px solid var(--line);padding:2px 0 5px 8px}.sidebar-stage-links a{text-decoration:none;color:var(--muted);font-size:.73rem;line-height:1.35;padding:6px 4px;max-width:100%;border-radius:5px}.sidebar-stage-links a:hover{background:var(--surface-2);color:var(--blue)}.library-content{width:100%;min-width:0;direction:ltr}html[dir="rtl"] .library-content,html[dir="rtl"] .course-sidebar{direction:rtl}html[dir="rtl"] .sidebar-chapters{margin:0 34px 4px 0}html[dir="rtl"] .sidebar-stage-links{border-left:0;border-right:2px solid var(--line);padding:2px 8px 5px 0}.sidebar-backdrop{display:none}
/* Find, filter, category shortcuts */
.browse-tools{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:23px;margin-bottom:22px}.tools-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.tools-head h2,.section-head h2{font-size:1.65rem;letter-spacing:-.035em;line-height:1.25;margin:4px 0 7px}.tools-head p{color:var(--muted);margin:0;max-width:700px;font-size:.85rem}.tools-badge{flex:0 0 auto;font-size:.75rem;font-weight:850;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:7px 12px}.filter-bar{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px}.search-shell{display:flex;align-items:center;gap:8px;flex:1 1 250px;min-width:180px;padding:3px 10px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}.search-shell .svg-icon{color:var(--muted);width:17px;height:17px}.search-shell input{border:0;outline:0;min-width:0;flex:1;background:transparent;color:var(--ink);padding:8px 0;font-size:.85rem}.search-shortcut{font-size:.68rem;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:2px 5px}.select-label{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:750;color:var(--muted)}.select-label select{max-width:165px;padding:8px 12px;background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:9px;font-size:.79rem}.filter-button{background:var(--surface);color:var(--ink);padding:8px 12px;border:1px solid var(--line);border-radius:10px;font-size:.76rem;font-weight:850}.filter-button[aria-pressed="true"]{background:#eaf7eb;color:#157548;border-color:#a2d8b8}.tools-extras{margin-top:10px}.filter-announcement{margin:0;color:var(--muted);font-size:.75rem}.no-results{padding:28px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:15px;margin-bottom:17px}.no-results p{color:var(--muted)}.no-results button{cursor:pointer}
.category-index{margin:23px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:12px}.section-hint{font-size:.74rem;color:var(--muted)}.category-index-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:13px}.category-link{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:11px;background:var(--surface);padding:10px 8px;text-decoration:none;min-height:47px;font-size:.78rem;font-weight:800}.category-link:hover{box-shadow:var(--shadow);border-color:#9ec6e2}.cat-icon{display:grid;place-items:center;border-radius:8px;color:#2481ba;background:var(--surface-2);width:26px;height:26px;flex:0 0 auto}.cat-icon .svg-icon{width:15px;height:15px}.cat-label{overflow-wrap:anywhere;line-height:1.15;flex:1}.cat-count{color:var(--muted);font-size:.7rem;background:var(--surface-2);padding:2px 5px;border-radius:6px;margin-left:auto}
/* Course pathways */
.all-categories{display:flex;flex-direction:column;gap:22px}.category-block{--accent:#1680c7;--accent-soft:#e8f5fd;scroll-margin-top:110px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}.tone-teal,.tone-ice{--accent:#167a91;--accent-soft:#e7f7f9}.tone-blue{--accent:#167cce;--accent-soft:#e8f4ff}.tone-violet{--accent:#5964bb;--accent-soft:#edf0fd}.tone-coral{--accent:#aa7048;--accent-soft:#fff4e8}.tone-iris{--accent:#5666b9;--accent-soft:#edf3ff}.tone-mint{--accent:#21866c;--accent-soft:#e8f9f2}.tone-indigo{--accent:#4557a1;--accent-soft:#edf1fc}.tone-sky{--accent:#367fb2;--accent-soft:#e9f5fc}.tone-peach{--accent:#a87535;--accent-soft:#fdf6e8}.tone-slate{--accent:#4e7186;--accent-soft:#ecf3f8}.tone-amber{--accent:#9c7631;--accent-soft:#fcf6e8}
.category-head{padding:19px 20px 14px;display:flex;align-items:center;gap:13px;background:linear-gradient(105deg,var(--accent-soft),var(--surface));border-bottom:1px solid var(--line)}.category-glyph{width:48px;height:48px;border-radius:14px;background:var(--surface);display:grid;place-items:center;box-shadow:0 4px 14px #22394a0e;color:var(--accent);flex:0 0 auto}.category-glyph .svg-icon{width:25px;height:25px}.category-title{flex:1}.category-title .eyebrow{font-size:.66rem;font-weight:900;letter-spacing:.1em;color:var(--accent)}.category-title h2{font-size:1.52rem;letter-spacing:-.025em;margin:0}.category-title p{font-size:.8rem;color:var(--muted);margin:0}.category-top{display:flex;align-items:center;gap:5px;font-size:.72rem;font-weight:850;color:var(--accent);text-decoration:none;padding:6px 8px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.category-top .svg-icon{width:15px;height:15px}.path-rule{margin:13px 18px 0;font-size:.78rem;color:var(--muted)}.roadmap-intro{display:flex;align-items:center;gap:7px;margin:8px 18px 15px;font-size:.75rem;font-weight:730;color:var(--accent)}.roadmap-intro .svg-icon{width:16px;height:16px}.roadmap-stage{scroll-margin-top:120px;margin:0 17px 17px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface-2)}.stage-head{display:flex;align-items:flex-start;gap:13px;padding:17px 16px;background:linear-gradient(120deg,var(--surface-2),var(--surface));border-bottom:1px solid var(--line)}.stage-number{font-size:1.35rem;font-weight:900;color:var(--accent);letter-spacing:-.04em;line-height:1}.stage-kicker{color:var(--accent);font-weight:850;letter-spacing:.055em;font-size:.67rem}.stage-head h3{font-size:1.09rem;margin:2px 0 4px;line-height:1.26}.stage-head p{font-size:.78rem;color:var(--muted);margin:0;max-width:720px}.course-grid{padding:13px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.course-card{min-width:0;border:1px solid var(--line);border-radius:13px;background:var(--surface);display:flex;flex-direction:column;padding:13px;transition:border-color .16s,box-shadow .16s;scroll-margin-top:120px}.course-card:hover{border-color:var(--accent);box-shadow:0 8px 20px #244e7a16}.card-top{display:flex;align-items:center;justify-content:space-between;gap:7px}.course-level{font-size:.67rem;font-weight:900;letter-spacing:.03em;color:var(--accent);border-radius:99px;background:var(--accent-soft);padding:5px 8px}.save-course{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--muted);padding:0}.save-course[aria-pressed="true"]{background:#e7f5e9;border-color:#99d8b4;color:#1c8750}.save-course .svg-icon{width:16px;height:16px}.course-card h4{margin:12px 0 6px;font-size:1rem;line-height:1.28;letter-spacing:-.012em}.course-link{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--ink);text-decoration:none}.course-link:hover{color:var(--accent)}.course-link .arrow{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:var(--accent);background:var(--accent-soft)}.course-link .svg-icon{width:13px;height:13px}.card-desc{font-size:.78rem;color:var(--muted);line-height:1.55;margin:0 0 10px}.course-path-hint{font-size:.68rem;color:var(--accent);margin:auto 0 10px;font-weight:780}.card-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:7px;border-top:1px solid var(--line);padding-top:10px}.course-action{font-size:.71rem;font-weight:870;color:var(--accent)}.course-action .svg-icon{width:12px;height:12px;vertical-align:middle}.metric{font-size:.65rem;white-space:nowrap;color:var(--muted)}.next-step{margin-top:9px;padding:6px 8px;background:var(--surface-2);border-radius:7px;text-decoration:none;font-size:.69rem;font-weight:800;color:var(--accent)}.next-step .svg-icon{width:12px;height:12px;vertical-align:middle}mark{background:#ffdf80;color:#272a34;border-radius:2px;padding:0 2px}.link-alert,.inline-note{font-size:.77rem;color:var(--muted);padding:7px 10px;border-left:3px solid var(--accent);background:var(--surface-2);border-radius:5px}
/* Legal, footer, controls */
.footer-cta,.more-about-learning{background:var(--surface-2);border-top:1px solid var(--line);padding:20px 0}.footer-cta h2,.more-about-learning h2{margin-top:0}.footer-cta p,.more-about-learning p{color:var(--muted)}.footer-cta a,.more-about-learning a{color:var(--blue)}.footer{background:#f7f9fc;color:#253d53;border-top:1px solid #dae5ee;padding:35px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:30px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.footer-grid h3{margin:0 0 9px;font-size:.85rem}.footer-grid p{color:#566f83;font-size:.78rem;line-height:1.55;margin:4px 0}.footer-grid a:not(.footer-brand){text-decoration:none;font-size:.78rem;color:#395c75}.footer-grid a:hover{text-decoration:underline}.footer-brand img{display:block;width:178px;height:auto;max-height:80px;object-fit:contain}.social-links{display:flex;flex-flow:row wrap;gap:7px;margin-top:8px}.social-links a{display:grid;place-items:center;border:1px solid #d1deea;border-radius:9px;width:32px;height:32px;background:#fff}.social-links svg{width:17px;height:17px;fill:none;stroke:#205482;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.footer-button{border:1px solid #b9cede;border-radius:8px;background:#fff;color:#315c7a;font-size:.76rem;padding:8px 10px}.brand-clarification{font-size:.73rem;color:#617a90;line-height:1.6;margin:22px 0;border-top:1px solid #dce6ed;padding-top:15px}.footer-bottom{border-top:1px solid #dce6ed;padding-top:10px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.footer-bottom p{font-size:.76rem;color:#526c83;margin:0}.back-top{position:fixed;bottom:24px;right:21px;border:0;background:linear-gradient(110deg,#1685d8,#485fae);color:#fff;border-radius:12px;width:42px;height:42px;font-size:23px;font-weight:800;box-shadow:0 8px 22px #21528050;z-index:58}.cookie-banner{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);width:min(850px,calc(100% - 24px));z-index:120;border:1px solid #aacddd;background:#fff;border-radius:15px;box-shadow:0 12px 50px #0f2c4850;display:flex;align-items:center;gap:17px;padding:15px 18px;color:#1d405a}.cookie-message{flex:1}.cookie-message strong{font-size:.84rem}.cookie-message p{font-size:.72rem;margin:3px 0;color:#49657a}.cookie-actions button{background:#136cbd;color:#fff;border:0;border-radius:9px;padding:10px 15px;font-weight:780;font-size:.78rem}.noscript{background:#fff6dc;padding:14px;color:#594523}
/* Preserve white/light foreground in dark mode by replacing light-level text with true palette colors. */
body[data-theme="dark"] .journey,body[data-theme="dark"] .category-head,body[data-theme="dark"] .stage-head,body[data-theme="dark"] .hero-art,body[data-theme="dark"] .sidebar-category-link.active{background:var(--surface-2)!important}
body[data-theme="dark"] .journey strong,body[data-theme="dark"] .journey>span:last-child,body[data-theme="dark"] .category-title h2{color:var(--ink)}body[data-theme="dark"] .orb-node{background:#253b54}body[data-theme="dark"] .course-level{background:#273e54}body[data-theme="dark"] .primary-button{color:#fff}body[data-theme="dark"] .sidebar-chapters summary{color:var(--muted)}body[data-theme="dark"] .disclaimer-inner p{color:#244764}
@media(max-width:1150px){.library-container{grid-template-columns:222px minmax(0,1fr);gap:15px}.category-index-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-art{height:235px}.tools-badge{display:none}.footer-grid{gap:18px}}
@media(max-width:920px){.library-container{grid-template-columns:208px minmax(0,1fr);gap:13px}.course-grid{grid-template-columns:minmax(0,1fr)}.category-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-inner{grid-template-columns:minmax(0,1fr) 250px}.hero-art{height:210px}.hero h1{font-size:clamp(2.15rem,5.2vw,3.1rem)}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){html{scroll-padding-top:98px}.header-primary>#chapters-nav-btn{visibility:visible;pointer-events:auto}.hero-inner{grid-template-columns:minmax(0,1fr)}.hero-art{display:none}.hero{padding-top:24px}.hero-copy>p{font-size:.88rem}.hero h1{font-size:clamp(2.25rem,8vw,3.4rem)}.journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journey:nth-child(3){grid-column:1/-1}.library-container{display:block;margin-top:14px}.library-content{width:100%}.course-sidebar{position:fixed;left:0;top:0;bottom:0;max-height:none;width:min(305px,85vw);border-radius:0 18px 18px 0;overflow-y:auto;z-index:125;transform:translateX(-105%);visibility:hidden;transition:transform .22s ease,visibility .22s;box-shadow:0 0 45px #0d294f55}.course-sidebar.is-open{transform:translateX(0);visibility:visible}.course-sidebar .panel-close{display:grid}.sidebar-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:121;background:#101d2da0;border:0;border-radius:0;cursor:default}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.sidebar-open{overflow:hidden}}
@media(max-width:610px){.container{padding-inline:12px}.header-primary{height:61px}.brand-logo{width:139px;height:55px}.toggle-caption{font-size:.66rem}.header-toggle{gap:3px;padding:4px;min-width:39px}.header-control-row .controls-inner{min-height:40px}.translate-brand{display:none}.header-translate select{max-width:136px;font-size:.73rem}.hero-actions{gap:8px}.primary-button,.secondary-button{padding:10px 13px;font-size:.78rem}.hero-facts span{font-size:.68rem}.journey-grid{grid-template-columns:minmax(0,1fr)}.journey:nth-child(3){grid-column:auto}.journey{min-height:115px;padding:14px}.browse-tools{padding:15px;border-radius:14px}.tools-head h2,.section-head h2{font-size:1.31rem}.filter-bar{gap:7px}.filter-bar .search-shell{flex:1 1 100%;max-width:100%}.filter-button{padding:8px}.category-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.category-link{font-size:.7rem;min-height:49px;padding:7px 5px;gap:4px}.category-link .cat-icon{width:22px;height:22px}.cat-label{line-height:1.2}.cat-count{font-size:.62rem}.section-hint{display:none}.category-head{padding:14px 11px;gap:9px}.category-glyph{width:34px;height:34px;border-radius:10px}.category-glyph .svg-icon{width:19px;height:19px}.category-title h2{font-size:1.2rem}.category-title p{font-size:.72rem}.category-top{padding:5px}.category-top span{display:none}.category-block{border-radius:13px}.roadmap-stage{margin:0 8px 11px}.stage-head{padding:13px 9px;gap:7px}.stage-number{font-size:1.14rem}.stage-head h3{font-size:.97rem}.stage-head p{font-size:.73rem}.course-grid{grid-template-columns:minmax(0,1fr);padding:8px}.course-card{padding:12px}.card-bottom{gap:5px}.path-rule,.roadmap-intro{margin-left:10px;margin-right:10px}.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid a:not(.footer-brand),.footer-grid p{font-size:.71rem}.cookie-banner{display:block}.cookie-actions{margin-top:10px}.footer-brand img{width:155px}}
@media(max-width:385px){.category-index-grid{grid-template-columns:minmax(0,1fr)}.header-translate .svg-icon{display:none}.header-translate select{max-width:103px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}
/* Full-page split begins directly after the educational disclaimer. */
.page-columns{display:grid;grid-template-columns:248px minmax(0,1fr);align-items:start;gap:24px;max-width:1490px;padding-top:20px;direction:ltr}
.page-main{min-width:0;width:100%;direction:ltr}
.page-main>.container,.page-main>section>.container{padding-inline:0;max-width:none}
.page-main .hero{padding-top:13px}
.page-main .hero-inner{gap:12px}
.page-main .hero h1{font-size:clamp(2.15rem,4vw,3.9rem)}
.page-main .hero-art{height:230px}
.page-main .library-container{display:block;max-width:100%;margin-top:20px;margin-bottom:40px;padding-inline:0}
html[dir="rtl"] .page-main{direction:rtl}
html[dir="rtl"] .page-main .library-content{direction:rtl}
@media(max-width:1150px){.page-columns{grid-template-columns:222px minmax(0,1fr);gap:15px}.page-main .hero-art{height:205px}}
@media(max-width:920px){.page-columns{grid-template-columns:208px minmax(0,1fr);gap:13px}.page-main .hero-inner{grid-template-columns:minmax(0,1fr)}.page-main .hero-art{display:none}}
@media(max-width:760px){.page-columns{display:block;padding-top:3px}.page-main .hero{padding-top:22px}.page-main>.container,.page-main>section>.container{padding-inline:0}.page-main .hero h1{font-size:clamp(2.2rem,8vw,3.4rem)}}

/* 2026-10-31 independent-course catalog: 16 unique low-cost category gradients. */
html,body{max-width:100%;overflow-x:clip}
.course-card,.course-grid,.roadmap-stage,.stage-head,.category-head,.category-block{min-width:0;overflow-wrap:break-word}
.category-block{--cat-start:#edf6fe;--cat-end:#fafcff;--cat-ink:#2078ad;--accent:var(--cat-ink);--accent-soft:var(--cat-start);background:linear-gradient(126deg,var(--cat-start),var(--cat-end))}
.category-block .category-head{background:linear-gradient(106deg,var(--cat-start),var(--cat-end))}
.category-block .roadmap-stage{background:color-mix(in srgb,var(--cat-start) 38%,white);border-color:color-mix(in srgb,var(--cat-ink) 13%,white)}
.category-block .stage-head{background:linear-gradient(112deg,var(--cat-start),#ffffffd9)}
.category-block .course-card{background:linear-gradient(150deg,#ffffff 64%,var(--cat-end));border-color:color-mix(in srgb,var(--cat-ink) 14%,white)}
.category-block .course-card:hover{border-color:var(--cat-ink);transform:translateY(-1px)}
.category-index .category-link{background:linear-gradient(110deg,var(--shortcut-from,#f6f9fc),var(--shortcut-to,#fff));border-color:#d8e6ed;min-width:0}
.category-index .category-link:hover{border-color:#8babc7}
.math-prerequisite-note{padding:11px 14px;margin:8px 17px 15px;border:1px solid #c7d8f4;border-radius:11px;background:linear-gradient(110deg,#e8f0ff,#f4faff);color:#23476f;font-size:.83rem;line-height:1.55}
.math-prerequisite-note a{font-weight:850;color:#155fa8;text-underline-offset:3px}
.catalog-independent-note{font-size:.72rem;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;margin:14px 0 0}
.panel-close{background:#fff!important;border-color:#d5dfe8!important;color:#b62527!important}
@media(max-width:760px){.category-block,.course-card{max-width:100%}.math-prerequisite-note{margin-inline:10px}.header-translate{min-width:0}.header-control-row .controls-inner{min-width:0}}
@media(max-width:360px){.header-control-row .controls-inner{flex-wrap:wrap}.header-translate{max-width:100%}.header-translate select{max-width:118px}.header-primary{grid-template-columns:1fr auto 1fr}}
body[data-theme=dark] .category-block{background:linear-gradient(130deg,#1d2b3c,#233448)}
body[data-theme=dark] .category-block .roadmap-stage{background:#1b2a3a;border-color:#42576b}
body[data-theme=dark] .category-block .course-card{background:linear-gradient(145deg,#223245,#1c2a3a);border-color:#40546b}
body[data-theme=dark] .category-block .category-head,body[data-theme=dark] .category-block .stage-head{background:linear-gradient(110deg,#22364a,#1c2a3b)!important}
body[data-theme=dark] .math-prerequisite-note{background:#223c56;border-color:#4f7294;color:#f1f6ff}
body[data-theme=dark] .math-prerequisite-note a{color:#a7d7ff}
body[data-theme=dark] .category-index .category-link{background:linear-gradient(110deg,#23364a,#1e2c3b);color:#f1f7ff}
body[data-theme=dark] .course-level{color:#d3e9ff}
@media(prefers-reduced-motion:reduce){.category-block .course-card:hover{transform:none}}
#resources.category-block{--cat-start:#e8f7f6;--cat-end:#f4faf6;--cat-ink:#166f73}
.category-link[href="#resources"]{--shortcut-from:#e8f7f6;--shortcut-to:#f4faf6}
#frontend.category-block{--cat-start:#e6f3ff;--cat-end:#f3f7fe;--cat-ink:#1c71b0}
.category-link[href="#frontend"]{--shortcut-from:#e6f3ff;--shortcut-to:#f3f7fe}
#backend.category-block{--cat-start:#e8eefb;--cat-end:#f5f8ff;--cat-ink:#345aa0}
.category-link[href="#backend"]{--shortcut-from:#e8eefb;--shortcut-to:#f5f8ff}
#data.category-block{--cat-start:#e8f9f5;--cat-end:#f6fbff;--cat-ink:#267762}
.category-link[href="#data"]{--shortcut-from:#e8f9f5;--shortcut-to:#f6fbff}
#ai-learning-path.category-block{--cat-start:#e9efff;--cat-end:#eff8ff;--cat-ink:#465bb4}
.category-link[href="#ai-learning-path"]{--shortcut-from:#e9efff;--shortcut-to:#eff8ff}
#ai-libraries-and-tools.category-block{--cat-start:#e9f9ec;--cat-end:#f2faf5;--cat-ink:#277e59}
.category-link[href="#ai-libraries-and-tools"]{--shortcut-from:#e9f9ec;--shortcut-to:#f2faf5}
#devops.category-block{--cat-start:#eff1fd;--cat-end:#edf7fb;--cat-ink:#4753a0}
.category-link[href="#devops"]{--shortcut-from:#eff1fd;--shortcut-to:#edf7fb}
#it-certifications.category-block{--cat-start:#e6f5fb;--cat-end:#f6f8fd;--cat-ink:#256a91}
.category-link[href="#it-certifications"]{--shortcut-from:#e6f5fb;--shortcut-to:#f6f8fd}
#mobile-and-platforms.category-block{--cat-start:#ecf5ff;--cat-end:#f3f8f6;--cat-ink:#437ca9}
.category-link[href="#mobile-and-platforms"]{--shortcut-from:#ecf5ff;--shortcut-to:#f3f8f6}
#math-for-ai.category-block{--cat-start:#e8f4fc;--cat-end:#f5f9ff;--cat-ink:#326caa}
.category-link[href="#math-for-ai"]{--shortcut-from:#e8f4fc;--shortcut-to:#f5f9ff}
#school-math.category-block{--cat-start:#eef8e7;--cat-end:#f8fbea;--cat-ink:#5b8036}
.category-link[href="#school-math"]{--shortcut-from:#eef8e7;--shortcut-to:#f8fbea}
#english-assistants.category-block{--cat-start:#fff5e4;--cat-end:#fffaf0;--cat-ink:#956d21}
.category-link[href="#english-assistants"]{--shortcut-from:#fff5e4;--shortcut-to:#fffaf0}
#languages.category-block{--cat-start:#e8f8f4;--cat-end:#eff8ff;--cat-ink:#147b83}
.category-link[href="#languages"]{--shortcut-from:#e8f8f4;--shortcut-to:#eff8ff}
#digital-marketing.category-block{--cat-start:#fff6e6;--cat-end:#f4f9f2;--cat-ink:#8a712f}
.category-link[href="#digital-marketing"]{--shortcut-from:#fff6e6;--shortcut-to:#f4f9f2}
#crypto-trading.category-block{--cat-start:#eef5e7;--cat-end:#f9f8ee;--cat-ink:#607e35}
.category-link[href="#crypto-trading"]{--shortcut-from:#eef5e7;--shortcut-to:#f9f8ee}
#other-topics.category-block{--cat-start:#e7f0f9;--cat-end:#f2f6f9;--cat-ink:#506f91}
.category-link[href="#other-topics"]{--shortcut-from:#e7f0f9;--shortcut-to:#f2f6f9}


/* ETG 2026: category background + distinctly darker cards within each color family.
   No pink or red base gradients. One shared CSS file for the whole library. */
html,body{max-width:100%;overflow-x:clip}main,.all-categories,.category-block,.roadmap-stage,.course-grid,.course-card{min-width:0;max-width:100%}
.category-block{--cat-top:#edf6ff;--cat-bottom:#f6faff;--cat-card-a:#cfe7fc;--cat-card-b:#e1f1ff;--cat-text:#143f72;--accent:var(--cat-text);--accent-soft:var(--cat-card-b);color:var(--cat-text);background:linear-gradient(120deg,var(--cat-top),var(--cat-bottom))}
.category-block .category-head{background:linear-gradient(105deg,var(--cat-top),var(--cat-bottom))}
.category-block .stage-head{background:linear-gradient(112deg,var(--cat-card-b),var(--cat-bottom))}
.category-block .roadmap-stage{background:color-mix(in srgb,var(--cat-top) 58%,#fff);border-color:color-mix(in srgb,var(--cat-text) 22%,white)}
.category-block .course-card{background:linear-gradient(145deg,var(--cat-card-a) 0%,var(--cat-card-b) 100%);color:var(--cat-text);border:1px solid color-mix(in srgb,var(--cat-text) 23%,transparent);box-shadow:0 2px 8px rgba(15,42,70,.035)}
.category-block .course-link,.category-block .course-level,.category-block .card-desc,.category-block .metric,.category-block .course-path-hint,.category-block .course-action,.category-block .next-step,.category-block .stage-kicker,.category-block .category-title h2{color:var(--cat-text)}
.category-block .course-level,.category-block .course-link .arrow,.category-block .next-step{background:color-mix(in srgb,var(--cat-card-a) 60%,white)}
.category-block .course-card:hover{box-shadow:0 8px 20px rgba(22,47,86,.16);border-color:var(--cat-text)}
.category-block .card-bottom{border-top-color:color-mix(in srgb,var(--cat-text) 24%,transparent)}
.category-block .category-title p,.category-block .stage-head p{color:var(--cat-text);opacity:.85}
@media(max-width:760px){.category-block{overflow:hidden}.course-grid{grid-template-columns:minmax(0,1fr)}.course-card{overflow-wrap:anywhere}.category-title{min-width:0}.category-title h2{overflow-wrap:anywhere}}
/* Keep translation controls in viewport, even when the page changes reading direction. */
#google_translate_element{position:absolute!important;inset-inline-start:0!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important}
html[dir=rtl] body{direction:rtl}html[dir=rtl] .course-card,html[dir=rtl] .category-block{min-width:0;max-width:100%}
html[dir=rtl] .course-link,html[dir=rtl] .card-bottom{flex-wrap:wrap}
body[data-theme=dark] .category-block,body[data-theme=dark] .category-block .roadmap-stage{color:#e8f3fd;background:linear-gradient(130deg,#1b2a3d,#233447)}
body[data-theme=dark] .category-block .category-head,body[data-theme=dark] .category-block .stage-head{background:linear-gradient(110deg,#24384b,#1d2d3e)!important}
body[data-theme=dark] .category-block .course-card{background:linear-gradient(135deg,#274057,#203248)!important;color:#f0f6ff!important;border-color:#526d88}
body[data-theme=dark] .category-block .course-card :is(.course-link,.course-level,.card-desc,.metric,.course-action,.course-path-hint,.next-step),body[data-theme=dark] .category-block :is(.category-title h2,.category-title p,.stage-head h3,.stage-head p,.stage-kicker){color:#e5f3ff!important}
#resources.category-block{--cat-top:#e5faf6;--cat-bottom:#f5fcfb;--cat-card-a:#c3e9e1;--cat-card-b:#d8f1ec;--cat-text:#07534e}
#frontend.category-block{--cat-top:#e5f1ff;--cat-bottom:#f5faff;--cat-card-a:#badcfb;--cat-card-b:#d7ecff;--cat-text:#143f72}
#backend.category-block{--cat-top:#e7edff;--cat-bottom:#f4f7ff;--cat-card-a:#cbd7ff;--cat-card-b:#dde5ff;--cat-text:#243c7f}
#data.category-block{--cat-top:#e6f8ed;--cat-bottom:#f4fcf7;--cat-card-a:#bfe8cd;--cat-card-b:#d5f2e0;--cat-text:#174b35}
#ai-learning-path.category-block{--cat-top:#e7ebff;--cat-bottom:#f2f5ff;--cat-card-a:#ced5fa;--cat-card-b:#e0e4ff;--cat-text:#283a79}
#ai-libraries-and-tools.category-block{--cat-top:#ebf8e2;--cat-bottom:#f7fbf1;--cat-card-a:#d3e9b5;--cat-card-b:#e2f1cc;--cat-text:#375b20}
#devops.category-block{--cat-top:#ebf1fa;--cat-bottom:#f4f8ff;--cat-card-a:#c8dcf3;--cat-card-b:#deebf9;--cat-text:#234d7d}
#it-certifications.category-block{--cat-top:#e2f5fb;--cat-bottom:#f3fbfd;--cat-card-a:#b6e0f2;--cat-card-b:#d2eef7;--cat-text:#104f68}
#mobile-and-platforms.category-block{--cat-top:#e8f1fc;--cat-bottom:#f6faff;--cat-card-a:#cadcf0;--cat-card-b:#e2eafa;--cat-text:#214c73}
#math-for-ai.category-block{--cat-top:#e5f3fe;--cat-bottom:#f4faff;--cat-card-a:#c3dbef;--cat-card-b:#dbe9f7;--cat-text:#25557c}
#school-math.category-block{--cat-top:#edf7dd;--cat-bottom:#f9fcef;--cat-card-a:#dceab8;--cat-card-b:#e8f2d1;--cat-text:#3f6124}
#english-assistants.category-block{--cat-top:#fff4df;--cat-bottom:#fffbef;--cat-card-a:#f1ddb0;--cat-card-b:#fbe9c8;--cat-text:#745011}
#languages.category-block{--cat-top:#e3f8f7;--cat-bottom:#f3fcfc;--cat-card-a:#bde8e6;--cat-card-b:#d3f2ef;--cat-text:#09555e}
#digital-marketing.category-block{--cat-top:#fff5e5;--cat-bottom:#fdfaf2;--cat-card-a:#f1dcbb;--cat-card-b:#f7e8cf;--cat-text:#6c4d1a}
#crypto-trading.category-block{--cat-top:#ecf6e2;--cat-bottom:#f7fcef;--cat-card-a:#cee4b9;--cat-card-b:#e1efcb;--cat-text:#3c5e27}
#other-topics.category-block{--cat-top:#e8f0f7;--cat-bottom:#f7fafc;--cat-card-a:#ccdbe7;--cat-card-b:#e2ebf2;--cat-text:#294e6a}

/* =======================================================================
   31 OCT 2026 — vibrant, accessible category palette + community showcase.
   The category backgrounds are light and lively; cards are darker in the
   same color family; text is always high-contrast. No pink color schemes.
   ======================================================================= */
:root{--ink:#142c42;--muted:#425a71}
body{background:linear-gradient(130deg,#f5fbff 0%,#eaf3fd 42%,#f0f9f8 100%)}
.category-block{background:linear-gradient(122deg,var(--cat-top),var(--cat-bottom))!important;border-color:color-mix(in srgb,var(--cat-text) 24%,#ffffff)!important;color:var(--cat-text)!important}
.category-block .category-head{background:linear-gradient(108deg,var(--cat-top),var(--cat-bottom))!important;color:var(--cat-text)!important}
.category-block .stage-head{background:linear-gradient(100deg,var(--cat-card-b),var(--cat-bottom))!important;color:var(--cat-text)!important}
.category-block .roadmap-stage{background:color-mix(in srgb,var(--cat-top) 52%,#fff)!important;border-color:color-mix(in srgb,var(--cat-text) 24%,#fff)!important}
.category-block .course-card{background:linear-gradient(142deg,var(--cat-card-a),var(--cat-card-b))!important;color:var(--cat-text)!important;border:1px solid color-mix(in srgb,var(--cat-text) 26%,#fff)!important;box-shadow:0 6px 15px rgba(12,41,74,.085)!important}
.category-block .course-card:hover{box-shadow:0 10px 24px rgba(12,41,74,.17)!important;transform:translateY(-2px)}
.category-block :is(.course-link,.course-level,.card-desc,.metric,.course-action,.course-path-hint,.next-step,.stage-kicker,.category-title h2,.category-title p,.stage-head h3,.stage-head p){color:var(--cat-text)!important;opacity:1!important}
.category-block .category-title p,.category-block .stage-head p,.category-block .card-desc{font-weight:550}
.category-block .course-level{background:color-mix(in srgb,var(--cat-card-b) 64%,white)!important}
.category-block .card-bottom{border-color:color-mix(in srgb,var(--cat-text) 23%,transparent)!important}
.category-index .category-link{box-shadow:0 3px 10px rgba(22,59,95,.09)}
.category-index .category-link:hover{transform:translateY(-1px)}
#resources.category-block{--cat-top:#b7f4e7;--cat-bottom:#e7fcf7;--cat-card-a:#6bdcc7;--cat-card-b:#a0ebdd;--cat-text:#064f4b}
#frontend.category-block{--cat-top:#b5ddff;--cat-bottom:#e5f3ff;--cat-card-a:#73baff;--cat-card-b:#a5d5ff;--cat-text:#113c70}
#backend.category-block{--cat-top:#d1d5ff;--cat-bottom:#edeeff;--cat-card-a:#9dacf7;--cat-card-b:#bcc5ff;--cat-text:#222b70}
#data.category-block{--cat-top:#b5f4ce;--cat-bottom:#e7fdef;--cat-card-a:#76dba9;--cat-card-b:#a4ebc3;--cat-text:#144d32}
#ai-learning-path.category-block{--cat-top:#c2cfff;--cat-bottom:#edf0ff;--cat-card-a:#8ba5ff;--cat-card-b:#b5c5ff;--cat-text:#23366f}
#ai-libraries-and-tools.category-block{--cat-top:#cdeea4;--cat-bottom:#eff9df;--cat-card-a:#9fdb59;--cat-card-b:#c0eb84;--cat-text:#315018}
#devops.category-block{--cat-top:#bde4fa;--cat-bottom:#e9f5fe;--cat-card-a:#75c4ef;--cat-card-b:#a7daf7;--cat-text:#164669}
#it-certifications.category-block{--cat-top:#b0ecf2;--cat-bottom:#e3f9fb;--cat-card-a:#67cbd9;--cat-card-b:#99e2eb;--cat-text:#0d4b62}
#mobile-and-platforms.category-block{--cat-top:#c6e2ff;--cat-bottom:#eef7ff;--cat-card-a:#8bc4f7;--cat-card-b:#b1d9fc;--cat-text:#1a4775}
#math-for-ai.category-block{--cat-top:#b1e4fa;--cat-bottom:#e6f6ff;--cat-card-a:#75c9ec;--cat-card-b:#a1def7;--cat-text:#184d6a}
#school-math.category-block{--cat-top:#daf2a7;--cat-bottom:#f4fbdc;--cat-card-a:#b6df67;--cat-card-b:#d3eda0;--cat-text:#3d5217}
#english-assistants.category-block{--cat-top:#ffe3a4;--cat-bottom:#fff4dd;--cat-card-a:#f6c468;--cat-card-b:#ffe0a0;--cat-text:#63410f}
#languages.category-block{--cat-top:#acf2ee;--cat-bottom:#e1fbf8;--cat-card-a:#5ad5d2;--cat-card-b:#9be9e5;--cat-text:#094c5a}
#digital-marketing.category-block{--cat-top:#ffe0ae;--cat-bottom:#fff4e0;--cat-card-a:#f6c17c;--cat-card-b:#ffdda7;--cat-text:#714314}
#crypto-trading.category-block{--cat-top:#cbefab;--cat-bottom:#eefbdd;--cat-card-a:#8dd76f;--cat-card-b:#b8e99a;--cat-text:#31531b}
#other-topics.category-block{--cat-top:#bad6f0;--cat-bottom:#e9f3fc;--cat-card-a:#88b7e1;--cat-card-b:#b5d4ee;--cat-text:#234565}

/* Distinct saturated gradients for the two new community panels. */
.etg-community-hub{padding:18px 0 38px;scroll-margin-top:120px}
.etg-hub-heading{max-width:890px;margin:0 0 17px}
.etg-hub-eyebrow{font-size:.76rem;font-weight:900;letter-spacing:.13em;color:#1667a1}
.etg-hub-heading h2{margin:5px 0 8px;font-size:clamp(1.5rem,3.8vw,2.5rem);letter-spacing:-.04em;line-height:1.15;color:#173c62}
.etg-hub-heading p{margin:0;color:#354e67;font-weight:550;font-size:.97rem}
.etg-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.etg-feature{min-width:0;position:relative;isolation:isolate;overflow:hidden;border-radius:22px;padding:clamp(20px,3vw,34px);border:1px solid rgba(13,57,95,.2);box-shadow:0 11px 27px rgba(18,63,102,.12)}
.etg-feature:after{content:'';position:absolute;pointer-events:none;z-index:-1;right:-60px;top:-70px;width:190px;height:190px;border:26px solid rgba(255,255,255,.26);border-radius:50%}
.etg-feature-business{background:linear-gradient(128deg,#69cbf7,#a0e3fc 52%,#67dbd2);color:#0c3652}
.etg-feature-ideas{background:linear-gradient(129deg,#a1d684,#d5ef9a 52%,#f8d17c);color:#2f4617}
.etg-feature-heading{display:flex;align-items:center;gap:10px}
.etg-feature-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.65)}
.etg-feature-icon .svg-icon{width:23px;height:23px}
.etg-feature-kicker{font-size:.72rem;letter-spacing:.1em;font-weight:900}
.etg-feature h3{margin:14px 0 11px;max-width:520px;font-size:clamp(1.3rem,2.2vw,1.75rem);line-height:1.2;letter-spacing:-.025em;color:inherit}
.etg-feature p{font-size:.92rem;line-height:1.68;max-width:590px;color:inherit;font-weight:550}
.etg-feature-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:19px}
.etg-feature-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;min-height:45px;max-width:100%;text-align:center;background:#113c61;color:#fff!important;border-radius:11px;text-decoration:none;font-weight:800;font-size:.87rem;box-shadow:0 6px 14px rgba(15,55,85,.19)}
.etg-feature-ideas .etg-feature-button{background:#36511e}
.etg-feature-button .svg-icon{width:15px;height:15px}
.etg-feature-button:hover{filter:brightness(1.16)}
.etg-feature-text-link{font-size:.84rem;font-weight:850;text-underline-offset:3px;color:inherit!important}
@media(max-width:780px){.etg-hub-grid{grid-template-columns:minmax(0,1fr)}.etg-feature{padding:20px}.etg-feature-actions{gap:12px}}
/* Dark mode: avoid pale-on-pale, dark-on-dark and hidden secondary labels. */
body[data-theme=dark]{--ink:#f7fbff;--muted:#d2e4f5;--surface:#1c2d42;--surface-2:#263b54;--line:#486580;background:linear-gradient(120deg,#0d1827,#12243a 55%,#122d33);color:#f5f9ff}
body[data-theme=dark] :is(.hero h1,.learning-instructions h2,.etg-hub-heading h2,.section-heading h2,.intro-band h2,.course-content h2,.course-content h3){color:#f7fbff}
body[data-theme=dark] :is(.hero-copy>p,.learning-instructions p,.etg-hub-heading p,.footer-cta p,.footer p,.brand-clarification,.more-about-learning p,.more-about-learning li){color:#d6e6f6!important;opacity:1!important}
body[data-theme=dark] :is(.course-sidebar,.search-panel,.search-area,.course-filters,.filter-bar,.more-about-learning,.more-about-grid article,.library-container,.sidebar-nav,.footer-cta){color:#f5f9ff}
body[data-theme=dark] :is(.course-sidebar,.roadmap-stage,.search-panel,.more-about-grid article){border-color:#4e6680}
body[data-theme=dark] .course-sidebar :is(a,summary,strong,span,.sidebar-count){color:#e8f5ff}
body[data-theme=dark] .journey{background:linear-gradient(135deg,#243e61,#264b5b)!important;border-color:#5681a2}
body[data-theme=dark] .journey :is(strong,span,.journey-index){color:#f4fbff!important;opacity:1!important}
body[data-theme=dark] .hero-art{background:radial-gradient(circle at center,#294c72,#1a304c)!important;border-color:#4c7293}
body[data-theme=dark] .hero-visual-footer{color:#e5f4ff!important}
body[data-theme=dark] .hero-facts span{color:#e9f4ff!important}
body[data-theme=dark] .hero-facts strong{color:#fff!important}
body[data-theme=dark] :is(.section-kicker,.instruction-kicker,.micro,.etg-hub-eyebrow){color:#91d8ff}
body[data-theme=dark] .education-disclaimer{background:#243a52;border-color:#506b84}
body[data-theme=dark] .education-disclaimer :is(p,strong,a){color:#f3faff!important}
body[data-theme=dark] .category-block{background:linear-gradient(135deg,#1d314a,#253d56)!important;color:#f7fbff!important;border-color:#54718d!important}
body[data-theme=dark] .category-block .roadmap-stage{background:linear-gradient(130deg,#223955,#1c3048)!important;border-color:#526e89!important}
body[data-theme=dark] .category-block .course-card{background:linear-gradient(140deg,#2a4b68,#29435e)!important;border-color:#6585a2!important;color:#fff!important}
body[data-theme=dark] .category-block :is(.course-link,.course-level,.card-desc,.metric,.course-action,.course-path-hint,.next-step,.stage-kicker,.category-title h2,.category-title p,.stage-head h3,.stage-head p,.stage-number,.category-overview,.category-count,.stage-intro){color:#f0f9ff!important;opacity:1!important}
body[data-theme=dark] .category-block :is(.course-level,.next-step){background:#35536c!important;border-color:#6a8aaa!important}
body[data-theme=dark] .category-block .category-head,body[data-theme=dark] .category-block .stage-head{background:linear-gradient(120deg,#2e4b68,#21354e)!important;color:#f4faff!important}
body[data-theme=dark] .category-index .category-link{background:linear-gradient(120deg,#264464,#1e364e)!important;color:#f6fbff!important;border-color:#5a7893}
body[data-theme=dark] .category-index .category-link :is(.cat-label,.cat-count){color:#f5fbff!important}
body[data-theme=dark] mark{color:#081826!important;background:#ffe48e!important}
body[data-theme=dark] input:not([type=checkbox]),body[data-theme=dark] select{background:#253d56;color:#fff;border-color:#617c94}
body[data-theme=dark] input::placeholder{color:#c1d5e8}
/* Top navigation stays silver in both modes: never put white text on this pale panel. */
body[data-theme=dark] .topbar,body[data-theme=dark] .topbar :is(.header-toggle,.mini-control,.header-translate,.translate-brand,.translate-brand a){color:#183650}
body[data-theme=dark] .main-panel .panel-head,body[data-theme=dark] .main-panel .panel-grid a{color:#173954!important}
body[data-theme=dark] .main-panel .panel-grid a{background:#eaf4ff!important}
body[data-theme=dark] .main-panel .panel-grid a:hover{background:#d5ecff!important}
body[data-theme=dark] .topbar .header-translate select{background:#fff;color:#233e5b}
body[data-theme=dark] .etg-feature-business{background:linear-gradient(125deg,#174e79,#13677a 58%,#197b75)!important;color:#f5fcff;border-color:#419bb8}
body[data-theme=dark] .etg-feature-ideas{background:linear-gradient(125deg,#345e30,#416d2f 57%,#755b24)!important;color:#fcfff0;border-color:#8dae6b}
body[data-theme=dark] .etg-feature :is(h3,p,.etg-feature-kicker,.etg-feature-text-link){color:inherit!important}
body[data-theme=dark] .etg-feature-icon{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.3)}
body[data-theme=dark] .etg-feature-button{background:#e4f5ff!important;color:#143a56!important}
body[data-theme=dark] .etg-feature-ideas .etg-feature-button{background:#eef8dc!important;color:#2b491f!important}
body[data-theme=dark] .panel-close{color:#b62527!important}
@media(max-width:760px){html,body{max-width:100%;overflow-x:clip}.etg-community-hub,.etg-feature,.etg-feature-actions,.etg-feature-button{min-width:0}.etg-feature-button{white-space:normal;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.category-block .course-card:hover,.category-index .category-link:hover{transform:none}}
/* Ensure the homepage-style gradient heading remains brilliant in night view. */
body[data-theme=dark] .gradient-ink,
body[data-theme=dark] .etg-wordmark{background-image:linear-gradient(106deg,#75d1ff 4%,#b0c9ff 52%,#8ce9af 100%)!important;color:transparent!important}


/* 2026-10-31: Elevated top-of-page community cards, metallic accents and clear search. */
.etg-community-hub{padding:14px 0 27px;scroll-margin-top:116px}
.etg-hub-heading{margin-bottom:14px}
.etg-hub-heading h2{font-size:clamp(1.46rem,3vw,2.08rem)}
.etg-feature{padding:clamp(18px,2.35vw,25px);box-shadow:0 9px 23px rgba(15,65,98,.15)}
.etg-feature h3{margin:10px 0 8px}
.etg-feature-actions{margin-top:15px}
/* Keep each category hue vivid; the pale reflective bands add a metallic silver sheen. */
.category-block .course-card{
 background:
   linear-gradient(119deg,rgba(255,255,255,.46) 0%,rgba(244,249,252,.15) 25%,rgba(150,164,182,.34) 45%,rgba(239,246,251,.44) 52%,rgba(255,255,255,0) 74%),
   linear-gradient(142deg,var(--cat-card-a),var(--cat-card-b))!important;
 border-color:color-mix(in srgb,var(--cat-text) 37%,#bdcbd5)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.78), 0 6px 16px rgba(22,56,85,.14)!important;
}
.category-block .course-card:hover{
 box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 11px 26px rgba(18,55,91,.22)!important;
}
/* Search is a primary control, not a pale secondary filter. */
.search-prominent-label{margin:18px 0 6px;color:#174a77;font-size:.92rem;font-weight:900;letter-spacing:.006em}
.search-prominent-label span{font-weight:600;color:#526b80;font-size:.77rem;margin-inline-start:9px}
.browse-tools .filter-bar{margin-top:7px}
.browse-tools .search-shell{
 min-height:56px;
 border:2px solid #247fc0;
 background:linear-gradient(110deg,#ffffff,#e9f4fc 72%,#f2f8fc);
 border-radius:13px;
 box-shadow:0 0 0 3px rgba(43,140,208,.11),0 5px 13px rgba(30,94,137,.14);
 padding-inline:14px;
 transition:border-color .16s,box-shadow .16s;
}
.browse-tools .search-shell:focus-within{border-color:#1168b8;box-shadow:0 0 0 4px rgba(39,140,228,.24),0 5px 17px rgba(21,94,160,.2)}
.browse-tools .search-shell .svg-icon{color:#176aa8;width:23px;height:23px;stroke-width:2.4}
.browse-tools .search-shell input{font-size:.96rem;font-weight:600;min-height:45px;color:#173d5c;outline:none}
.browse-tools .search-shell input::placeholder{color:#45647e;opacity:1;font-weight:520}
.browse-tools .search-shortcut{background:#eff5fa;border-color:#b5cada;color:#3a5c74}
/* Consistent light-brown scrollbar for the left chapter/category sidebar. */
.course-sidebar{
 scrollbar-width:thin;
 scrollbar-color:#ba9068 #f4e9da;
 scrollbar-gutter:stable;
 overscroll-behavior-y:contain;
 -webkit-overflow-scrolling:touch;
}
.course-sidebar::-webkit-scrollbar{width:11px}
.course-sidebar::-webkit-scrollbar-track{background:#f4e9da;border-radius:12px}
.course-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d7b494,#b78960);border:2px solid #f4e9da;border-radius:12px}
.course-sidebar::-webkit-scrollbar-thumb:hover{background:#a9784d}
body[data-theme=dark] .course-sidebar{scrollbar-color:#c7a17d #283548}
body[data-theme=dark] .course-sidebar::-webkit-scrollbar-track{background:#283548}
body[data-theme=dark] .course-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d7b38e,#a97f5a);border-color:#283548}
/* Preserve high contrast in night mode, including the modified search and cards. */
body[data-theme=dark] .search-prominent-label{color:#eef7ff!important}
body[data-theme=dark] .search-prominent-label span{color:#c6deef!important}
body[data-theme=dark] .browse-tools .search-shell{background:linear-gradient(110deg,#223b54,#2a4760)!important;border-color:#7bcbf8!important;box-shadow:0 0 0 3px rgba(105,185,244,.16)!important}
body[data-theme=dark] .browse-tools .search-shell:focus-within{border-color:#a9e2ff!important;box-shadow:0 0 0 4px rgba(131,207,255,.27)!important}
body[data-theme=dark] .browse-tools .search-shell .svg-icon{color:#bbebff!important}
body[data-theme=dark] .browse-tools .search-shell input{color:#ffffff!important}
body[data-theme=dark] .browse-tools .search-shell input::placeholder{color:#daebf8!important;opacity:1}
body[data-theme=dark] .browse-tools .search-shortcut{background:#2f4a65;color:#eef8ff;border-color:#7095b4}
body[data-theme=dark] .category-block .course-card{
 background:linear-gradient(120deg,rgba(220,233,244,.16),rgba(210,224,238,0) 28%,rgba(174,198,218,.15) 49%,transparent 70%),linear-gradient(140deg,#2a4b68,#29435e)!important;
 border-color:#7899b5!important;
 box-shadow:inset 0 1px 0 rgba(240,248,255,.22),0 6px 15px rgba(0,0,0,.23)!important;
}
@media(max-width:760px){
 .etg-community-hub{padding:12px 0 22px}
 .etg-feature{padding:19px}
 .browse-tools .search-shell{flex-basis:100%;width:100%;min-width:0}
 .search-prominent-label span{display:block;margin-inline-start:0;line-height:1.4}
 .course-sidebar{scrollbar-gutter:stable;overflow-y:auto}
}
@media(prefers-reduced-motion:reduce){.browse-tools .search-shell{transition:none}}


/* GOLD + SILVER METALLIC EDITION | 2026-10-31 */
/* Chromatic card color flows into brushed gold and finally cool silver. */
.category-block .course-card{
  background:
    linear-gradient(112deg,rgba(255,255,255,.30) 0%,transparent 18%,rgba(255,255,255,.38) 34%,transparent 44%,rgba(255,255,255,.08) 59%,rgba(255,255,255,.55) 74%,transparent 91%),
    linear-gradient(120deg,var(--cat-card-a) 0%,var(--cat-card-b) 28%,#f2d58d 42%,#d4a358 51%,#f1dcac 63%,#f5f8fa 74%,#a5b4c1 88%,#f4f7fa 100%)!important;
  border:1px solid color-mix(in srgb,var(--cat-text) 42%,#b0bbc7)!important;
  color:var(--cat-text)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), inset 0 -1px 0 rgba(134,144,156,.15),0 5px 13px rgba(25,49,83,.12)!important;
}
.category-block .course-card :is(.course-link,.course-level,.card-desc,.metric,.course-action,.course-path-hint,.next-step){color:var(--cat-text)!important;opacity:1!important}
.category-block .course-card:hover{box-shadow:inset 0 1px 0 #fff,0 11px 23px rgba(31,58,93,.22)!important}
/* Silver/gold finishes are repeated in the learning stage and category heading. */
.category-block .category-head{
 background:linear-gradient(108deg,var(--cat-top) 0%,var(--cat-bottom) 54%,#f5e6be 73%,#dce3e9 92%,#fbfdff 100%)!important;
}
.category-block .stage-head{
 background:linear-gradient(112deg,var(--cat-card-b) 0%,var(--cat-bottom) 55%,#f4e3b9 77%,#e4ebf1 100%)!important;
}
/* Metallic mini promotions: compact at all widths, preserving legible dark ink. */
.etg-community-hub{padding:9px 0 17px!important;scroll-margin-top:106px}
.etg-hub-heading{margin:0 0 9px!important;max-width:900px}
.etg-hub-eyebrow{font-size:.66rem!important;letter-spacing:.09em!important}
.etg-hub-heading h2{font-size:clamp(1.15rem,2.15vw,1.55rem)!important;line-height:1.18!important;margin:3px 0 4px!important}
.etg-hub-heading p{font-size:.8rem!important;line-height:1.4!important}
.etg-hub-grid{gap:11px!important}
.etg-feature{
 border-radius:14px!important;padding:clamp(12px,1.55vw,17px)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 5px 15px rgba(24,57,90,.12)!important;
 border:1px solid #99adbc!important;
}
.etg-feature-business{
 background:linear-gradient(115deg,#77c9f3 0%,#c2e9f8 28%,#f0d287 47%,#deaf60 57%,#e9e4d4 74%,#abb9c5 91%,#f7f9fb 100%)!important;
 color:#113c56!important;
}
.etg-feature-ideas{
 background:linear-gradient(115deg,#91dda7 0%,#bcecc5 28%,#f0d183 47%,#d9a85a 57%,#e6e4d8 74%,#afbec9 91%,#f8fafb 100%)!important;
 color:#284524!important;
}
.etg-feature:after{width:104px!important;height:104px!important;border-width:12px!important;top:-44px!important;right:-30px!important;opacity:.7}
.etg-feature-heading{gap:7px!important}
.etg-feature-icon{width:29px!important;height:29px!important;border-radius:9px!important;flex:none}
.etg-feature-icon .svg-icon{width:17px!important;height:17px!important}
.etg-feature-kicker{font-size:.62rem!important;letter-spacing:.055em!important}
.etg-feature h3{font-size:clamp(1rem,1.6vw,1.19rem)!important;margin:7px 0 5px!important;line-height:1.23!important}
.etg-feature p{font-size:.78rem!important;line-height:1.46!important;margin:0!important;font-weight:590!important}
.etg-feature-actions{gap:8px!important;margin-top:10px!important}
.etg-feature-button{min-height:35px!important;padding:7px 10px!important;font-size:.75rem!important;border-radius:8px!important;gap:6px!important}
.etg-feature-button .svg-icon{height:13px!important;width:13px!important}
.etg-feature-text-link{font-size:.74rem!important}
/* Night mode: muted metallic colors behind high contrast ink, never washed out labels. */
body[data-theme=dark] .category-block .course-card{
 background:
   linear-gradient(115deg,rgba(255,255,255,.1) 0%,transparent 29%,rgba(255,255,255,.13) 46%,transparent 65%,rgba(206,222,236,.12) 84%,transparent 100%),
   linear-gradient(121deg,color-mix(in srgb,var(--cat-card-a) 36%,#172c43) 0%,color-mix(in srgb,var(--cat-card-b) 30%,#1b324a) 28%,#6d582f 47%,#74582b 55%,#495566 76%,#243a50 92%,#2d455d 100%)!important;
 border-color:#8294a7!important;color:#f7fbff!important;
}
body[data-theme=dark] .category-block .course-card :is(.course-link,.course-level,.card-desc,.metric,.course-action,.course-path-hint,.next-step){color:#f7fbff!important}
body[data-theme=dark] .category-block .category-head,body[data-theme=dark] .category-block .stage-head{
 background:linear-gradient(115deg,#233f58 0%,#2a4560 50%,#68522e 77%,#475568 100%)!important;
}
body[data-theme=dark] .etg-feature-business{
 background:linear-gradient(115deg,#174d69,#245a77 31%,#6e5832 54%,#4a5866 81%,#263f58)!important;
 color:#f6fbff!important;border-color:#748b9d!important;
}
body[data-theme=dark] .etg-feature-ideas{
 background:linear-gradient(115deg,#294d38,#34634c 31%,#705b31 54%,#4c5d64 81%,#2b4546)!important;
 color:#fbfff3!important;border-color:#7e957d!important;
}
body[data-theme=dark] .etg-feature :is(h3,p,.etg-feature-kicker,.etg-feature-text-link){color:inherit!important}
body[data-theme=dark] .etg-feature-business .etg-feature-button{background:#e7f4fc!important;color:#17415d!important}
body[data-theme=dark] .etg-feature-ideas .etg-feature-button{background:#f0f4e2!important;color:#324a22!important}
/* True scrollable panel — prevents scroll chaining / iOS swipe swallowing. */
.course-sidebar{display:flex!important;flex-direction:column!important;position:sticky;overflow:hidden!important;isolation:isolate}
.course-sidebar .sidebar-nav{
 flex:1 1 auto;min-height:0!important;height:100%;overflow-y:auto!important;overflow-x:hidden!important;
 padding-inline-end:24px!important;touch-action:pan-y!important;overscroll-behavior:contain!important;
 -webkit-overflow-scrolling:touch;scrollbar-width:none!important;scroll-behavior:auto!important;
}
.course-sidebar .sidebar-nav::-webkit-scrollbar{width:0!important;height:0!important;display:none}
.etg-sidebar-scroll-rail{
 position:absolute;inset-block:10px;inset-inline-end:4px;width:15px;z-index:4;
 border-radius:999px;border:1px solid #cca66e;
 background:linear-gradient(90deg,#f9eed8 0%,#dfc59b 44%,#f8ebd1 100%);
 box-shadow:inset 0 1px 4px rgba(95,64,27,.22),0 0 0 1px rgba(255,255,255,.55);
 touch-action:none;cursor:pointer;user-select:none;-webkit-user-select:none;
}
.etg-sidebar-scroll-thumb{
 position:absolute;inset-inline:1px;top:0;height:58px;border-radius:999px;
 background:linear-gradient(92deg,#a87237 0%,#e5c084 32%,#c19050 65%,#9d6a38 100%);
 border:1px solid #936332;box-shadow:inset 1px 0 rgba(255,250,232,.55),0 1px 3px rgba(73,42,19,.34);
 will-change:transform;transform:translateY(0);
}
.etg-sidebar-scroll-rail:focus-visible{outline:3px solid #1f82c9;outline-offset:3px}
body[data-theme=dark] .etg-sidebar-scroll-rail{border-color:#c6a277;background:linear-gradient(90deg,#6c5b47,#8a735a,#564c43)}
body[data-theme=dark] .etg-sidebar-scroll-thumb{border-color:#e1bb80;background:linear-gradient(95deg,#bc8c4d,#f4d29b,#b17f3c)}
@media(max-width:760px){
 .course-sidebar{position:fixed!important;inset-block:0!important;height:100dvh!important;max-height:100dvh!important;min-height:0!important;left:0;right:auto}
 .course-sidebar .sidebar-nav{min-height:0!important;overflow-y:scroll!important;touch-action:pan-y!important}
 html[dir=rtl] .course-sidebar{left:auto!important;right:0!important;border-radius:17px 0 0 17px;transform:translateX(105%)}
 html[dir=rtl] .course-sidebar.is-open{transform:translateX(0)!important}
 .etg-sidebar-scroll-rail{width:17px;inset-inline-end:5px;inset-block:8px}
 .etg-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:580px){
 .etg-hub-grid{grid-template-columns:1fr!important;gap:8px!important}
 .etg-feature{padding:11px 13px!important}
 .etg-feature h3{font-size:1.035rem!important;margin:4px 0!important}
 .etg-feature p{font-size:.75rem!important;line-height:1.38!important}
 .etg-feature-actions{margin-top:8px!important}
 .etg-hub-heading p{font-size:.76rem!important}
}
@media(prefers-reduced-motion:reduce){.etg-sidebar-scroll-thumb{will-change:auto}}

/* ETG 2026-10-31 — Aurora Satin night palette, softer champagne-gold metallic.
   Category identity uses static CSS variables; no scripting, images, fonts or animation.
   This section intentionally overrides the older common navy/brown night cards. */
body[data-theme="dark"] :is(#resources.category-block,.category-index .category-link[href="#resources"]){--night-deep:#094b47;--night-mid:#12665e;--night-accent:#9cf3df}
body[data-theme="dark"] :is(#frontend.category-block,.category-index .category-link[href="#frontend"]){--night-deep:#113c6b;--night-mid:#1b629c;--night-accent:#9bd3ff}
body[data-theme="dark"] :is(#backend.category-block,.category-index .category-link[href="#backend"]){--night-deep:#242d72;--night-mid:#4554a6;--night-accent:#c5caff}
body[data-theme="dark"] :is(#data.category-block,.category-index .category-link[href="#data"]){--night-deep:#0e4c38;--night-mid:#157752;--night-accent:#9af3c3}
body[data-theme="dark"] :is(#ai-learning-path.category-block,.category-index .category-link[href="#ai-learning-path"]){--night-deep:#293f7b;--night-mid:#3d60b0;--night-accent:#b2c6ff}
body[data-theme="dark"] :is(#ai-libraries-and-tools.category-block,.category-index .category-link[href="#ai-libraries-and-tools"]){--night-deep:#355023;--night-mid:#53782b;--night-accent:#d4f69c}
body[data-theme="dark"] :is(#devops.category-block,.category-index .category-link[href="#devops"]){--night-deep:#104562;--night-mid:#1c7794;--night-accent:#99dfff}
body[data-theme="dark"] :is(#it-certifications.category-block,.category-index .category-link[href="#it-certifications"]){--night-deep:#0e4c56;--night-mid:#1c7d80;--night-accent:#9bf3f1}
body[data-theme="dark"] :is(#mobile-and-platforms.category-block,.category-index .category-link[href="#mobile-and-platforms"]){--night-deep:#173e75;--night-mid:#255f9a;--night-accent:#a9d5ff}
body[data-theme="dark"] :is(#math-for-ai.category-block,.category-index .category-link[href="#math-for-ai"]){--night-deep:#164960;--night-mid:#277a94;--night-accent:#96e1fc}
body[data-theme="dark"] :is(#school-math.category-block,.category-index .category-link[href="#school-math"]){--night-deep:#465622;--night-mid:#6b8230;--night-accent:#dfef9c}
body[data-theme="dark"] :is(#english-assistants.category-block,.category-index .category-link[href="#english-assistants"]){--night-deep:#64441e;--night-mid:#916225;--night-accent:#ffe3a6}
body[data-theme="dark"] :is(#languages.category-block,.category-index .category-link[href="#languages"]){--night-deep:#14545c;--night-mid:#1b8b8b;--night-accent:#9af4ee}
body[data-theme="dark"] :is(#digital-marketing.category-block,.category-index .category-link[href="#digital-marketing"]){--night-deep:#613c1f;--night-mid:#93612b;--night-accent:#ffdaab}
body[data-theme="dark"] :is(#crypto-trading.category-block,.category-index .category-link[href="#crypto-trading"]){--night-deep:#285b34;--night-mid:#42874b;--night-accent:#b6efa9}
body[data-theme="dark"] :is(#other-topics.category-block,.category-index .category-link[href="#other-topics"]){--night-deep:#2b455c;--night-mid:#536e88;--night-accent:#c9e3f7}

/* Each category remains dark enough for white labels, but takes on its own hue. */
body[data-theme="dark"] .category-block{
 background:linear-gradient(145deg,color-mix(in srgb,var(--night-deep) 70%,#142333) 0%,color-mix(in srgb,var(--night-mid) 23%,#1a2a3c) 100%)!important;
 border-color:color-mix(in srgb,var(--night-accent) 33%,#3b5268)!important;
}
body[data-theme="dark"] .category-block .roadmap-stage{
 background:linear-gradient(128deg,color-mix(in srgb,var(--night-deep) 35%,#182c42),#1b2b3f)!important;
 border-color:color-mix(in srgb,var(--night-accent) 22%,#38536a)!important;
}
body[data-theme="dark"] .category-block .category-head,
body[data-theme="dark"] .category-block .stage-head{
 background:linear-gradient(112deg,color-mix(in srgb,var(--night-deep) 72%,#223a52) 0%,color-mix(in srgb,var(--night-mid) 46%,#294059) 68%,#3b4d5a 100%)!important;
 color:#f7fbff!important;
 border-color:color-mix(in srgb,var(--night-accent) 28%,#4b6072)!important;
}
body[data-theme="dark"] .category-block .course-card{
 background:
  radial-gradient(ellipse 85% 90% at 97% -12%,color-mix(in srgb,var(--night-accent) 24%,transparent) 0%,transparent 80%),
  linear-gradient(116deg,transparent 0%,transparent 34%,rgba(255,243,218,.075) 44%,rgba(255,238,190,.19) 55%,rgba(232,243,253,.11) 65%,transparent 79%),
  linear-gradient(138deg,var(--night-deep) 0%,var(--night-mid) 69%,color-mix(in srgb,var(--night-mid) 82%,#536b82) 100%)!important;
 border:1px solid color-mix(in srgb,var(--night-accent) 53%,#6a7d91)!important;
 color:#f9fcff!important;
 box-shadow:inset 0 1px 0 rgba(255,248,229,.23),0 7px 16px rgba(1,10,24,.24)!important;
}
body[data-theme="dark"] .category-block .course-card:hover{
 border-color:var(--night-accent)!important;
 box-shadow:inset 0 1px 0 rgba(255,252,239,.35),0 12px 25px rgba(1,10,24,.37)!important;
}
body[data-theme="dark"] .category-block .course-card :is(.course-link,.course-level,.card-desc,.metric,.course-action,.course-path-hint,.next-step),
body[data-theme="dark"] .category-block :is(.category-title h2,.category-title p,.stage-head h3,.stage-head p,.stage-kicker,.stage-number,.category-overview,.category-count,.stage-intro){
 color:#f8fbff!important;opacity:1!important;
}
body[data-theme="dark"] .category-block .course-card .course-level,
body[data-theme="dark"] .category-block .course-card .next-step{
 background:color-mix(in srgb,var(--night-mid) 55%,#14283d)!important;
 border:1px solid color-mix(in srgb,var(--night-accent) 39%,transparent)!important;
 color:#ffffff!important;
}
body[data-theme="dark"] .category-block .course-card .course-link .arrow{
 background:color-mix(in srgb,var(--night-accent) 20%,#173048)!important;
 color:#ffffff!important;
}
body[data-theme="dark"] .category-block .course-card .card-bottom{
 border-color:rgba(235,245,255,.23)!important;
}
body[data-theme="dark"] .category-block .category-title .eyebrow,
body[data-theme="dark"] .category-block .stage-number,
body[data-theme="dark"] .category-block .stage-kicker{
 color:color-mix(in srgb,var(--night-accent) 84%,#ffffff)!important;
}
/* The category jump tiles now echo their category color instead of all matching navy. */
body[data-theme="dark"] .category-index .category-link{
 background:
  linear-gradient(121deg,rgba(255,242,211,.055),transparent 55%,rgba(233,244,255,.10) 88%),
  linear-gradient(125deg,color-mix(in srgb,var(--night-deep) 84%,#1a2d41),color-mix(in srgb,var(--night-mid) 76%,#243b53))!important;
 border-color:color-mix(in srgb,var(--night-accent) 37%,#4a6177)!important;
 color:#ffffff!important;
}
body[data-theme="dark"] .category-index .category-link .cat-icon{
 color:var(--night-accent)!important;
}
body[data-theme="dark"] .category-index .category-link :is(.cat-label,.cat-count){
 color:#f9fcff!important;
}
/* Avoid overpowering gold bands: satin champagne highlight, not dark mustard. */
@media (prefers-contrast:more){
 body[data-theme="dark"] .category-block .course-card{
  background:linear-gradient(132deg,var(--night-deep),var(--night-mid))!important;
  border-color:#d8edff!important;
 }
}