/* KaliQ learning space. Navy surfaces, cyan orientation, lime actions and progress. */
:root{--bg-dark:#15243d;--bg-secondary:#1a2c48;--bg-card:#203552;--bg-deep:#101d32;--bg-panel:#243b5b;--text-light:#f0f6ff;--text-muted:#bccce1;--kali-blue:#5aa9ff;--kali-cyan:#67d8f3;--accent-green:#c5f67b;--accent-red:#ffaaaa;--card-border:#3b5678;--border-glow:#4b769f;--lime:#c5f67b;--cyan:#67d8f3;--line:#354e6e;--mono:'IBM Plex Mono',monospace;--heading:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif;--shadow-card:0 15px 40px #07132926;--glow-strong:none;--glow-subtle:none}
html{scroll-padding-top:100px}body{font-family:var(--body);background:#131f33;color:var(--text-light);line-height:1.65;overflow-x:clip}body::before,body::after{display:none}::selection{background:#86ddf3;color:#131f33}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}svg.icon{width:20px;height:20px;display:block;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}[data-icon]{display:inline-flex;vertical-align:middle;flex-shrink:0}h1,h2,h3,h4{font-family:var(--heading);font-weight:500;line-height:1.2;color:var(--text-light);background:none;-webkit-text-fill-color:currentColor;letter-spacing:-.035em}h1{font-size:clamp(36px,5vw,62px);text-shadow:none}h2{border:0;padding-bottom:0}h3{margin-top:0}h2{font-size:clamp(28px,3.2vw,40px)}h3{font-size:23px}p{color:var(--text-muted)}.container{max-width:1232px;padding:0 32px;margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-70px;background:var(--cyan);color:#152137;padding:12px 20px;z-index:999}.skip-link:focus{top:10px}
/* Navigation */
.academy-header{position:sticky;top:0;z-index:50;background:#131f33f0;backdrop-filter:blur(20px);padding:0;border-bottom:1px solid var(--line);box-shadow:none}.academy-header::after{display:none}.academy-nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--heading);font-size:28px;font-weight:600;line-height:1;letter-spacing:-1.2px;flex-shrink:0}.brand-mark{display:flex;align-items:center;justify-content:center;width:40px;height:43px;border:1px solid #628cae;border-radius:9px;color:var(--cyan);font-size:31px;letter-spacing:-6px;padding-right:5px;font-weight:500;transform:rotate(-4deg)}.brand-mark>span{font-size:29px}.brand-q{color:var(--cyan)}.brand small{display:block;font-family:var(--mono);font-size:8px;letter-spacing:1.7px;color:#7b9ebb;margin-top:7px;font-weight:400}.academy-nav .nav-links{position:static;display:flex;gap:26px;list-style:none;background:none;border:0;border-radius:0;padding:0;backdrop-filter:none}.academy-nav .nav-link{font-size:13px;text-transform:none;letter-spacing:0;font-weight:500;padding:10px 0;background:none;border:0;box-shadow:none;color:#b6c2cf;border-radius:0;white-space:nowrap}.academy-nav .nav-link:hover,.academy-nav .nav-link.active{background:none;color:var(--cyan);box-shadow:none}.nav-new{font:8px var(--mono);letter-spacing:.5px;border:1px solid #3b5577;color:var(--cyan);padding:2px 4px;border-radius:3px;vertical-align:2px;margin-left:4px}.nav-actions{display:flex;align-items:center;gap:22px}.search-trigger{display:flex;align-items:center;gap:9px;background:none;color:#a7b4c4;border:0;padding:8px 0}.search-trigger .icon{width:17px}.search-trigger kbd{font:10px var(--mono);background:#18263f;border:1px solid #2f445f;border-radius:4px;padding:3px 5px}.learning-link{font-size:12px;display:flex;align-items:center;gap:9px;padding:10px 14px;background:#1a2a45;border:1px solid #304662;color:var(--cyan);border-radius:6px;white-space:nowrap}.learning-link .icon{width:15px}.mobile-toggle{background:none;border:0;width:28px;padding:4px}.mobile-toggle span{background:#e0e6ed;width:22px;height:2px;border-radius:2px}.scroll-progress{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:none}.scroll-progress__bar{display:block;width:100%;height:100%;background:var(--lime);transform:scaleX(0);transform-origin:left;box-shadow:none}.view-container{min-height:60vh;padding:0}.view{padding:0;animation:page-arrive .4s ease both}.view>section{padding:65px 0}.academy-home>section{padding:0}.view h1{margin-bottom:20px}.view-loading{min-height:60vh;display:flex;align-items:center;justify-content:center;gap:16px}.loading-spinner{width:24px;height:24px;border:2px solid #314764;border-top-color:var(--cyan)}
/* Home */
.announcement{min-height:43px;background:#16243b;display:flex;justify-content:center;align-items:center;gap:16px;border-bottom:1px solid #293b53;font-size:11px;color:#abb8c7}.announcement .tiny-tag{font-size:8px;color:var(--cyan);padding:2px 6px;border:1px solid #344b69;border-radius:3px}.announcement a{color:#d5e0ec;margin-left:8px}.tiny-tag,.section-kicker,.path-number{font:10px var(--mono);letter-spacing:1.1px}.hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;min-height:570px;padding-top:45px;padding-bottom:45px}.hero-copy{padding:15px 0}.hero-eyebrow{font:10px var(--mono);color:#a8b5c5;letter-spacing:.25px;display:flex;gap:9px;align-items:center;margin-bottom:25px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px #7fdbf244;flex-shrink:0}.hero-copy h1{font-size:clamp(42px,4.8vw,64px);line-height:1.12;letter-spacing:-3.2px;font-weight:500;margin:0 0 28px;white-space:nowrap}.lime-word{color:var(--cyan);position:relative;display:inline-block}.lime-word svg{position:absolute;bottom:-12px;left:0;width:100%;height:17px;overflow:visible;stroke:#6891b1;stroke-width:1.5;fill:none;stroke-dasharray:380;animation:draw-line 2s ease both}.hero-description{font-size:15px;line-height:1.85;color:#a7b4c4;margin:0 0 29px}.hero-buttons{display:flex;align-items:center;gap:12px}.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;border-radius:6px;border:1px solid #324865;padding:13px 19px;min-height:47px;font-size:12px;font-weight:600;line-height:1.3;transition:background .2s,transform .2s,border-color .2s;color:#f1f3f5;background:#192741}.button:hover{transform:translateY(-2px);border-color:#6890b1}.button .icon{width:17px;height:17px}.button-lime{background:var(--lime);color:#17263e;border-color:var(--lime)}.button-lime:hover{background:#b0e9f7;color:#17263e}.button-quiet{background:transparent;color:#dce2e8;border-color:#304560}.hero-reassurance{display:flex;gap:16px;margin-top:24px;font-size:10px;color:#799dba}.hero-reassurance>span{display:flex;align-items:center;gap:5px}.hero-reassurance .icon{width:12px;height:12px;color:#98a8ba}.hero-workspace{height:450px;position:relative;isolation:isolate}.workspace-grid{position:absolute;inset:0 -35px;background-image:linear-gradient(#76d9f106 1px,transparent 1px),linear-gradient(90deg,#76d9f106 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(ellipse,#000 30%,transparent 70%)}.workspace-orbit{position:absolute;width:370px;height:370px;border:1px solid #86ddf30e;left:100px;top:32px;border-radius:50%;transform:rotateX(25deg)}.orbit-two{width:440px;height:440px;left:65px;top:-3px;border-style:dashed;animation:orbit 90s linear infinite}.workspace-connections{position:absolute;inset:0;width:100%;height:100%;stroke:#52cfee30;stroke-width:1}.workspace-connections circle{fill:#52cfee}.workspace-connections .packet-path{stroke:#86ddf3aa;stroke-dasharray:18 610;animation:packet 7s linear infinite}.floating-label{position:absolute;top:10px;left:75px;display:flex;align-items:center;gap:8px;font:9px var(--mono);letter-spacing:1.4px;color:#95a5b8}.terminal-window{background:#142034;border:1px solid #354d6b;border-radius:9px;box-shadow:0 25px 60px #0006;overflow:hidden}.hero-terminal{position:absolute;left:34px;right:0;top:64px;transform:perspective(1100px) rotateY(-5deg) rotateX(2deg) rotateZ(-2deg)}.terminal-chrome{height:40px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #2a3c54;background:#182740;font:9px var(--mono);color:#789cb9}.terminal-chrome>.icon,.terminal-chrome [data-icon] .icon{width:13px;height:13px}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#5885a9}.window-dots i:first-child{background:#dc8a76}.window-dots i:nth-child(2){background:#cbb66a}.window-dots i:last-child{background:#769bb9}.terminal-content{padding:23px 23px 14px;font:11px/1.8 var(--mono)}.terminal-prompt{color:#6790b1}.terminal-prompt>span{color:#aebdcf}.terminal-prompt b{font-weight:400;color:var(--cyan)}.terminal-prompt .typed-command{color:#e9eff5}.terminal-response{color:var(--cyan);padding:8px 0 15px 18px;font-size:11px}.second-prompt{margin-bottom:10px}.journey-line{font-size:10px;display:flex;gap:10px;color:#b6c2cf;padding:4px 0 4px 18px}.journey-line>span{color:#425f85;font-size:9px}.journey-line b{color:var(--cyan);font-weight:400;margin-left:auto}.final-prompt{margin-top:14px}.terminal-cursor{display:inline-block;width:7px;height:13px;vertical-align:middle;background:var(--cyan);animation:blink 1.2s steps(2,start) infinite}.terminal-bottom{font:8px var(--mono);color:#5c88ab;border-top:1px solid #293b52;padding:8px 13px;display:flex;justify-content:space-between}.terminal-bottom i{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--cyan);margin-right:4px}.floating-card{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid #334a67;border-radius:8px;background:#192843;box-shadow:0 16px 35px #0004}.floating-card strong{display:block;font-size:10px;font-weight:500;color:#e1e7ef}.floating-card div>span{display:block;font-size:8px;color:#799dba;margin-top:3px}.mini-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--cyan);border:1px solid #3c577a;border-radius:6px}.skill-card{top:37px;right:-16px;transform:rotate(2deg);animation:float 7s ease-in-out infinite}.device-card{bottom:22px;left:8px;animation:float 7s 1s ease-in-out infinite}.device-card>[data-icon]{color:#b5cbe4}.device-card .device-divider{width:1px;height:22px;background:#334a68}.device-card div{margin-left:4px}.visual-coordinate{position:absolute;bottom:0;right:5px;font:7px var(--mono);letter-spacing:1.6px;color:#5b86aa}.foundation-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px;padding-bottom:24px}.foundation-strip>span{font:8px var(--mono);letter-spacing:1.2px;color:#668eb0;max-width:170px;line-height:1.8}.foundation-strip>div{display:flex;align-items:center;gap:9px;font-size:12px;color:#adbac9}.foundation-strip .icon{width:17px;height:17px;color:#7c9fbb}.academy-home .home-section{padding:78px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:32px}.section-kicker{color:#6e95b4;margin-bottom:14px;font-size:9px;letter-spacing:1.3px}.section-kicker>span{color:var(--cyan);margin-right:8px}.section-heading h2{margin-bottom:12px;font-size:34px}.section-heading p:not(.section-kicker){font-size:13px;margin-bottom:0}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:11px;color:#b7cce4;font-weight:500;white-space:nowrap}.text-link .icon{width:15px;height:15px;transition:transform .2s}.text-link:hover .icon{transform:translate(3px,-2px)}.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.path-card{--path-accent:#86ddf3;--path-tint:#182740;display:block;background:linear-gradient(130deg,var(--path-tint),#162239 80%);border:1px solid #2f4460;border-radius:10px;padding:25px 25px 0;position:relative;overflow:hidden;transition:transform .25s,border-color .25s}.path-card:before{content:'';position:absolute;right:-100px;top:-100px;width:240px;height:240px;border:1px solid color-mix(in srgb,var(--path-accent) 9%,transparent);border-radius:50%;pointer-events:none}.path-card:hover{transform:translateY(-5px);border-color:var(--path-accent)}.path-blue{--path-accent:#99c7ed;--path-tint:#141f25;border-color:#293d48;background:linear-gradient(130deg,#142129,#101618 80%)}.path-purple{--path-accent:#c3b0ed;--path-tint:#201a2b;border-color:#3a3049;background:linear-gradient(130deg,#211a2c,#151219 80%)}.path-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.path-symbol{color:var(--path-accent)}.path-symbol .icon{width:27px;height:27px}.level-pill{font:8px var(--mono);letter-spacing:1px;color:var(--path-accent);padding:4px 8px;border:1px solid color-mix(in srgb,var(--path-accent) 28%,transparent);border-radius:4px}.path-number{color:#6e95b4;font-size:8px;letter-spacing:1px;margin-bottom:10px}.path-blue .path-number{color:#8193a0}.path-purple .path-number{color:#9683ab}.path-card h3{font-size:27px;line-height:1.25;letter-spacing:-.9px;margin:0 0 14px}.path-card>p{font-size:12px;line-height:1.8;min-height:65px;color:#92a3b7}.path-blue>p{color:#98a2a8}.path-purple>p{color:#a19aa9}.path-tags{display:flex;flex-wrap:wrap;gap:5px;margin:21px 0 26px}.path-tags span{font-size:9px;border:1px solid #ffffff12;background:#ffffff03;border-radius:4px;padding:3px 7px;color:#9aa9bb}.path-card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff12;padding:16px 0;font-size:10px;color:var(--path-accent)}.round-arrow{width:26px;height:26px;border:1px solid #ffffff20;border-radius:50%;align-items:center;justify-content:center}.round-arrow .icon{width:12px;height:12px}.learn-do-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#152137}.learn-do-layout{display:grid;grid-template-columns:1fr .9fr;gap:100px;align-items:center}.learn-do-layout h2{font-size:43px;margin-bottom:20px}.section-description{font-size:13px;max-width:430px}.learning-steps{margin:30px 0}.learning-steps>div{display:flex;gap:18px;margin:22px 0}.learning-steps>div>span{font:10px var(--mono);color:#a3bcd9;border:1px solid #334a68;background:#1a2a45;border-radius:50%;width:27px;height:27px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.learning-steps h3{font-family:var(--body);font-size:13px;font-weight:500;letter-spacing:0;margin:0 0 5px}.learning-steps p{font-size:11px;margin:0}.lesson-preview{background:#18263f;border:1px solid #344c6a;border-radius:10px;padding:29px;box-shadow:0 20px 65px #0002;transform:rotate(1deg)}.preview-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;color:#6f96b5;font:9px var(--mono)}.preview-top .tiny-tag{font-size:8px;letter-spacing:.7px}.lesson-preview-icon{width:42px;height:42px;background:#2a3d56;color:var(--cyan);border-radius:8px;align-items:center;justify-content:center;margin-bottom:18px}.lesson-preview h3{font-size:23px;margin-bottom:12px}.lesson-preview>p{font-size:12px;line-height:1.8}.mini-code{font:10px/2 var(--mono);background:#142034;border:1px solid #2d415b;border-radius:6px;padding:14px;margin:20px 0}.mini-code div:first-child{color:#e3e9f1}.mini-code div:first-child>span:first-child{color:var(--cyan);margin-right:10px}.code-comment{color:#638cae;margin-left:10px;font-size:8px}.mini-code div+div{color:#7398b7;padding-left:18px}.takeaway{display:flex;gap:12px;margin:21px 0 25px}.takeaway>[data-icon]{color:#abc4e1}.takeaway p{font-size:11px;margin:0}.takeaway strong{font-size:11px;color:#dae4ef;font-weight:500}.lesson-preview>.button{width:100%;padding:12px;min-height:41px;font-size:11px}.simulation-caption{display:block;text-align:center;font:8px var(--mono);color:#7297b6;margin-top:12px}.device-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.device-feature{display:grid;grid-template-columns:155px 1fr;gap:22px;align-items:center;padding:28px 25px;background:#16233a;border:1px solid var(--line);border-radius:9px;transition:border-color .2s}.device-feature:hover{border-color:#5f8aad}.device-feature .tiny-tag{color:#759ab8;font-size:8px}.device-feature h3{font-size:22px;margin:12px 0}.device-feature p{font-size:11px;line-height:1.8;margin-bottom:16px}.device-feature .text-link{font-size:10px}.device-drawing{position:relative;height:150px;display:flex;align-items:center;justify-content:center}.desktop-drawing>div{width:153px;height:99px;border:2px solid #3c577a;border-radius:6px;background:linear-gradient(135deg,#1a2a45,#142035);padding:26px 9px 0;transform:perspective(400px) rotateY(10deg);box-shadow:0 0 30px #7499b710}.desktop-drawing span{display:block;color:#97aec8;font:6px/2 var(--mono)}.desktop-drawing .terminal-cursor{display:inline-block;width:3px;height:6px}.desktop-drawing>i{position:absolute;top:124px;width:63px;height:9px;border-top:2px solid #3c577a;background:#2a3d55;clip-path:polygon(25% 0,75% 0,100% 100%,0 100%)}.desktop-drawing>i:before{content:'';position:absolute;left:25px;width:16px;height:15px;background:#314764;top:-15px}.phone-drawing>div{height:146px;width:78px;padding:35px 9px 0;border:2px solid #5784a9;border-radius:13px;background:linear-gradient(120deg,#273950,#152238);transform:rotate(8deg);box-shadow:7px 9px 0 #27384f}.phone-drawing i{position:absolute;top:8px;left:22px;width:30px;height:4px;border-radius:4px;background:#608bad}.phone-drawing span{display:block;font:6px/2 var(--mono);color:#a6bcd5}.phone-drawing .phone-lines{color:#5f8aad;font-size:5px;line-height:2;margin-top:14px}.device-footnote{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;margin:21px 0 0}.device-footnote .icon{width:13px;height:13px}.academy-home .tool-shelf{padding-top:0}.tool-shelf .section-heading h2{font-size:29px;max-width:650px}.tool-shelf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tool-shelf-grid>a{display:flex;gap:15px;align-items:center;padding:28px 20px;border-right:1px solid var(--line);transition:background .2s}.tool-shelf-grid>a:hover{background:#182740}.tool-shelf-grid>a:first-child{padding-left:0}.tool-shelf-grid>a:last-child{border-right:0}.tool-monogram{font-family:var(--heading);font-size:32px;font-weight:500;color:#aec0d5;display:inline-flex;justify-content:center;align-items:center;background:#1a2a45;border-radius:7px;width:47px;height:47px;flex-shrink:0}.tool-monogram>span{font-size:13px;align-self:flex-start;margin-top:5px}.burp-mark{color:#e6aa89;background:#2c2018}.wire-mark{color:#94c5dc;background:#142530;font-size:27px}.tool-shelf-grid h3{font-size:17px;margin:0 0 5px}.tool-shelf-grid p{font-size:10px;margin:0 0 7px}.tool-shelf-grid div>span{font:7px var(--mono);color:#648daf;letter-spacing:.7px}.tool-shelf-grid>a>[data-icon]{margin-left:auto;color:#7297b6}.tool-shelf-grid>a>[data-icon] .icon{width:15px}.view.academy-home>.home-cta{padding:35px 38px;margin-bottom:80px;border:1px solid #354c6b;border-radius:10px;background:radial-gradient(ellipse at left,#2b3e5844,transparent 60%),#17253d;display:flex;align-items:center;gap:28px;overflow:hidden}.home-cta .section-kicker{font-size:8px;margin-bottom:8px}.home-cta h2{font-size:34px;margin-bottom:8px}.home-cta p:last-child{font-size:12px;margin:0}.home-cta>.button{margin-left:auto;font-size:11px}.cta-orbit{border:1px solid #3b5678;border-radius:50%;width:75px;height:75px;display:flex;align-items:center;justify-content:center;outline:1px dashed #304662;outline-offset:9px;margin:0 12px;color:var(--cyan);flex-shrink:0}.cta-orbit .icon{width:28px;height:28px}
/* Library, lessons and lab */
.page-heading{padding-bottom:32px;border-bottom:1px solid var(--line);margin-bottom:34px}.page-heading .section-kicker{margin:0 0 14px}.page-heading h1{max-width:850px}.page-heading>p{font-size:15px;max-width:750px;line-height:1.8}.breadcrumb{font-size:11px;gap:10px;color:#7398b7;margin:0 0 28px;display:flex;flex-wrap:wrap}.breadcrumb a{color:#acc2db;cursor:pointer}.page-tags{display:flex;gap:10px;flex-wrap:wrap;font:9px var(--mono);color:#9faebf;margin:24px 0 0}.page-tags>span{display:flex;align-items:center;gap:6px;padding:5px 9px;background:#182740;border:1px solid #2f4460;border-radius:4px}.page-tags .icon{width:12px;height:12px}.filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:28px 0}.filter-button{font-size:12px;padding:9px 16px;color:#a3b1c2;background:transparent;border:1px solid #2e435e;border-radius:5px}.filter-button.active{color:#162339;background:var(--cyan);border-color:var(--cyan)}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.catalog-card{display:flex;flex-direction:column;position:relative;border:1px solid var(--line);border-radius:9px;padding:24px;background:#17243c;transition:transform .2s,border-color .2s}.catalog-card:hover{transform:translateY(-4px);border-color:#5b86aa}.catalog-card .catalog-icon{width:42px;height:42px;border:1px solid #344b69;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--cyan);margin-bottom:28px;background:#26384e}.catalog-card .level-pill{position:absolute;right:22px;top:28px;color:#a7b4c4;border-color:#344b69}.catalog-card h2,.catalog-card h3{font-size:23px;margin:0 0 13px}.catalog-card p{font-size:12px;line-height:1.8;margin:0 0 20px}.catalog-card .card-meta{font:9px var(--mono);display:flex;gap:15px;color:#6f96b5;margin-top:auto;padding-top:18px;border-top:1px solid #2b3e58}.catalog-card .card-meta span:last-child{margin-left:auto;color:var(--cyan)}.catalog-card[hidden],.tool-library-card[hidden]{display:none}.lesson-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:48px;align-items:start}.lesson-outline{position:sticky;top:116px;border:1px solid var(--line);background:#162339;border-radius:8px;padding:22px}.lesson-outline>p{font:9px var(--mono);letter-spacing:1px;color:#90a1b5;margin-bottom:17px}.lesson-outline a{display:block;font-size:11px;color:#a7b4c4;padding:8px 0;line-height:1.5}.lesson-outline a:hover{color:var(--cyan)}.lesson-outline .outline-bottom{border-top:1px solid var(--line);margin-top:15px;padding-top:17px;color:#6e94b4;font-size:10px}.lesson-body{min-width:0}.lesson-block{padding:0;margin-bottom:42px;scroll-margin-top:115px}.lesson-block h2{font-size:28px;margin-bottom:18px}.lesson-block h3{font-size:20px;margin:26px 0 12px}.lesson-block p,.lesson-block li{font-size:14px;line-height:1.85}.lesson-block p{margin-bottom:16px}.lesson-block li{color:#a2b0c1;margin:8px 0}.lesson-block ul,.lesson-block ol{padding-left:22px}.lesson-block strong{color:#e4eaf0;font-weight:550}.lesson-block .callout p{font-size:13px;margin:0}.callout{padding:20px 22px;background:#192741;border:1px solid #334a67;border-left:3px solid #88a9cf;border-radius:5px;margin:22px 0}.callout h3{font-size:14px;letter-spacing:0;font-family:var(--body);margin:0 0 8px}.callout.info{background:#151e22;border-color:#344954;border-left-color:#7eafcb}.callout.warning{background:#252014;border-color:#4e432d;border-left-color:#cfb673}.code-block{position:relative;margin:20px 0;background:#131e31;border:1px solid #2d415c;border-radius:7px;overflow:hidden}.code-block-head{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;border-bottom:1px solid #293c54;color:#769ab8;font:9px var(--mono);letter-spacing:.5px}.copy-button{font:9px var(--mono);background:#1b2a46;color:#9ab8da;border:1px solid #354c6b;padding:4px 9px;border-radius:4px}.code-block pre{margin:0;border:0;background:none;padding:19px;font:12px/1.9 var(--mono);color:#c3d3e4;box-shadow:none;white-space:pre;overflow-x:auto}.code-output{padding:14px 19px;border-top:1px dashed #314663;font:11px/1.8 var(--mono);color:#779cb9;white-space:pre-wrap;overflow-wrap:anywhere}.code-output:before{content:'EXAMPLE OUTPUT';display:block;font-size:8px;letter-spacing:1px;color:#5885a9;margin-bottom:8px}.lesson-block code:not(pre code){font-family:var(--mono);font-size:.85em;color:#afc6e0;background:#26384e;padding:2px 5px;border-radius:3px;overflow-wrap:anywhere}.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.concept-card{background:#18263e;border:1px solid #2d425c;padding:20px;border-radius:6px}.concept-card h3{font-size:16px;margin:0 0 10px}.concept-card p{font-size:12px;margin:0}.data-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:6px;margin:22px 0}table{width:100%;border-collapse:collapse;background:#162339;font-size:12px}th,td{padding:13px 16px;border:0;border-bottom:1px solid #2b3e58;text-align:left;vertical-align:top;min-width:100px}th{background:#192943;color:#bacadc;font-weight:500}td{color:#9baabc}tr:last-child td{border-bottom:0}.checkpoint{padding:24px;border:1px solid #3f5b80;border-radius:8px;background:#1a2944;margin:30px 0}.checkpoint h3{font-size:19px;margin:0 0 10px}.checkpoint label{font-size:13px;display:block;padding:10px;border:1px solid #344b69;border-radius:5px;margin:9px 0;cursor:pointer}.checkpoint input{accent-color:var(--cyan);margin-right:9px}.checkpoint .button{margin-top:10px}.checkpoint-result{margin:15px 0 0!important;font-size:13px!important;color:#b6cbe4!important}.lesson-completion{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px;background:#192841;border:1px solid #385171;border-radius:8px}.lesson-completion p{font-size:12px;margin:0}.lesson-completion h3{font-size:20px;margin:0 0 8px}.source-note{border-top:1px solid var(--line);padding-top:22px;margin:32px 0;color:#759ab8;font-size:11px}.source-note a{color:#a7bcd4;text-decoration:underline;text-underline-offset:3px}.source-note p{font-size:11px}.source-note ul{padding-left:18px}.lesson-next{display:flex;justify-content:space-between;gap:20px;margin:30px 0}.lab-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:23px;align-items:start}.lab-sidebar{background:#17253d;border:1px solid var(--line);border-radius:8px;padding:23px}.lab-sidebar h2{font-size:20px;margin:20px 0 13px}.lab-sidebar p{font-size:12px;line-height:1.8}.lab-sidebar select{width:100%;background:#142035;border:1px solid #354d6c;border-radius:5px;color:#d1dce9;padding:10px;font-size:12px;margin-top:8px}.lab-sidebar label{font:9px var(--mono);letter-spacing:1px;color:#90a1b5}.lab-objectives{list-style:none;padding:0;margin:20px 0}.lab-objectives li{font-size:12px;display:flex;gap:10px;align-items:start;color:#9dacbd;margin:14px 0}.lab-objectives li:before{content:'';width:14px;height:14px;flex-shrink:0;border:1px solid #415e83;border-radius:50%;margin-top:3px}.lab-objectives li.done{color:#98e2f5}.lab-objectives li.done:before{content:'✓';font-size:9px;line-height:14px;text-align:center;background:var(--lime);color:#192843;border-color:var(--lime)}.lab-sidebar .button{padding:10px;min-height:36px;font-size:11px}.lab-hint{border-top:1px solid var(--line);padding-top:18px;color:#abc0d8!important;font-size:11px!important}.practice-terminal{border-color:#374f6f}.practice-terminal .terminal-chrome{height:45px;font-size:10px}.terminal-output{height:350px;overflow:auto;padding:22px;font:12px/1.85 var(--mono);color:#a5b4c6;white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-color:#344b69 #142034}.terminal-output .command{color:#d7e3f1;margin-top:13px}.terminal-output .command:before{content:'student@kali:~$ ';color:#7da4d1}.terminal-output .success{color:var(--lime)}.terminal-output .error{color:#f1b296}.terminal-form{display:flex;align-items:center;gap:12px;padding:16px 20px;border-top:1px solid #304561;background:#16243b}.terminal-form>label{font:13px var(--mono);color:var(--cyan)}.terminal-form input{min-width:0;flex:1;font:12px var(--mono);color:#dce6f2;background:transparent;border:0;outline:0;padding:6px}.terminal-form button{border:1px solid #354d6b;background:#293b52;color:#8edff4;border-radius:4px;font:10px var(--mono);padding:8px 11px}.lab-disclaimer{font-size:11px;border:1px solid #2e425d;border-radius:6px;padding:14px 18px;margin-top:18px;color:#7ea0bc;background:#16243b}.lab-disclaimer strong{color:#c2cfdf}.lab-complete{margin-top:18px;border:1px solid #608bad;border-radius:6px;padding:22px;background:#2a3c54}.lab-complete h3{font-size:20px}.lab-complete p{font-size:12px}.lab-complete[hidden]{display:none}.roadmap-summary{display:flex;align-items:center;gap:28px;padding:25px;background:#18263f;border:1px solid #374f6f;border-radius:9px;margin:30px 0}.progress-ring{--progress:0;display:grid;place-items:center;width:78px;height:78px;border-radius:50%;background:conic-gradient(var(--lime) calc(var(--progress)*1%),#314763 0);position:relative;flex-shrink:0}.progress-ring:before{content:'';position:absolute;inset:5px;border-radius:50%;background:#18263f}.progress-ring span{position:relative;font:16px var(--mono);color:var(--cyan)}.roadmap-summary h2{font-size:25px;margin:0 0 8px}.roadmap-summary p{font-size:12px;margin:0}.roadmap-items{display:grid;gap:14px}.roadmap-item{display:flex;align-items:center;gap:22px;border:1px solid var(--line);border-radius:8px;padding:22px;background:#16243b}.roadmap-item .step-index{font:18px var(--mono);color:#6d94b4;border:1px solid #344b69;border-radius:7px;padding:13px}.roadmap-item h2{font-size:21px;margin-bottom:7px}.roadmap-item p{font-size:12px;margin:0}.roadmap-item .text-link{margin-left:auto}.roadmap-item.complete{border-color:#5784a9}.roadmap-item.complete .step-index{color:var(--lime)}.tool-search{display:flex;align-items:center;gap:12px;border:1px solid #344b69;border-radius:6px;padding:12px 16px;max-width:500px;background:#16243b;margin:25px 0}.tool-search input{color:#d0dae6;background:none;outline:0;border:0;width:100%;font-size:13px}.tool-library-card .tool-monogram{margin-bottom:20px}.tool-example{font:10px var(--mono);display:block;padding:10px;background:#142034;border-radius:4px;margin-bottom:15px;color:#a2bbd7;overflow-wrap:anywhere}.empty-message{padding:35px;border:1px dashed #374f6f;border-radius:7px;color:#a7b5c5}.empty-message[hidden]{display:none}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.resource-card{border:1px solid var(--line);border-radius:8px;padding:24px;background:#17243c}.resource-card h2{font-size:23px;margin:0 0 15px}.resource-card p{font-size:13px}.resource-card a{font-size:12px;color:#b6cae2}.faq-list details{padding:19px 0;border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;color:#d2dbe6;font-size:15px;list-style:inside}.faq-list details p{font-size:13px;max-width:800px;margin:15px 0 0}.faq-list details[open] summary{color:var(--cyan)}
/* Existing specialist course views */
.view:not(.academy-home):not(.academy-page)>section>.container>h1{font-size:45px;max-width:900px}.view:not(.academy-home)>section>.container>p{max-width:850px}.content-section{background:#17243c;border:1px solid #2d415c;box-shadow:none;border-radius:8px;padding:28px;margin:30px 0}.content-section:before{display:none}.content-section h2{font-size:28px;margin-bottom:18px}.content-section h3{font-size:21px}.content-section h4{font-size:17px}.content-section p,.content-section li{font-size:13px;color:#a3b1c1}.content-section li{margin:7px 0}.content-section ul,.content-section ol{padding-left:22px}.two-column,.learning-grid{gap:20px}.learning-card,.card,.stat-card,.signal-card,.insight-panel,.intel-card,.playbook-card{background:#18263e;border:1px solid #304561;border-radius:8px;box-shadow:none}.learning-card{padding:24px}.learning-card:hover{background:#1a2a45;box-shadow:none;transform:translateY(-3px);border-color:#628cae}.learning-card h3{font-size:23px}.learning-card p,.card p{font-size:13px}.info-box,.success-box,.warning-box{background:#192943;border:1px solid #364e6d;border-left:3px solid #87a8ce;color:#b3c0d0;padding:22px;border-radius:6px;box-shadow:none;margin:24px 0;font-size:13px}.warning-box{background:#282215;border-color:#665230}.info-box h3{font-size:20px;margin-bottom:14px}.difficulty{font:9px var(--mono);border-radius:4px;padding:5px 8px;box-shadow:none}.difficulty.beginner{background:#2a3d56;color:#84ddf3}.difficulty.intermediate{background:#1c3241;color:#a7d0ec}.difficulty.advanced{background:#312540;color:#cfb4ed}.btn{font-family:var(--body);font-size:12px;letter-spacing:0;text-transform:none;border-radius:5px;background:var(--lime);color:#17243c;border:1px solid var(--lime);box-shadow:none;font-weight:600;padding:12px 18px;cursor:pointer}.btn:hover{box-shadow:none;background:#b0e9f7;transform:translateY(-2px)}.btn-outline{background:transparent;color:#abc4e1;border-color:#405d82}.btn-small{font-size:11px;padding:9px 13px}.tool-tag{background:#283a51;border:1px solid #364f6f;color:#9ab3cf;border-radius:4px;font-size:10px}.card-meta{font-size:11px;color:#7a9dba}.outcome-box{background:#26374d;border:1px solid #354c6b;font-size:12px}.img-placeholder{display:none}.quiz-card{border:1px solid #324865;background:#17263e;border-radius:7px;padding:23px;margin:20px 0}.quiz-card h3{font-size:19px;margin-bottom:20px}.quiz-option,.quiz-card label{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #304561;background:#192741;border-radius:5px;margin:8px 0;font-size:13px;cursor:pointer}.quiz-card input{accent-color:var(--cyan)}.quiz-feedback{font-size:13px;margin-top:15px}.quiz-result{background:#26384e;border:1px solid #537ea2;padding:20px;border-radius:6px;margin:20px 0;font-size:14px}.view pre{box-shadow:none;border-color:#314764;background:#142034;color:#afc4dc;border-radius:6px;font-family:var(--mono);font-size:12px}.view pre code{font-family:inherit}.timeline-item:before{background:var(--cyan);box-shadow:none}.view a[onclick]{cursor:pointer}.view input[type=search],.view input[type=text]{background:#16233a;border-color:#385171;color:#cfdbea}
/* Footer and search */
.academy-footer{border-top:1px solid var(--line);background:#131e31;padding:55px 0 0}.footer-main{display:grid;grid-template-columns:1.25fr .8fr .95fr 1.25fr;gap:40px;padding-bottom:43px}.footer-about .brand{margin-bottom:20px;font-size:26px}.footer-about .brand-mark{width:32px;height:35px;font-size:26px}.footer-about p{font-size:12px;line-height:1.9;color:#799dba;margin-bottom:20px}.open-label{display:flex;align-items:center;gap:7px;color:#7298b6;font-size:9px}.open-label i{width:5px;height:5px;background:#87a9d0;border-radius:50%}.footer-main h3{font-family:var(--body);font-size:11px;letter-spacing:0;color:#bdc7d3;margin:8px 0 20px}.footer-main>div>a:not(.brand){display:block;color:#769ab8;font-size:10px;margin-bottom:12px}.footer-main>div>a:hover{color:var(--cyan)}.footer-note{color:#628cae;font-size:9px;line-height:1.8;margin-top:20px}.academy-footer .footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #283950;padding-top:20px;padding-bottom:20px;background:none;font-size:8px;color:#5b86aa;line-height:1.7}.footer-bottom p{font-size:8px;margin:0;color:#5f8aad}.scroll-top{background:#273950;color:var(--cyan);border:1px solid #3c577a;border-radius:6px;width:38px;height:38px;font-size:18px;right:25px;bottom:25px;box-shadow:0 7px 20px #0005}.search-dialog{position:fixed;inset:110px 0 auto;margin:0 auto;width:620px;max-width:calc(100% - 32px);max-height:70vh;background:#17253d;border:1px solid #3d587b;border-radius:10px;color:#d9e2ed;padding:0;box-shadow:0 35px 130px #000b}.search-dialog::backdrop{background:#111a2caa;backdrop-filter:blur(7px)}.search-dialog-head{display:flex;align-items:center;gap:13px;padding:18px;border-bottom:1px solid #314764}.search-dialog-head input{flex:1;min-width:0;background:none;border:0;color:#e8edf3;outline:0;font-size:14px}.icon-button{font:9px var(--mono);background:#26374d;border:1px solid #3a5476;border-radius:4px;padding:5px 8px;color:#abbdd2}.search-results{padding:10px;max-height:48vh;overflow:auto}.search-results>a{padding:14px;display:flex;align-items:center;gap:14px;border-radius:6px}.search-results>a:hover,.search-results>a:focus{background:#293b53}.search-results h3{font-size:16px;letter-spacing:0;margin:0 0 4px}.search-results p{font-size:10px;margin:0;color:#779bb9;line-height:1.6}.search-results>a>[data-icon]{color:#8aa6c7}.search-results .search-empty{padding:30px;font-size:13px}.search-dialog-foot{padding:11px 22px;border-top:1px solid #2e435e;font-size:9px;color:#7499b7}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);padding:12px 20px;background:#2b3e57;border:1px solid #5c88ab;border-radius:7px;color:#b0e9f7;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 40px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
/* Purposeful motion; no content depends on animation. */
[data-reveal]{opacity:1;transform:none}.motion-ready [data-reveal]:not(.revealed){opacity:0;transform:translateY(16px)}.motion-ready [data-reveal]{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.path-grid [data-reveal]:nth-child(2),.tool-shelf-grid [data-reveal]:nth-child(2){transition-delay:.08s}.path-grid [data-reveal]:nth-child(3),.tool-shelf-grid [data-reveal]:nth-child(3){transition-delay:.16s}.animate-enter{animation:none;opacity:1}.stagger-children>*{animation:none;opacity:1}.is-filtering{animation:page-arrive .25s ease}.lesson-preview[data-reveal].revealed{transform:rotate(1deg)}
@keyframes page-arrive{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes blink{to{visibility:hidden}}@keyframes float{50%{translate:0 -7px}}@keyframes orbit{to{rotate:360deg}}@keyframes packet{to{stroke-dashoffset:-628}}@keyframes draw-line{from{stroke-dashoffset:380}to{stroke-dashoffset:0}}
@media(min-width:1450px){.hero-layout{min-height:620px;gap:45px}.hero-copy h1{font-size:67px}.hero-workspace{height:470px}.hero-terminal{top:75px}.skill-card{top:48px}.device-card{bottom:23px}}
@media(max-width:1100px){.container{padding-left:25px;padding-right:25px}.academy-nav{gap:20px}.academy-nav .nav-links{gap:18px}.nav-actions{gap:16px}.learning-link{padding:9px;font-size:11px}.search-trigger kbd{display:none}.hero-copy h1{font-size:53px;letter-spacing:-2.5px}.hero-layout{gap:5px;min-height:540px}.hero-reassurance{gap:10px;font-size:8px}.hero-workspace{height:420px}.hero-terminal{left:25px;top:66px}.terminal-content{font-size:10px;padding:20px 15px 14px}.terminal-response{font-size:9px}.journey-line{font-size:8px}.skill-card{right:-8px;top:40px;padding:10px}.floating-card strong{font-size:9px}.floating-card div>span{font-size:7px}.terminal-chrome{font-size:8px}.device-card{bottom:10px}.learn-do-layout{gap:60px}.device-feature{grid-template-columns:105px 1fr;gap:18px;padding:24px 19px}.desktop-drawing>div{width:108px;height:80px;padding-top:20px}.desktop-drawing span{font-size:4px}.desktop-drawing>i{top:115px;width:50px}.tool-shelf-grid>a{gap:10px;padding:24px 14px}.tool-shelf-grid p{font-size:9px}.tool-monogram{width:38px;height:40px;font-size:27px}.footer-main{gap:25px}.lesson-layout{grid-template-columns:190px minmax(0,1fr);gap:30px}}
@media(max-width:850px){.academy-nav{height:76px}.academy-nav .nav-links{display:none;position:absolute;top:75px;left:0;right:0;background:#17243c;border-bottom:1px solid #354d6c;padding:20px 28px;border-radius:0;backdrop-filter:blur(15px)}.academy-nav .nav-links.active{display:flex;flex-direction:column;align-items:stretch;gap:5px}.academy-nav .nav-link{display:block;padding:10px;font-size:14px}.mobile-toggle{display:flex}.hero-layout{grid-template-columns:1fr;gap:5px;padding-top:42px;padding-bottom:25px}.hero-copy{text-align:center;padding:0}.hero-eyebrow,.hero-buttons,.hero-reassurance{justify-content:center}.hero-copy h1{font-size:64px}.hero-description{font-size:14px}.hero-workspace{max-width:550px;width:100%;height:440px;margin:25px auto 0}.hero-terminal{left:35px;right:25px;top:65px}.terminal-content{padding:22px;font-size:12px}.terminal-response{font-size:11px}.journey-line{font-size:10px}.terminal-chrome{font-size:10px}.skill-card{right:10px;top:39px}.floating-card strong{font-size:10px}.floating-card div>span{font-size:8px}.device-card{left:5px;bottom:10px}.label-top{left:55px}.visual-coordinate{bottom:0;right:25px}.hero-reassurance{font-size:10px;gap:20px}.foundation-strip{flex-wrap:wrap;justify-content:center;column-gap:30px;row-gap:18px}.foundation-strip>span{max-width:none;width:100%;text-align:center}.foundation-strip>div{font-size:11px}.path-grid{gap:12px}.path-card{padding:20px 18px 0}.path-card h3{font-size:23px}.path-card>p{font-size:11px;min-height:80px}.path-tags{min-height:45px;align-content:start}.path-card-top{margin-bottom:26px}.level-pill{font-size:7px;letter-spacing:.5px}.section-heading h2{font-size:30px}.learn-do-layout{gap:30px}.learn-do-layout h2{font-size:38px}.lesson-preview{padding:22px}.lesson-preview h3{font-size:20px}.preview-top .tiny-tag{font-size:6px}.mini-code{font-size:9px}.code-comment{font-size:7px}.device-grid{grid-template-columns:1fr}.device-feature{grid-template-columns:150px 1fr;padding:28px}.desktop-drawing>div{width:145px;height:96px}.desktop-drawing span{font-size:6px}.desktop-drawing>i{top:123px}.tool-shelf-grid{grid-template-columns:1fr}.tool-shelf-grid>a{padding:22px!important;border-right:0;border-bottom:1px solid var(--line)}.tool-shelf-grid>a:last-child{border-bottom:0}.tool-shelf-grid p{font-size:11px}.tool-shelf-grid div>span{font-size:8px}.tool-monogram{width:45px;height:45px}.view.academy-home>.home-cta{margin-left:25px;margin-right:25px;gap:20px}.home-cta>.button{font-size:10px}.cta-orbit{display:none}.home-cta .section-kicker{font-size:7px}.footer-main{grid-template-columns:1fr 1fr;gap:32px}.footer-about p{font-size:13px}.footer-main h3{font-size:12px}.footer-main>div>a:not(.brand){font-size:11px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-layout{grid-template-columns:1fr;gap:26px}.lesson-outline{position:static;display:flex;flex-wrap:wrap;gap:4px 16px;padding:18px}.lesson-outline>p{width:100%;margin-bottom:5px}.lesson-outline a{font-size:10px}.lesson-outline .outline-bottom{display:none}.lab-layout{grid-template-columns:240px minmax(0,1fr);gap:18px}.lab-sidebar{padding:18px}.terminal-output{font-size:11px;padding:16px}}
@media(max-width:600px){.container{padding-left:20px;padding-right:20px}.academy-nav{height:71px;gap:15px}.brand{font-size:25px;gap:8px}.brand-mark{width:34px;height:37px;font-size:28px}.brand small{font-size:6px;letter-spacing:1.4px}.nav-actions{gap:16px}.learning-link{font-size:0;padding:8px;border:0;background:none}.learning-link .icon{width:19px;height:19px}.search-trigger{padding:8px 0}.search-trigger .icon{width:18px;height:18px}.academy-nav .nav-links{top:70px}.announcement{font-size:9px;min-height:49px;gap:9px;padding:8px 20px;text-align:center;line-height:1.7}.announcement>span:first-child{display:none}.announcement a{white-space:nowrap;font-size:9px;margin:0}.hero-layout{padding-top:37px;gap:0}.hero-eyebrow{font-size:8px;gap:6px;margin-bottom:20px}.hero-copy h1{font-size:clamp(38px,10.1vw,58px);letter-spacing:-2px;line-height:1.15;margin-bottom:26px}.hero-description{font-size:13px;max-width:340px;margin:0 auto 25px;line-height:1.9}.hero-buttons{gap:9px}.button{font-size:11px;gap:9px;padding:13px 15px}.button .icon{width:15px;height:15px}.hero-reassurance{font-size:8px;gap:11px;margin-top:22px}.hero-reassurance .icon{width:10px;height:10px}.hero-workspace{height:350px;margin-top:34px;max-width:390px}.hero-terminal{left:6px;right:6px;top:48px;transform:rotate(-2deg)}.terminal-content{padding:18px 15px 10px;font-size:9px}.terminal-chrome{font-size:8px;height:32px;padding:0 11px}.terminal-response{font-size:9px;padding:6px 0 11px 13px}.journey-line{font-size:8px;padding:3px 0 3px 13px;gap:7px}.journey-line>span{font-size:7px}.second-prompt{margin-bottom:7px}.final-prompt{margin-top:10px}.terminal-bottom{font-size:6px;padding:7px 10px}.terminal-cursor{width:5px;height:10px}.skill-card{top:25px;right:-4px;padding:8px 10px;gap:7px}.mini-icon{width:25px;height:25px}.mini-icon .icon{width:15px;height:15px}.floating-card strong{font-size:8px}.floating-card div>span{font-size:6px}.floating-label{font-size:6px;top:2px;left:10px;letter-spacing:1px}.device-card{bottom:4px;left:0;padding:10px;gap:8px}.device-card>.icon,.device-card>[data-icon] .icon{width:15px;height:15px}.visual-coordinate{bottom:-9px;right:0;font-size:5px;letter-spacing:1px}.workspace-orbit{width:265px;height:265px;left:40px;top:15px}.orbit-two{width:320px;height:320px;left:13px;top:-12px}.foundation-strip{gap:17px 28px;padding-top:20px;padding-bottom:22px}.foundation-strip>span{font-size:7px}.foundation-strip>div{width:calc(50% - 20px);font-size:10px;gap:8px}.foundation-strip .icon{width:15px;height:15px}.academy-home .home-section{padding:54px 0}.section-heading{display:block;margin-bottom:25px}.section-kicker{font-size:8px;letter-spacing:1px}.section-heading h2{font-size:29px;line-height:1.25}.section-heading p:not(.section-kicker){font-size:12px;line-height:1.85}.section-heading>.text-link{margin-top:19px;font-size:11px}.path-grid{grid-template-columns:1fr;gap:16px}.path-card{padding:23px 24px 0}.path-card-top{margin-bottom:25px}.path-card h3{font-size:30px}.path-card h3 br{display:none}.path-card>p{min-height:0;font-size:12px;margin:15px 0 0;max-width:320px}.path-tags{min-height:0;margin:20px 0 23px}.path-number{font-size:8px}.level-pill{font-size:8px}.path-card-bottom{font-size:11px;padding:15px 0}.learn-do-layout{grid-template-columns:1fr;gap:35px}.learn-do-layout h2{font-size:37px}.section-description{font-size:13px}.learning-steps h3{font-size:14px}.learning-steps p{font-size:12px}.lesson-preview{padding:25px;transform:none!important}.lesson-preview h3{font-size:23px}.preview-top .tiny-tag{font-size:7px}.mini-code{font-size:10px}.code-comment{font-size:7px}.lesson-preview>p{font-size:12px}.device-feature{grid-template-columns:90px 1fr;gap:18px;padding:23px 18px}.device-feature h3{font-size:21px;line-height:1.3}.device-feature p{font-size:11px}.device-feature .text-link{font-size:10px;white-space:normal}.desktop-drawing>div{width:92px;height:72px;padding:21px 5px 0}.desktop-drawing span{font-size:3.8px}.desktop-drawing>i{top:110px;width:45px}.phone-drawing>div{width:64px;height:127px;padding:30px 6px 0}.phone-drawing i{left:18px;width:24px}.phone-drawing span{font-size:5px}.device-footnote{font-size:9px;align-items:flex-start;line-height:1.8;justify-content:flex-start;margin-top:19px}.device-footnote [data-icon]{margin-top:3px}.tool-shelf .section-heading h2{font-size:28px}.academy-home .tool-shelf{padding-top:0}.tool-shelf-grid>a{padding:22px 8px!important;gap:17px}.tool-shelf-grid p{font-size:10px}.view.academy-home>.home-cta{display:block;padding:29px 24px;margin:0 20px 55px}.home-cta h2{font-size:34px}.home-cta .section-kicker{font-size:7px;line-height:1.9;max-width:240px}.home-cta p:last-child{font-size:11px}.home-cta>.button{margin-top:24px;font-size:11px;width:100%}.academy-footer{padding-top:38px}.footer-main{gap:32px 25px}.footer-about{grid-column:1/-1}.footer-about p{font-size:12px;margin-bottom:15px}.footer-main>div:last-child{grid-column:1/-1}.footer-main>div>a:not(.brand){font-size:11px}.footer-main h3{font-size:12px;margin-bottom:16px}.footer-note{max-width:300px}.academy-footer .footer-bottom{display:block;font-size:9px;padding-top:17px;padding-bottom:20px}.footer-bottom p{font-size:8px;margin-bottom:10px;line-height:1.8}.view>section{padding:35px 0}.page-heading{padding-bottom:24px;margin-bottom:25px}.page-heading h1{font-size:36px;letter-spacing:-1.5px}.page-heading>p{font-size:13px}.breadcrumb{font-size:10px;margin-bottom:22px}.page-tags{gap:6px;font-size:8px}.catalog-grid{grid-template-columns:1fr}.catalog-card{padding:24px}.catalog-card p{font-size:13px}.filter-button{font-size:11px;padding:8px 12px}.filter-bar{gap:7px}.lesson-block h2{font-size:26px}.lesson-block h3{font-size:20px}.lesson-block p,.lesson-block li{font-size:13px}.concept-grid{grid-template-columns:1fr}.concept-card p{font-size:12px}.code-block pre{font-size:10px;padding:15px}.code-output{font-size:10px;padding:14px 15px}.lesson-completion{display:block;padding:22px}.lesson-completion .button{margin-top:18px;width:100%}.lesson-next{flex-wrap:wrap}.lesson-next .button{font-size:10px}.lesson-outline{gap:4px 15px}.lesson-outline a{font-size:10px;padding:6px 0}.lab-layout{grid-template-columns:1fr}.lab-sidebar{padding:23px}.lab-sidebar h2{font-size:23px}.lab-sidebar p{font-size:13px}.lab-objectives{margin:18px 0}.lab-objectives li{font-size:12px;margin:10px 0}.terminal-output{height:310px;font-size:11px}.terminal-form{padding:12px}.terminal-form input{font-size:11px}.lab-disclaimer{font-size:10px}.roadmap-summary{padding:22px;gap:18px}.roadmap-summary h2{font-size:21px}.roadmap-summary p{font-size:11px}.progress-ring{width:64px;height:64px}.roadmap-item{gap:15px;padding:19px;flex-wrap:wrap}.roadmap-item .step-index{font-size:14px;padding:10px}.roadmap-item>div{flex:1;min-width:180px}.roadmap-item h2{font-size:19px}.roadmap-item p{font-size:11px}.roadmap-item .text-link{margin-left:58px}.resource-grid{grid-template-columns:1fr}.resource-card h2{font-size:22px}.resource-card p{font-size:12px}.view:not(.academy-home):not(.academy-page)>section>.container>h1{font-size:35px}.content-section{padding:21px}.content-section h2{font-size:25px}.two-column,.learning-grid{grid-template-columns:1fr}.view pre{font-size:10px;max-width:100%;overflow:auto}.search-dialog{top:85px}.search-dialog-head{padding:14px;gap:8px}.search-dialog-head input{font-size:12px}.scroll-top{right:14px;bottom:15px;width:34px;height:34px}.home-hero .desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-reveal],.motion-ready [data-reveal]:not(.revealed){opacity:1;transform:none}.terminal-cursor{visibility:visible}.lime-word svg{stroke-dashoffset:0}.hero-terminal{transform:none}}


@media(max-width:600px){.hero-workspace{overflow:clip}.workspace-grid{inset:0}.copy-button{flex-shrink:0}.code-block-head>span{max-width:75%;line-height:1.8}}

code,kbd{font-family:var(--mono)}.academy-nav .nav-links{margin:0}.academy-page ul,.academy-page ol{margin-left:0}.lab-objectives{margin-left:0}.data-table-wrap table{margin:0}button:disabled{cursor:default;opacity:.7}.quiz-result:empty{display:none}.source-note ul{margin-left:0}.legacy-copy{margin-top:15px}.lesson-outline a{min-height:36px}.view-loading{background:#162239}

.terminal-output .command:before{content:attr(data-prompt)}
@media(max-width:360px){.hero-copy h1{font-size:32px}.hero-buttons{flex-wrap:wrap}.hero-copy .hero-buttons .button{width:100%}.hero-reassurance{gap:7px;font-size:7px}.path-card{padding-left:19px;padding-right:19px}.device-feature{grid-template-columns:1fr}.device-drawing{height:120px}.desktop-drawing>i{top:95px}}
.step-content,.encyclopedia-section,.card{min-width:0}
.view p,.view li{overflow-wrap:anywhere}
.encyclopedia-search input{min-width:0;max-width:100%}
.command-example{max-width:100%;overflow-x:auto}
/* Readable type, calm surfaces, and a consistent rhythm across the library. */
.academy-nav .nav-link{font-size:14px;color:#c6cfd9}
.brand small{font-size:9px;color:#a3b1c1}
.learning-link{font-size:13px}
.search-trigger{min-width:44px;min-height:44px;justify-content:center}
.search-trigger kbd{font-size:11px}
.mobile-toggle{min-width:44px;min-height:44px;align-items:center;justify-content:center}
.announcement{font-size:12px;line-height:1.6;padding:10px 20px}
.announcement .tiny-tag{font-size:10px}
.tiny-tag,.section-kicker,.path-number{font-size:11px;line-height:1.7}
.section-kicker{color:#a6b3c3;letter-spacing:1px}
.hero-layout{grid-template-columns:1.08fr 1fr;gap:20px;min-height:620px}
.hero-eyebrow{font-size:12px;color:#b9c4d0}
.hero-description{font-size:17px;line-height:1.8;color:#c1cad5;max-width:470px}
.button,.btn{font-size:14px;min-height:46px;padding:13px 19px}
.button-quiet{color:#e0e5eb}
.hero-reassurance{flex-wrap:wrap;gap:12px 18px;font-size:12px;color:#adbac9;line-height:1.6}
.hero-reassurance .icon{width:14px;height:14px;color:#abc0d8}
.foundation-strip>span{font-size:10px;color:#9eadbf;max-width:190px}
.foundation-strip>div{font-size:14px;color:#c4cdd7}
.section-heading p:not(.section-kicker),.section-description{font-size:16px;line-height:1.8}
.text-link{font-size:14px;white-space:normal}
.path-number{font-size:10px;color:#a1b0c2}
.path-blue .path-number{color:#a7becd}
.path-purple .path-number{color:#bda9d1}
.level-pill{font-size:10px}
.path-card>p{font-size:15px;color:#b3bfcc;min-height:90px;line-height:1.8}
.path-blue>p{color:#afbec8}
.path-purple>p{color:#bdb3ca}
.path-tags span{font-size:11px;color:#bbc5d1;padding:4px 7px}
.path-card-bottom{font-size:13px}
.learning-steps h3{font-size:16px;font-weight:600}
.learning-steps p{font-size:14px;line-height:1.7}
.learning-steps>div>span{font-size:11px;width:30px;height:30px}
.preview-top,.preview-top .tiny-tag{font-size:10px}
.lesson-preview>p,.takeaway p,.takeaway strong{font-size:14px}
.mini-code{font-size:12px}
.code-comment{font-size:10px;color:#97a8bc}
.mini-code div+div{color:#a8bace}
.lesson-preview>.button{font-size:14px;min-height:46px}
.simulation-caption{font-size:11px;color:#a7b5c5;line-height:1.7}
.device-feature .tiny-tag{font-size:10px;color:#aabacc}
.device-feature p{font-size:14px}
.device-feature .text-link{font-size:13px;line-height:1.7}
.device-footnote{font-size:12px;line-height:1.8;color:#b2becb}
.tool-shelf-grid p{font-size:13px;line-height:1.7}
.tool-shelf-grid div>span{font-size:10px;color:#9faebf;line-height:1.7}
.home-cta .section-kicker{font-size:10px;line-height:1.8}
.home-cta p:last-child{font-size:15px}
.home-cta>.button{font-size:14px}
.page-heading{padding-bottom:34px;margin-bottom:38px}
.page-heading h1{font-size:clamp(36px,4.2vw,56px);line-height:1.12;max-width:950px}
.page-heading>p:not(.section-kicker){font-size:17px;line-height:1.8;color:#bbc5d1}
.breadcrumb{font-size:13px;color:#a0aebf;line-height:1.7}
.page-tags{font-size:11px;color:#bcc7d3}
.page-tags>span{padding:6px 10px}
.lesson-layout{grid-template-columns:238px minmax(0,1fr);gap:44px}
.lesson-outline{padding:21px 16px;border-radius:10px}
.lesson-outline>p{font-size:11px;color:#a2b3c7;padding:0 9px}
.lesson-outline a{font-size:13px;line-height:1.6;padding:9px 10px;border-left:2px solid transparent;border-radius:0 5px 5px 0;color:#acb9c8;transition:background .2s,color .2s,border-color .2s}
.lesson-outline a:hover{background:#1a2a45;color:#e7edf4}
.lesson-outline a.is-current{border-left-color:var(--cyan);background:#26374e;color:#b0e9f7}
.lesson-outline .outline-bottom{font-size:12px;line-height:1.8;padding:17px 10px 0;color:#98a8bb}
.lesson-block{margin-bottom:48px}
.lesson-block+.lesson-block{padding-top:32px;border-top:1px solid var(--line)}
.lesson-block h2,.content-section h2{font-size:29px;line-height:1.25}
.lesson-block p,.lesson-block li,.content-section p,.content-section li{font-size:16px;line-height:1.85;color:#b4c0cd}
.lesson-block strong,.content-section strong{color:#e4eaf0}
.lesson-block .callout p,.callout,.info-box,.success-box,.warning-box{font-size:15px;line-height:1.8}
.callout h3{font-size:16px}
.concept-card p{font-size:15px}
.code-block-head{font-size:11px;gap:14px;padding:10px 15px;line-height:1.7}
.copy-button{font-size:12px;min-height:36px;padding:6px 11px;white-space:nowrap}
.code-block pre,.view pre{font-size:13px;line-height:1.9}
.code-output{font-size:12px;color:#a0b1c4}
.code-output:before{font-size:10px;color:#92a4b8}
.data-table-wrap{max-width:100%;scrollbar-color:#405d82 #162339}
.data-table-wrap:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.data-table-wrap table{margin:0;border:0;overflow:visible}
table{font-size:14px;line-height:1.75}
table th{font-size:12px;letter-spacing:.03em;color:#cbd9e9}
table td{color:#b5c1ce}
table code{font-size:12px;overflow-wrap:anywhere}
.checkpoint label,.quiz-card label,.quiz-option{font-size:15px;line-height:1.7;padding:13px;min-height:48px}
.checkpoint input,.quiz-card input{width:16px;height:16px;flex-shrink:0}
.checkpoint-result{font-size:15px!important}
.quiz-card h3{font-size:23px}
.quiz-card p,.quiz-feedback{font-size:15px;line-height:1.8}
.source-note,.source-note p{font-size:12px;line-height:1.8;color:#a1b0c1}
.source-note li{margin:7px 0}
.catalog-card p,.resource-card p{font-size:15px;line-height:1.8}
.catalog-card .card-meta{font-size:11px;color:#a2b1c3;flex-wrap:wrap;gap:8px}
.filter-button{font-size:14px;min-height:44px}
.tool-search input{font-size:15px;min-height:24px}
.tool-example{font-size:12px;line-height:1.8}
.resource-card a{font-size:14px}
.faq-list details p{font-size:15px;line-height:1.8}
.faq-list summary{font-size:17px}
.roadmap-item p,.roadmap-summary p{font-size:14px;line-height:1.8}
.legacy-page .page-heading .tagline{font-style:normal}
.page-heading>.tagline{background:none;border:0;border-radius:0;box-shadow:none;padding:0;font-style:normal}
.view h1[tabindex="-1"]:focus{outline:none}
.legacy-page .content-section{padding:0 0 32px;margin:0 0 32px;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0}
.legacy-page .legacy-intro{margin-bottom:32px}
.legacy-page .info-box:first-child{margin-top:0}
.legacy-page .card{padding:20px;min-width:0}
.legacy-page .two-column{grid-template-columns:1fr;gap:16px}
.legacy-page .card h4{font-size:19px;line-height:1.4;margin-bottom:12px}
.legacy-page .card ul,.legacy-page .card ol{margin-left:0}
.legacy-page .nav-buttons{margin:28px 0}
.legacy-page .step-content{background:#18263e;padding:22px}
.legacy-page .step-content h4{font-size:19px}
.legacy-page .step-content p{font-size:15px}
.legacy-page .step-number{box-shadow:none}
.lesson-block,.legacy-page .content-section,.legacy-page h2{scroll-margin-top:20px}
.legacy-page .difficulty{font-size:11px;margin:0}
.legacy-page .legacy-copy{margin:6px 0 -8px;display:block}
.lab-sidebar{padding:24px}
.lab-sidebar p,.lab-objectives li{font-size:14px;line-height:1.8}
.lab-sidebar label{font-size:11px}
.lab-sidebar select{font-size:14px;min-height:44px}
.lab-sidebar .button{font-size:12px;min-height:42px}
.terminal-output{font-size:13px;line-height:1.85}
.terminal-form input{font-size:14px;min-height:32px}
.terminal-form button{font-size:12px;min-height:38px}
.lab-disclaimer{font-size:13px;line-height:1.8}
.lab-complete p{font-size:14px}
.mascot-guidance{display:flex;align-items:center;gap:14px;padding-top:20px;margin-top:22px;border-top:1px solid var(--line)}
.mascot-guidance>img{width:74px;height:86px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 5px 10px #0005)}
.mentor-label{display:block;font:10px/1.7 var(--mono);letter-spacing:.5px;color:#b8cce4;margin-bottom:6px}
.mascot-guidance .lab-hint{border:0;padding:0;margin:0;font-size:13px!important;line-height:1.8}
.lesson-completion{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:16px 20px;padding:24px;border-radius:10px;background:linear-gradient(120deg,#1a2a45,#17253d)}
.completion-mascot{display:block;width:74px;height:86px;object-fit:contain;filter:drop-shadow(0 6px 9px #0004)}
.lesson-completion h3{font-size:23px;line-height:1.3}
.lesson-completion p{font-size:14px;line-height:1.8}
.lesson-completion>.button{grid-column:2;justify-self:start;margin-top:0;white-space:normal}
.lesson-completion.is-complete{border-color:#7297b6;background:#293b52}
.lesson-completion.is-complete .completion-mascot{animation:mascot-nod .65s ease both}
.footer-about p{font-size:14px;color:#a6b3c3}
.open-label{font-size:12px;color:#a4b5c9}
.footer-main h3{font-size:14px;color:#d4dce5}
.footer-main>div>a:not(.brand){font-size:13px;color:#aab7c7;line-height:1.8}
.footer-note{font-size:12px;color:#9aa9bb;line-height:1.8}
.academy-footer .footer-bottom,.footer-bottom p{font-size:11px;color:#95a6b9}
.search-dialog-head input{font-size:16px}
.icon-button{font-size:11px;min-width:40px;min-height:36px}
.search-results p{font-size:12px;color:#aab8c9}
.search-dialog-foot{font-size:11px;color:#a5b5c8}
.toast{font-size:14px;line-height:1.6}

/* Original hero character, with one quiet terminal and one grounded caption. */
.view.academy-home>.home-hero{padding:0}
.hero-workspace{height:480px}
.mascot-halo{position:absolute;inset:30px 0 45px;border-radius:50%;background:radial-gradient(ellipse,#428b9530,transparent 68%);z-index:0}
.hero-mascot{position:absolute;right:0;bottom:40px;height:425px;width:auto;max-width:none;object-fit:contain;z-index:3;filter:drop-shadow(0 18px 24px #0008);animation:float 8s ease-in-out infinite;pointer-events:none}
.has-mascot .hero-terminal{left:0;right:auto;width:245px;top:120px;opacity:.65;transform:rotate(-6deg);z-index:1}
.has-mascot .terminal-chrome{font-size:10px;height:35px;padding:0 12px}
.has-mascot .terminal-content{font-size:12px;padding:18px}
.has-mascot .terminal-response{font-size:12px;padding:4px 0 13px 14px}
.has-mascot .workspace-grid{inset:0;opacity:.6}
.has-mascot .workspace-orbit{width:365px;height:365px;left:50%;top:43px;translate:-50% 0}
.has-mascot .orbit-two{width:430px;height:430px;top:10px;opacity:.7}
.mascot-caption{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:10px;margin:0;font:12px/1.8 var(--mono);color:#abbbce;letter-spacing:.2px}
@keyframes mascot-nod{35%{transform:translateY(-5px) rotate(-3deg)}70%{transform:rotate(2deg)}100%{transform:none}}

@media(min-width:1450px){.hero-layout{min-height:650px}.hero-workspace{height:500px}.hero-mascot{height:450px}}
@media(max-width:1100px){
  .academy-nav{gap:16px}.academy-nav .nav-links{gap:18px}.nav-actions{gap:10px}
  .hero-copy h1{font-size:53px}.hero-workspace{height:450px}.hero-mascot{height:385px;right:-5px}
  .has-mascot .hero-terminal{left:0;width:215px;top:125px}.hero-description{font-size:16px}
  .hero-reassurance{font-size:11px;gap:10px 14px}.path-card{padding-left:21px;padding-right:21px}
  .path-card>p{font-size:14px;min-height:100px}.path-tags span{font-size:10px}.learn-do-layout{gap:45px}
  .device-feature{grid-template-columns:1fr;gap:15px}.device-drawing{height:140px}.device-feature h3{font-size:25px}
  .lesson-layout{grid-template-columns:215px minmax(0,1fr);gap:30px}.lesson-outline{padding:18px 12px}
}
@media(max-width:960px){
  .academy-nav{height:76px}.academy-nav .nav-links{display:none;position:absolute;top:75px;left:0;right:0;background:#17243c;border-bottom:1px solid #354d6c;padding:20px 28px;border-radius:0}
  .academy-nav .nav-links.active{display:flex;flex-direction:column;align-items:stretch;gap:5px}
  .academy-nav .nav-link{display:block;padding:12px;font-size:16px}.mobile-toggle{display:flex}
  .learning-link{font-size:13px;padding:10px 12px}.nav-actions{gap:16px}
  .lesson-layout{grid-template-columns:1fr;gap:30px}.lesson-outline{position:static;display:flex;flex-wrap:wrap;gap:4px 12px;padding:20px}
  .lesson-outline>p{width:100%;padding:0;margin-bottom:5px}.lesson-outline a{font-size:13px;min-height:40px}.lesson-outline .outline-bottom{display:none}
  .legacy-page .two-column{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:850px){
  .hero-layout{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy h1{font-size:64px}
  .hero-description{font-size:17px;max-width:520px;margin-left:auto;margin-right:auto}.hero-reassurance{font-size:12px;gap:12px 20px}
  .hero-workspace{height:460px;max-width:520px;margin-top:26px}.hero-mascot{height:405px;right:25px}
  .has-mascot .hero-terminal{left:12px;width:255px;top:125px}.path-grid{grid-template-columns:1fr;gap:18px}
  .path-card h3 br{display:none}.path-card>p{min-height:0;max-width:560px;font-size:15px}.path-card-top{margin-bottom:20px}
  .path-tags{min-height:0;margin:20px 0}.path-tags span{font-size:11px}.path-card h3{font-size:30px}.path-card{padding:25px 25px 0}
  .path-number{font-size:11px}.level-pill{font-size:10px}.path-card-bottom{font-size:13px}
  .learn-do-layout{grid-template-columns:1fr;gap:40px}.section-description{max-width:600px}
  .lesson-preview{max-width:580px;width:100%;margin:0 auto;transform:none!important}.preview-top .tiny-tag{font-size:10px}
  .device-feature{grid-template-columns:150px minmax(0,1fr);gap:25px}.tool-shelf-grid p{font-size:14px}
  .tool-shelf-grid div>span{font-size:10px}.home-cta>.button{font-size:13px;min-width:180px}
  .footer-main>div>a:not(.brand){font-size:13px}.footer-main h3{font-size:14px}
}
@media(max-width:600px){
  .academy-nav{height:72px;gap:8px}.academy-nav .nav-links{top:71px}.brand small{font-size:8px;letter-spacing:1px}.nav-actions{gap:5px}
  .learning-link{font-size:0;padding:8px;border:0;background:none;min-width:38px;min-height:44px}.learning-link .icon{width:20px;height:20px}
  .announcement{font-size:11px;padding:10px 20px;gap:12px}.announcement a{font-size:11px}
  .hero-layout{padding-top:36px;padding-bottom:25px}.hero-eyebrow{font-size:10px;line-height:1.8;letter-spacing:0}
  .hero-copy h1{font-size:clamp(36px,9.8vw,58px);letter-spacing:-1.8px;white-space:normal}
  .hero-description{font-size:16px;max-width:400px;line-height:1.8}.hero-buttons{gap:10px;flex-wrap:wrap}
  .hero-buttons .button{font-size:14px;padding:13px 16px;width:100%;max-width:400px}.hero-reassurance{font-size:11px;gap:10px 15px;margin-top:23px}
  .hero-reassurance .icon{width:13px;height:13px}.hero-workspace{height:350px;max-width:365px;margin-top:28px}
  .hero-mascot{height:305px;right:4px;bottom:35px}.has-mascot .hero-terminal{width:195px;top:105px;left:0;opacity:.55}
  .has-mascot .terminal-chrome{font-size:9px}.has-mascot .terminal-content{font-size:11px;padding:16px}
  .has-mascot .terminal-response{font-size:11px}.has-mascot .workspace-orbit{width:275px;height:275px;top:23px}
  .has-mascot .orbit-two{width:325px;height:325px;top:0}.mascot-caption{font-size:11px}
  .foundation-strip{gap:17px 20px}.foundation-strip>span{font-size:10px;max-width:none}.foundation-strip>div{font-size:12px;gap:7px;width:calc(50% - 10px)}
  .section-kicker{font-size:10px;line-height:1.8}.section-heading p:not(.section-kicker),.section-description{font-size:15px}
  .section-heading>.text-link{font-size:14px}.learning-steps h3{font-size:16px}.learning-steps p{font-size:14px}
  .preview-top .tiny-tag{font-size:9px;letter-spacing:0}.preview-top{gap:10px}.lesson-preview>p{font-size:15px}
  .lesson-preview{padding:23px}.mini-code{font-size:12px;overflow-x:auto}.code-comment{display:block;margin-left:0;font-size:10px}
  .device-feature{grid-template-columns:1fr;gap:16px;padding:24px}.device-drawing{height:145px}
  .desktop-drawing>div{width:155px;height:98px;padding:26px 9px 0}.desktop-drawing span{font-size:6px}.desktop-drawing>i{top:122px;width:63px}
  .phone-drawing>div{width:78px;height:145px;padding:35px 9px 0}.phone-drawing span{font-size:6px}.phone-drawing i{left:22px;width:30px}
  .device-feature h3{font-size:25px}.device-feature p{font-size:15px}.device-feature .text-link{font-size:14px}
  .device-footnote{font-size:12px}.tool-shelf-grid p{font-size:13px}.home-cta .section-kicker{font-size:10px;max-width:100%}
  .home-cta p:last-child{font-size:15px}.home-cta>.button{font-size:14px}.text-link{font-size:14px}
  .breadcrumb{font-size:12px}.page-heading h1{font-size:36px;letter-spacing:-1.4px}.page-heading>p:not(.section-kicker){font-size:16px}
  .page-tags{font-size:10px;gap:8px}.lesson-outline{display:block;padding:18px}.lesson-outline a{font-size:13px;padding:9px 10px}
  .lesson-block h2,.content-section h2{font-size:27px}.lesson-block p,.lesson-block li,.content-section p,.content-section li{font-size:16px}
  .lesson-block+.lesson-block{padding-top:25px}.code-block-head{font-size:10px;padding:9px 11px}.code-block pre,.view pre{font-size:12px;padding:16px}
  .code-output{font-size:11px;padding:14px 16px}.copy-button{font-size:11px}.concept-card p{font-size:15px}
  .checkpoint{padding:20px}.checkpoint label,.quiz-card label{font-size:14px;line-height:1.8}.checkpoint .button{width:100%}
  .lesson-completion{grid-template-columns:64px minmax(0,1fr);gap:14px;padding:20px}.completion-mascot{width:64px;height:78px}
  .lesson-completion h3{font-size:21px}.lesson-completion p{font-size:14px}.lesson-completion>.button{grid-column:1/-1;width:100%;justify-self:stretch;margin:0}
  .lesson-next{gap:12px}.lesson-next .button{font-size:13px;flex:1 1 100%}
  .legacy-page .two-column{grid-template-columns:1fr}.legacy-page .card{padding:18px}.legacy-page .step-content{padding:18px}
  .catalog-card p,.resource-card p{font-size:15px}.catalog-card .card-meta{font-size:11px}.filter-button{font-size:13px;padding:9px 12px}
  .lab-sidebar p,.lab-objectives li{font-size:14px}.terminal-output{font-size:12px}.terminal-form{gap:8px;padding:12px}
  .terminal-form input{font-size:13px}.lab-disclaimer{font-size:12px}.mascot-guidance>img{width:74px;height:86px}
  .roadmap-summary p,.roadmap-item p{font-size:14px}.roadmap-item>div{min-width:0}.roadmap-item .text-link{margin-left:0;flex-basis:100%}
  .footer-about p{font-size:14px}.footer-main>div>a:not(.brand){font-size:13px}.footer-note{font-size:12px}
  .academy-footer .footer-bottom,.footer-bottom p{font-size:11px}.search-dialog-head input{font-size:16px}.search-dialog-head{gap:10px}
}
@media(max-width:360px){
  .brand{font-size:23px}.brand small{font-size:7px}.brand-mark{width:31px;height:35px}.academy-nav{gap:3px}
  .hero-copy h1{font-size:35px}.hero-eyebrow{font-size:10px}.hero-buttons .button{width:100%}.hero-reassurance{font-size:11px;gap:10px 13px}
  .hero-workspace{height:325px}.hero-mascot{height:280px;right:-3px}.has-mascot .hero-terminal{width:175px;top:95px}
  .has-mascot .workspace-orbit{width:240px;height:240px}.has-mascot .orbit-two{width:280px;height:280px}
  .foundation-strip>div{font-size:11px}.path-card{padding-left:20px;padding-right:20px}.level-pill{font-size:9px}
  .path-number{font-size:10px}.preview-top .tiny-tag{font-size:8px}.page-heading h1{font-size:33px}
  .lesson-completion{grid-template-columns:54px minmax(0,1fr)}.completion-mascot{width:54px;height:68px}
}
@media(max-width:600px){.step-item{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.step-item:before{display:none}.step-number{width:30px;height:30px;font-size:12px}.step-content{width:100%;min-width:0;padding:17px}.step-content pre{max-width:100%;font-size:12px}.encyclopedia-grid{grid-template-columns:minmax(0,1fr)}.encyclopedia-section{max-width:100%;padding:20px}.encyclopedia-search{gap:12px}.encyclopedia-search input{width:100%;flex-basis:100%;font-size:16px}.encyclopedia-section code{overflow-wrap:anywhere}}


/* Layered navy backgrounds keep the learning space bright and clearly structured. */
body{background:radial-gradient(ellipse 950px 650px at 100% 8%,#24558725,transparent 80%),var(--bg-dark)}
::selection{background:#67d8f3;color:#12213a}
.academy-header{background:#15243df2;border-bottom-color:#405b7d;box-shadow:0 8px 30px #06132b12}
.brand-mark{color:var(--cyan);border-color:#5a95b9;background:#203c57}
.brand-q{color:var(--cyan)}
.brand small{color:#adc2dc}
.academy-nav .nav-link{color:#d0def0}
.academy-nav .nav-link:hover,.academy-nav .nav-link.active{color:#89e5fa}
.learning-link{background:#233e59;border-color:#416c8d;color:#9ae8f9}
.search-trigger{color:#c0d2e7}
.search-trigger kbd{background:#223650;border-color:#46617f;color:#c5d7eb}
.announcement{background:#213854;border-bottom-color:#405978;color:#c5d6ec}
.announcement .tiny-tag{background:#294d65;border-color:#477b94;color:#9eeafa}
.announcement a{color:#a5edff}
.home-hero{position:relative;isolation:isolate;background:radial-gradient(ellipse 560px 480px at 78% 42%,#369bc32b,transparent 80%),linear-gradient(120deg,#1a2f4c,#172943 65%,#203a58)}
.home-hero:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#7fcce00b 1px,transparent 1px),linear-gradient(90deg,#7fcce00b 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,transparent 5%,#000 65%)}
.hero-eyebrow{color:#bad7e8}
.hero-description{color:#c9d9eb}
.hero-reassurance{color:#b7cce2}
.hero-reassurance .icon{color:#90d9eb}
.lime-word{color:#77dff6}
.lime-word svg{stroke:#68bad2}
.mascot-halo{background:radial-gradient(ellipse,#399cbd45,transparent 70%)}
.has-mascot .workspace-grid{background-image:linear-gradient(#80d7ee10 1px,transparent 1px),linear-gradient(90deg,#80d7ee10 1px,transparent 1px)}
.has-mascot .workspace-orbit{border-color:#79d4ec26}
.has-mascot .hero-terminal{opacity:.9}
.mascot-caption{color:#b1dcea}
.status-dot{background:var(--cyan);box-shadow:0 0 12px #67d8f34d}
.button,.btn{box-shadow:0 4px 10px #08183118}
.button-lime,.btn:not(.btn-outline){background:var(--lime);border-color:var(--lime);color:#17263b}
.button-lime:hover,.btn:not(.btn-outline):hover{background:#d7ffa8;border-color:#d7ffa8;color:#17263b}
.button-quiet,.btn-outline{background:#203854;border-color:#4c7294;color:#d7eafa}
.button-quiet:hover,.btn-outline:hover{background:#2a4868;border-color:#74b8d5;color:#f0f8ff}
.foundation-strip{background:#1a2d47;border-color:#3b5575}
.foundation-strip>span{color:#a9c4dd}
.foundation-strip>div{color:#d2e2f3}
.foundation-strip .icon{color:#79c8e5}
.section-kicker{color:#9bc8e3}
.section-heading p:not(.section-kicker),.section-description{color:#bdcee3}
.paths-section{background:linear-gradient(180deg,#162740,#1a2b47)}
.path-card{--path-accent:#74dcef;--path-tint:#24445c;background:linear-gradient(135deg,#25475d,#1b304b 85%);border-color:#466c85;box-shadow:0 10px 30px #06162b1f}
.path-blue{--path-accent:#8bbfff;--path-tint:#263e63;background:linear-gradient(135deg,#294565,#1d314f 85%);border-color:#49688e}
.path-purple{--path-accent:#c7b9ff;--path-tint:#353959;background:linear-gradient(135deg,#383e63,#272d4b 85%);border-color:#5a628e}
.path-card>p{color:#c0d4df}.path-blue>p{color:#c1d1e7}.path-purple>p{color:#cfcce4}
.path-number{color:#a7ccd9}.path-blue .path-number{color:#a8c8ef}.path-purple .path-number{color:#c1b9e2}
.path-tags span{color:#cad8e7;background:#c3ddff08;border-color:#a2c8e62b}
.path-card-bottom{border-top-color:#a4cce32b}
.learn-do-section{background:#203451;border-color:#405a7a}
.lesson-preview{background:linear-gradient(135deg,#294660,#213751);border-color:#54829e;box-shadow:0 18px 50px #08172b29}
.lesson-preview-icon,.catalog-card .catalog-icon{background:#2b4e68;border-color:#4e7d99;color:#8be6fa}
.devices-section{background:linear-gradient(180deg,#182b46,#1d304d)}
.device-feature{background:#243b58;border-color:#496583;box-shadow:0 8px 30px #07182b1a}
.device-feature:hover{border-color:#79bdd6}
.device-feature p{color:#c5d6e9}
.device-feature .tiny-tag{color:#96cce4}
.desktop-drawing>div{background:linear-gradient(135deg,#25465f,#152b43);border-color:#719dbc}
.desktop-drawing span,.phone-drawing span{color:#9adff0}
.desktop-drawing>i{border-color:#719dbc;background:#385c79}
.phone-drawing>div{background:linear-gradient(120deg,#2a4b67,#192e48);border-color:#739ebc;box-shadow:7px 9px 0 #172b42}
.phone-drawing i{background:#8bbad0}.phone-drawing .phone-lines{color:#8fb8d1}
.tool-shelf{background:#1d304d}
.tool-shelf-grid{border-color:#476181}.tool-shelf-grid>a{border-color:#476181}
.tool-shelf-grid>a:hover{background:#27415e}
.tool-monogram{color:#9ee5f3;background:#294c66}.burp-mark{color:#f0ba98;background:#4a3a36}.wire-mark{color:#abd9ff;background:#294663}
.tool-shelf-grid div>span{color:#a7c5dd}
.view.academy-home>.home-cta{background:radial-gradient(ellipse at left,#397da536,transparent 70%),#243e5b;border-color:#527f9e}
.cta-orbit{border-color:#6aa3c0;outline-color:#4a718e;color:#9ee6f7}
.academy-page>section{background:radial-gradient(ellipse 900px 500px at 85% 0,#347eb51c,transparent 85%)}
.page-heading{border-color:#405a7a}.page-heading>p:not(.section-kicker){color:#c0d1e7}
.page-tags>span{background:#263e5b;border-color:#4a6685;color:#c5d9ee}
.lesson-outline{background:#213752;border-color:#466181;box-shadow:0 8px 25px #091b2c1a}
.lesson-outline>p{color:#a0d2e6}.lesson-outline a{color:#bfd1e4}.lesson-outline a:hover{background:#2d4965;color:#effaff}
.lesson-outline a.is-current{background:#2d516c;color:#a6ecff;border-left-color:#74e0f5}
.lesson-outline .outline-bottom{border-color:#456080;color:#acc5db}
.lesson-block p,.lesson-block li,.content-section p,.content-section li{color:#c0d0e3}
.lesson-block strong,.content-section strong{color:#f0f6ff}
.lesson-block+.lesson-block,.legacy-page .content-section{border-color:#3b5575}
.callout,.info-box,.success-box{background:#263e59;border-color:#4c7494;border-left-color:#72d9ee;color:#c9ddec}
.callout.info{background:#244259;border-color:#447c99;border-left-color:#79dff5}
.callout.warning,.warning-box{background:#3c3640;border-color:#7c6a59;border-left-color:#e7c180;color:#e6d7c3}
.concept-card,.legacy-page .card,.legacy-page .step-content{background:#223b57;border-color:#466887}
.catalog-card,.resource-card{background:#223954;border-color:#486380;box-shadow:0 10px 25px #0b19291a}
.catalog-card:hover{background:#29435f;border-color:#71b6d0}
.catalog-card p,.resource-card p{color:#c0d1e6}.catalog-card .card-meta{color:#a9c5df;border-color:#45617e}
.tool-search{background:#203651;border-color:#4c7091}.view input[type=search],.view input[type=text]{background:#1a304b;border-color:#4f7598;color:#e4f0ff}
.filter-button{background:#1c314b;color:#c6d9ed;border-color:#476583}.filter-button.active{background:#76dbf1;color:#142a40;border-color:#76dbf1}
.data-table-wrap{border-color:#4c6886;scrollbar-color:#6286a6 #1b304b}
.data-table-wrap table,table{background:#1c324c}.data-table-wrap th,table th{background:#2c4764;color:#d3e9f8}
.data-table-wrap td,table td{color:#c5d5e7;border-bottom-color:#3c5775}
.data-table-wrap tr:nth-child(even) td{background:#223a55}
.data-table-wrap tr:hover td{background:#2b4864;color:#f3faff}
.code-block,.view pre,.mini-code,.tool-example{background:#12253d;border-color:#486581;color:#d1e5f6}
.code-block-head{background:#263f59;border-color:#45627e;color:#b3d4e8}
.code-block pre{background:transparent}.code-output{background:#1a314a;border-color:#43617d;color:#afcde0}.code-output:before{color:#8ec4dd}
.copy-button{background:#2b4d66;border-color:#5c88a3;color:#b9f0fc}.copy-button:hover{background:#355f7c}
.lesson-block code:not(pre code){background:#29445f;color:#a9e9f6}
.checkpoint,.quiz-card{background:#263e59;border-color:#5581a0}
.checkpoint label,.quiz-card label,.quiz-option{background:#1d334e;border-color:#496d8c;color:#d8e6f6}
.checkpoint label:has(input:checked),.quiz-card label:has(input:checked){background:#2c516b;border-color:#81d8ec}
.checkpoint-result{color:#c6e9f4!important}.quiz-result{background:#294d60;border-color:#6c9d99;color:#e5f7ea}
.lesson-completion{background:linear-gradient(120deg,#29455f,#223650);border-color:#54829b}
.lesson-completion.is-complete{background:linear-gradient(120deg,#294b48,#243e4d);border-color:#81ab79}
.lesson-completion p{color:#c5d9e7}
.lab-sidebar{background:#233b56;border-color:#4c6e8d}.lab-sidebar select{background:#1b304a;border-color:#557b9b;color:#e2effd}
.lab-sidebar label,.mentor-label{color:#b3d6e9}.lab-objectives li{color:#c4d6e9}.lab-objectives li.done{color:#d4f5b0}
.mascot-guidance{border-color:#496988}.mascot-guidance .lab-hint{color:#c2deed!important}
.terminal-window{background:#152b42;border-color:#5a8099;box-shadow:0 20px 45px #08162c33}
.terminal-chrome{background:#29455e;border-color:#486b87;color:#bed5e6}
.terminal-prompt,.terminal-prompt>span{color:#8fd2e8}.terminal-response{color:#a1eafb}
.terminal-prompt .typed-command{color:#e6f4ff}
.terminal-output{color:#c6dcec;scrollbar-color:#5b829e #162c43}
.terminal-output .command{color:#e7f4ff}.terminal-output .command:before{color:#88dcec}
.terminal-form{background:#213b54;border-color:#4b718e}.terminal-form input{background:transparent!important;color:#e1f2ff}
.terminal-form button{background:#315975;border-color:#6b99b4;color:#d1f5ff}
.lab-disclaimer{background:#1d344e;border-color:#486d8b;color:#b5cfe1}.lab-disclaimer strong{color:#e4f2ff}
.lab-complete{background:#2a4a49;border-color:#80a977}
.roadmap-summary{background:#253f5b;border-color:#50799a}.progress-ring:before{background:#253f5b}
.roadmap-item{background:#213852;border-color:#456282}.roadmap-item .step-index{border-color:#527897;color:#91ccdf}
.roadmap-item.complete{border-color:#80a878}.roadmap-item.complete .step-index{color:var(--lime)}
.resource-card a,.source-note a,.text-link{color:#95e5f7}.source-note{border-color:#405e7c}
.empty-message{border-color:#577b9b;color:#c1d8eb;background:#213850}
.search-dialog{background:#233b57;border-color:#6a98b7;box-shadow:0 35px 130px #06142bb3}
.search-dialog::backdrop{background:#07162c9c}.search-dialog-head,.search-dialog-foot{border-color:#486c8b}
.search-dialog-head input{color:#f0f8ff}.icon-button{background:#31526f;border-color:#648aa7;color:#d4eafa}
.search-results>a:hover,.search-results>a:focus{background:#315570}.search-results p,.search-dialog-foot{color:#bad4e7}
.toast{background:#2d515e;border-color:#81b4aa;color:#e0f5ec}
.academy-footer{background:#13223a;border-color:#405b79}
.footer-main h3{color:#d9e8fa}.footer-about p,.footer-main>div>a:not(.brand){color:#b5cae1}
.footer-main>div>a:hover{color:#9deaff}.footer-note,.open-label{color:#a5c2d7}
.academy-footer .footer-bottom{border-color:#36516f}.academy-footer .footer-bottom,.footer-bottom p{color:#a5bdd6}
.scroll-top{background:#2b4864;border-color:#6b9bb8;color:#a8edfb}
.view-loading{background:#1c304b}
@media(max-width:960px){.academy-nav .nav-links{background:#1d3451;border-bottom-color:#537492}}
@media(max-width:600px){.learning-link{background:transparent;border-color:transparent}.home-hero:before{background-size:36px 36px}}

.guide-context{background:#223c57;border:1px solid #4b7190;border-left:3px solid #72d9ee;border-radius:6px;padding:18px 20px;margin:0 0 30px;color:#e5f2ff}
.guide-context strong{font-size:15px}
.guide-context p{font-size:14px;line-height:1.75;color:#c5d9e8;margin:5px 0 0}
.guide-context a{color:#95e5f7}
.http-explorer{background:#1d344e;border:1px solid #527897;border-radius:10px;padding:20px;margin:22px 0}
.http-explorer form{display:flex;align-items:end;flex-wrap:wrap;gap:12px}
.http-explorer label{display:block;flex-basis:100%;font-weight:700;color:#e5f2ff}
.http-explorer select{flex:1 1 220px;max-width:100%;min-width:0;padding:12px;border:1px solid #6b99b4;border-radius:6px;background:#132b43;color:#f0f8ff;font:inherit}
.http-explorer output{display:block;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:18px;padding:16px;background:#10243a;border-radius:6px;color:#d5efff;font:14px/1.6 monospace}

/* A single, clearly marked ad between lesson sections. */
.lesson-ad{box-sizing:border-box;margin:36px 0;padding:14px 0 18px;text-align:center;border-top:1px solid #405e7c;border-bottom:1px solid #405e7c;overflow:hidden}
.lesson-ad[hidden]{display:none}
.catalog-ad{grid-column:1 / -1}
.lesson-ad__label{display:block;margin:0 0 10px;color:#b5cae1;font:10px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.lesson-ad iframe,.lesson-ad__preview{display:block;margin:0 auto;border:0;max-width:100%}
.lesson-ad__preview{box-sizing:border-box;background:#203952;border:1px dashed #527897;color:#b5cae1;font:11px/1.4 var(--mono);display:flex;align-items:center;justify-content:center}
@media(max-width:600px){.lesson-ad{position:relative;left:50%;transform:translateX(-50%);max-width:none}.catalog-grid{grid-template-columns:minmax(0,1fr)}.catalog-ad{left:0;transform:none;justify-self:center}}