/* Cyberpath: an independent visual direction built on the complete V5 app. */
:root{color-scheme:light;--bg:#f6f7f1;--panel:#fff;--line:#dce3d8;--text:#193b2d;--muted:#647267;--accent:#275f42;--cyan:#357b66;--lime:#d2f87a;--sans:"DM Sans",sans-serif}
html{background:var(--bg);color:var(--text);scrollbar-color:#a5b5a1 var(--bg)}
body{background:var(--bg);color:var(--text);font-size:15px;line-height:1.65}
body:before{display:none}
::selection{background:#d2f87a;color:#153829}
h1,h2,h3{color:var(--text);font-weight:600;letter-spacing:-.045em}
p{color:var(--muted)}
button,.button{background:white;color:#244e37;border-color:#d6dfd1;border-radius:8px;font-weight:600;min-height:42px;box-shadow:none}
button:hover,.button:hover{background:#eaf0e4;border-color:#a7bba0;color:#183b2d}
.primary,.primary:hover{background:#d2f87a;border-color:#d2f87a;color:#173b2d}
.primary:hover{background:#dfff9a;box-shadow:0 6px 24px #c8f47325}
input,textarea,select{background:#fff;color:#244634;border-color:#cdd9c8}
input::placeholder,textarea::placeholder{color:#7b897a}
input:focus,textarea:focus,select:focus{border-color:#356b46}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:3px solid #4d8b59;outline-offset:4px}
.app-shell{grid-template-columns:244px minmax(0,1fr)}
.sidebar{background:#fffef9;border-right:1px solid #e1e6da;padding:32px 20px 22px}
.brand{font-size:27px;letter-spacing:-1.4px;color:#153b29;padding:0 9px}
.brand-icon{width:34px;height:34px;margin-right:9px;border-radius:10px;background:#d2f87a;color:#173b2d;font-size:0;box-shadow:none}
.brand-icon svg{width:22px;height:22px}
.brand-dot{color:#588341}
.workspace-label{margin:32px 10px 34px;color:#73816f;font-size:9px;gap:7px}
.workspace-label>span:last-child{font-size:8px;border:1px solid #d7e0d0;color:#617657;background:#f0f3e9;padding:2px 5px;border-radius:4px}
.online-dot{background:#6d9d48;box-shadow:0 0 0 3px #87b45912}
.nav-label{font-size:9px;color:#83907c;letter-spacing:.14em;margin:0 12px 12px}
.sidebar nav{gap:6px}
.sidebar nav a{font-size:13px;color:#677462;padding:12px;min-height:47px;gap:12px;border-radius:8px}
.sidebar nav a .icon{color:#798672;width:18px;height:18px}
.sidebar nav a[aria-current]{background:#eaf1df;border-color:#dce7cf;color:#25482e;font-weight:650}
.sidebar nav a[aria-current] .icon{color:#3d6742}
.sidebar nav a[aria-current]:before{display:none}
.sidebar nav a:not([aria-current]):hover{background:#f0f3e9;color:#24482d}
.nav-count{background:#edf0e8;color:#74806d;font-size:9px;min-width:20px;text-align:center}
.sidebar nav a[aria-current] .nav-count{background:#d7e5c6;color:#3e5f35}
.sidebar-bottom{padding-top:36px}
.daily-card{background:#f0f4e8;border:1px solid #e1e8d6;padding:18px 16px;border-radius:12px;position:relative;overflow:hidden}
.daily-card:after{content:"✳";position:absolute;right:9px;top:29px;font-size:66px;line-height:1;color:#d9e6c8;transform:rotate(15deg);pointer-events:none}
.daily-card .tiny-label{font-size:8px;color:#7f8c71;letter-spacing:.09em}
.daily-line{position:relative;z-index:1}.daily-line strong{font-size:20px;color:#2c4a2e}.spark{color:#7b9e4e}
.daily-card p{color:#718166;font-size:11px;margin-bottom:18px}.daily-card a{color:#385631;font-size:11px;border-top-color:#d8e1ca;position:relative;z-index:1}
.profile-button{border-top:1px solid #e4e8dc;margin-top:20px;padding:19px 0 0;background:transparent;min-height:65px}
.profile-button:hover{background:transparent}.profile-button strong{font-size:12px;color:#314c32}.profile-button small{font-size:9px;color:#7b8776}
.avatar,.small-avatar{background:#ece9d9;color:#556046;border-color:#dedfcf;font-size:11px}
.topbar{height:76px;background:#fffef9d9;border-color:#e1e6da;backdrop-filter:blur(18px);padding:0 38px}
.breadcrumb{font-size:12px}.breadcrumb .breadcrumb-root{color:#8a9581}.breadcrumb .breadcrumb-divider{color:#b4bdae}.breadcrumb b{color:#435b3f;font-weight:500}
.topbar-actions{gap:20px}.search-trigger{min-width:215px;justify-content:flex-start;background:#f4f6ed;border-color:#e0e6d7;font-size:11px;color:#7a8871;min-height:36px}
.search-trigger .icon{width:15px;height:15px}.search-trigger kbd{background:#fff;border:1px solid #dde3d4;color:#87947e;font-size:9px;margin-left:auto}
.environment-status{color:#7c8b71;font-size:9px}.small-avatar{width:33px;height:33px}
main{padding:34px 38px 48px;max-width:1580px;margin:auto;min-width:0}
.page-heading{margin-bottom:28px;gap:20px}.page-heading .eyebrow{font-size:9px;letter-spacing:.16em;color:#7c896f}.page-heading .eyebrow>span{width:5px;height:5px;background:#82a05b}
.page-heading h1{font-size:clamp(29px,2.8vw,41px);font-weight:550;letter-spacing:-.055em;margin:8px 0 8px;line-height:1.15}
.page-heading p{color:#839078;font-size:12px;line-height:1.75}.page-heading .text-link{margin-top:12px}
.text-link{color:#4a6741;font-size:11px;gap:8px}.text-link:hover{color:#193f29}.eyebrow{color:#789064;font-size:9px;letter-spacing:.14em}
.dashboard-hero{padding:41px 42px;min-height:396px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;border:1px solid #1f4b38;border-radius:18px;background:radial-gradient(ellipse at 82% 52%,#315d403e,transparent 65%),#163c2d;box-shadow:0 12px 26px #253c3210;overflow:hidden;isolation:isolate}
.dashboard-hero:before{background:radial-gradient(circle at var(--spot-x,70%) var(--spot-y,40%),#d2f87a0c,transparent 42%);opacity:1}
.dashboard-hero:after{background-image:radial-gradient(#b6d7a817 .7px,transparent .7px);background-size:18px 18px;mask-image:linear-gradient(to right,transparent,#000)}
.pill{font:8px var(--mono);letter-spacing:.09em;color:#bed2ae;border-color:#91b97b42;background:#4d76452a;min-height:25px;padding:6px 9px;border-radius:5px}.pill .online-dot{background:#c5ed81;box-shadow:0 0 0 3px #c7ec8110}
.hero-copy h2{font-size:clamp(45px,4.3vw,69px);font-weight:500;letter-spacing:-.065em;line-height:1.03;color:#f8fbed;margin:24px 0 19px}
.hero-gradient{color:#d2f87a;background:none;-webkit-text-fill-color:#d2f87a;text-shadow:none}
.hero-copy>p{color:#aebfa6;max-width:370px;font-size:12px;line-height:1.85;margin-bottom:25px}
.hero-actions{gap:20px;flex-wrap:wrap}.hero-actions .primary{min-height:44px;font-size:11px;padding:12px 16px;border-radius:7px}.hero-secondary{font-size:11px;color:#c4d4b8}
.hero-note{color:#89a482;font:8px var(--mono);gap:8px;margin-top:23px}.hero-note .icon{color:#a1bb94;width:13px;height:13px}
.hero-coordinate{bottom:15px;right:21px;color:#72956d;font:7px var(--mono);letter-spacing:.11em}
.network-visual{width:100%;height:314px;max-width:530px;position:relative;display:block;filter:none;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .3s;overflow:visible}
.network-illustration{position:absolute;width:116%;height:112%;left:-8%;top:-7%;object-fit:contain;pointer-events:none;animation:float-network 9s ease-in-out infinite}
.network-choice{position:absolute;width:35px;height:35px;min-height:35px;padding:0;display:grid;place-items:center;border-radius:50%;background:#28523cdd;border:1px solid #b3d39288;color:#cfe99f;box-shadow:0 0 0 7px #b4d98a05;font-size:16px;z-index:2;cursor:pointer}
.network-choice:hover{background:#d2f87a;color:#193b2d;transform:scale(1.1);box-shadow:0 0 0 8px #c6ed7e12;border-color:#d2f87a}
.node-discover{left:10%;top:27%}.node-defend{right:9%;top:29%}.node-decode{left:47%;bottom:7%}
.network-hint{position:absolute;bottom:-5px;left:0;width:100%;color:#80a272;font:7px var(--mono);letter-spacing:.12em;gap:7px;display:flex;align-items:center;justify-content:center}.network-hint .online-dot{background:#a5cc73;width:4px;height:4px}
.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);background:transparent;border:0;border-bottom:1px solid #dce3d5;border-radius:0;margin:10px 0 24px;padding:16px 0;gap:0}
.stats-strip>div{display:grid;grid-template-columns:35px auto 1fr;gap:10px;padding:10px 23px;align-items:center;min-width:0}.stats-strip>div:first-child{padding-left:5px}.stats-strip>div+div{border-left:1px solid #dce3d5}
.stat-icon{width:34px;height:34px;display:grid;place-items:center;color:#758862;background:#e9efdf;border-radius:9px}.stat-icon .icon{width:17px;height:17px}
.stats-strip strong{font-size:29px;letter-spacing:-.06em;font-weight:500;color:#2a4932;line-height:1.2}
.stats-strip>div>span:last-child{font-size:10px;color:#586d4b;line-height:1.5}.stats-strip small{font-size:8px;color:#94a087;display:block;margin-top:4px}
.learning-pulse{margin-top:0;padding:20px 23px;gap:20px;border-radius:12px;border:1px solid #dce5d2;background:#edf2e4;grid-template-columns:minmax(0,1.9fr) minmax(200px,1fr)}
.pulse-main{gap:14px}.pulse-icon{width:42px;height:42px;background:#dfeacb;border:1px solid #cedfb4;border-radius:10px;color:#4f773d}.pulse-icon .icon{width:20px}
.pulse-main .eyebrow{color:#859568;font-size:8px}.pulse-main h3{font-size:17px;font-weight:600;color:#3a5730;margin:3px 0 4px}.pulse-main p{font-size:10px;line-height:1.7;color:#899779}
.pulse-main .button{background:#fffdf5;border-color:#d7e1ca;color:#4b653b;font-size:10px;padding:8px 11px;min-height:35px}.pulse-main .button:hover{background:#e1edce}
.pulse-progress{border-left:1px solid #d5dfc9;padding-left:22px}.pulse-progress>div{font-size:10px;color:#7b8e68}.pulse-progress strong{color:#4e7139;font-weight:600}.pulse-progress small{font-size:8px;color:#8e9b80;margin-top:8px}
progress{accent-color:#709d4f;background:#dce7d1;border-radius:10px;height:5px}progress::-webkit-progress-bar{background:#dce7d1;border-radius:10px}progress::-webkit-progress-value{background:#749e4c;border-radius:10px}progress::-moz-progress-bar{background:#749e4c;border-radius:10px}
.lesson-preview,.content-section{margin-top:32px}.section-heading{margin-bottom:18px;gap:15px}.section-heading .eyebrow{font-size:8px;color:#8d9b7e;letter-spacing:.13em}.section-heading h2{font-size:25px;font-weight:500;letter-spacing:-.05em;color:#345033;margin:6px 0 0;line-height:1.25}
.lesson-cards{gap:16px}.lesson-card{border:1px solid #dde4d6;background:#fffef9;border-radius:12px;padding:23px 22px;box-shadow:0 3px 6px #38513802;position:relative;overflow:hidden}
.lesson-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:#aacb87}.lesson-card:nth-child(2):before{background:#a4beb9}.lesson-card:nth-child(3):before{background:#e3b48e}
.lesson-card:hover{background:#fffef9;transform:translateY(-4px);border-color:#afc497;box-shadow:0 10px 24px #2640210b}
.lesson-card-top{font:7px var(--mono);gap:5px;color:#8d9a7d;margin-bottom:20px}.lesson-card-top .icon{width:13px;height:13px}.lesson-card-complete{font-size:6px;background:#f0f4e9;color:#82946c;padding:3px 5px;border-radius:3px;white-space:nowrap}
.lesson-card h3{font-size:19px;font-weight:550;color:#34532e;margin-bottom:11px;letter-spacing:-.04em}.lesson-card>p{font-size:11px;color:#86937a;line-height:1.8;margin-bottom:24px}
.lesson-card-footer{border-top:1px solid #e8ecdf;padding-top:14px;font-size:8px;color:#98a28b;gap:12px}.lesson-card-footer>b{color:#5d7746;font-size:9px}.lesson-card-footer .icon{width:12px;height:12px}
.lab-cards{gap:18px}.lab-card{background:#fffef9;border:1px solid #dce4d5;border-radius:13px;box-shadow:none}.lab-card:hover{border-color:#afc597;box-shadow:0 12px 26px #32502e10;transform:translateY(-4px)}
.lab-art{height:161px;transform:none;color:#587747;background:radial-gradient(ellipse at 50% 85%,#d7e6b9,transparent 85%),#edf3e3;border-bottom:1px solid #dce6ce}
.lab-art svg{width:64%;height:95%;margin:auto;display:block;transition:transform .4s}.lab-card:hover .lab-art svg{transform:scale(1.06)}.art-label{color:#91a17c;font-size:7px}.art-arrow{color:#8ca373}
.lab-card.packets .lab-art{background:radial-gradient(ellipse at 50% 85%,#d2e2df,transparent 85%),#eaf1ee;color:#648881;border-color:#d6e4de}.lab-card.packets .art-label{color:#8aa499}
.lab-card.firewall .lab-art{background:radial-gradient(ellipse at 50% 85%,#ded5ec,transparent 85%),#f0ebf5;color:#8a759e;border-color:#e2d9e9}.lab-card.firewall .art-label{color:#a592b4}
.lab-card.phishing .lab-art{background:#f5e9df;color:#a47e58;border-color:#e7dac9}.lab-card.logs .lab-art{background:#e3efed;color:#518477}.lab-card.crypto .lab-art{background:#f2eedc;color:#a08b48}
.lab-card-content{padding:20px}.lab-meta{font-size:8px;margin-bottom:12px}.category{background:#eff3e8;color:#8b9b78;padding:3px 6px}.difficulty{color:#8d9a7f;font-size:8px}.difficulty i{background:#91ad70}
.lab-card h3{font-size:19px;color:#355131;font-weight:550}.lab-card p{font-size:11px;color:#8a967e;line-height:1.8}.lab-card-footer{color:#94a184;border-top-color:#e8edde;font-size:8px;gap:11px}.lab-card-footer b{color:#5f7c47;font-size:9px}
.bottom-grid{gap:20px;margin-top:30px}.path-feature{background:#e9f0df;border-color:#dce5cf;border-radius:13px;padding:26px}.feature-icon{color:#5b7f44;background:#e2ebd5;border-color:#d3dfc3}.path-feature h2{color:#3c592f;font-size:27px}.path-feature p{color:#859675;font-size:12px}.path-feature-footer{color:#8c9b7c;border-color:#d3dfc4;font-size:9px}.path-feature-footer a{color:#58763f}
.daily-challenge{background:#fffef9;border-color:#dce4d4;border-radius:13px}.drill-top .eyebrow{color:#849671}.drill-xp{color:#749450;background:#edf3e2}.drill-tabs button{background:#f4f6ed;color:#8b987c;border-color:#e2e8d8;font-size:8px}.drill-tabs button[aria-pressed="true"]{background:#e6eed8;color:#4d6b38;border-color:#c5d4ae}.daily-challenge h3{color:#3d5732}.daily-challenge>p{color:#7a8c6b}.drill-options button{color:#6b7d5b;background:#fbfcf7;border-color:#dfe6d6}.drill-options button>span{background:#ecf1e3;color:#799361}.drill-feedback{color:#5c7d41!important}
.panel,.path-card,.path-step,.lesson-library-intro,.mission-panel,.workspace-panel,.reading-chapter,.reading-experiment,.reading-finish,.visual-chapter,.course-hero,.progress-hero,.progress-card,.journal-card{box-shadow:none;border-color:#dce4d5;border-radius:12px}
.path-card{background:#fffef9}.path-card:hover{background:#f1f5e8;border-color:#b4c59e;box-shadow:0 10px 28px #38502b0a}.path-card h2{color:#34552e}.path-card p{color:#7f9170}
.catalog-toolbar{background:transparent}.filter-tabs{background:#edf1e5;border:1px solid #e0e7d7;padding:5px;border-radius:9px}.filter-tabs button{background:transparent;border:1px solid transparent;color:#839473;font-size:11px}.filter-tabs button.active{background:#fffef9;border-color:#d7e2c8;box-shadow:0 2px 4px #3e53290a;color:#406332}.catalog-search{background:#fffef9;border-color:#dce5d2;color:#8d9d7e}.catalog-search input{background:transparent;color:#47613a}
.tools-tabs{background:#edf2e5;border-color:#dce4d2}.tools-tabs [role="tab"]{background:transparent;color:#7f9370}.tools-tabs [aria-selected="true"],.tools-tabs [aria-selected="true"]:hover{background:#fffef9;border-color:#d4dfc5;color:#426736;box-shadow:0 2px 6px #3c502611}
.reading-content p,.reading-content li{color:#65785c}.reading-content p strong{color:#34562c}.reading-content code{color:#53733e;background:#eef3e5}.reading-content pre{background:#eaf0e1;color:#4a6b36}.reading-callout{background:#eaf2df;border-color:#b4cd96}.reading-callout>strong{color:#4d7435}.reading-callout p{color:#718a5d}
.lab-terminal{background:#153327;border-color:#294d36;color:#d3e7be}.lab-terminal-title{background:#1b3b2c;border-color:#35553c;color:#9cb68e}.lab-terminal-output,.lab-terminal-entry pre{background:#153327;color:#b8d6a3}.terminal-welcome{color:#95b085}.terminal-welcome b,.terminal-command-echo span{color:#d2f87a}.lab-terminal-input{background:#19392a;border-color:#35563d}.lab-terminal-input input{background:transparent;color:#d1e8bd;border-color:#416042}.lab-terminal-input label,.lab-terminal-input label b{color:#9bbb84}
.search-dialog{background:#fffef9;border:1px solid #cedbc1;color:#31522a;box-shadow:0 24px 100px #123b2840;border-radius:15px}.search-dialog::backdrop{background:#173b2d50;backdrop-filter:blur(6px)}.search-heading{border-color:#e1e8d8}.search-heading input{color:#395a31;background:transparent}.search-heading .icon{color:#789364}#search-results a{border-color:#e8edde;color:#48663a}#search-results a:hover{background:#f0f5e7}#search-results small{color:#93a37f}.search-foot{background:#f4f7ed;color:#899b76;border-color:#e2e9d8}
.toast{background:#1d4632;color:#e0edcf;border-color:#53784b;box-shadow:0 8px 30px #173b2d25}
footer{padding:21px 38px;border-color:#e0e6d7;color:#97a28b;font:8px var(--mono);gap:15px}footer b{color:#c0cab2}.footer-links a{color:#789369}
.preview-link{display:inline-flex;align-items:center;gap:5px}.preview-link:before{content:"◫";font-size:13px}
@keyframes float-network{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(min-width:1600px){.hero-copy h2{font-size:74px}.dashboard-hero{min-height:440px}.network-visual{height:350px}}
@media(min-width:1025px) and (max-width:1250px){.app-shell{grid-template-columns:222px minmax(0,1fr)}main{padding:30px 26px}.topbar{padding:0 26px}.dashboard-hero{padding:32px 29px;min-height:370px}.hero-copy h2{font-size:51px}.hero-actions{gap:12px}.stats-strip>div{padding:10px 12px;grid-template-columns:auto 1fr;gap:8px}.stat-icon{display:none}.stats-strip small{font-size:7px}.learning-pulse{grid-template-columns:1fr 210px;padding:18px;gap:15px}.pulse-main p{display:none}.pulse-main h3{font-size:15px}.pulse-main .button{font-size:9px}.lesson-card{padding:19px 16px}.lesson-card-top{flex-wrap:wrap;gap:6px;font-size:6px}.lesson-card h3{font-size:17px}.lesson-card-footer{gap:8px}.topbar-actions{gap:13px}.search-trigger{min-width:180px}}
@media(max-width:1024px){.app-shell{display:block}.sidebar{background:#fffef9}.sidebar-close{background:#f0f4e8;border-color:#dce5d2;color:#4f6b3f}.nav-backdrop:not([hidden]){background:#163b2d70}.topbar{background:#fffef9ee;border-color:#e2e8d8;height:66px;padding:0 22px}.topbar .mobile-menu{background:#eef3e5;color:#4a6940;border-color:#dce5d1;font-size:20px}.topbar .breadcrumb b{color:#526f43}.search-trigger{min-width:auto;background:#f0f4e8;border-color:#dce5d1}.topbar .search-trigger{color:#6c855a}.topbar-actions{gap:12px}main{padding:28px 24px 42px}.page-heading h1{font-size:35px}.dashboard-hero{padding:34px;grid-template-columns:1.05fr .95fr;min-height:365px}.hero-copy h2{font-size:55px}.network-visual{height:290px}.stats-strip>div{padding:10px 17px;grid-template-columns:auto 1fr;gap:11px}.stat-icon{display:none}.stats-strip small{font-size:8px}.learning-pulse{grid-template-columns:1.7fr 1fr;gap:18px}.pulse-main p{display:none}.pulse-main h3{font-size:16px}.pulse-main .button{font-size:9px;min-height:35px}.pulse-icon{width:35px;height:35px}.lesson-card{padding:19px 17px}.lesson-card-top{font-size:7px;flex-wrap:wrap;gap:7px}.lesson-card h3{font-size:18px}.lesson-card>p{font-size:11px}.lesson-card-footer{flex-wrap:wrap;gap:8px}.lesson-card-footer>b{margin-left:0}.section-heading h2{font-size:24px}footer{padding:20px 24px}}
@media(max-width:700px){.topbar{padding:0 18px}.topbar .breadcrumb{font-size:12px}.topbar .small-avatar{width:31px;height:31px}.topbar-actions{gap:10px}.topbar .search-trigger{width:38px;height:38px;min-height:38px;padding:0;justify-content:center}.topbar .search-trigger .icon{width:17px;height:17px}.search-trigger>span:nth-child(2),.search-trigger kbd{display:none}.environment-status{display:none}main{padding:25px 18px 36px}.page-heading{display:block;margin-bottom:23px}.page-heading .eyebrow{font-size:8px;letter-spacing:.13em}.page-heading h1{font-size:32px;line-height:1.12;max-width:310px;margin:10px 0}.page-heading p{font-size:11px;line-height:1.75;max-width:310px}.page-heading .text-link{display:none}.dashboard-hero{padding:28px 25px 18px;border-radius:15px;grid-template-columns:1fr;gap:0;min-height:0}.pill{font-size:6.5px;padding:6px 8px;letter-spacing:.07em}.hero-copy h2{font-size:48px;line-height:1.02;letter-spacing:-.065em;margin:23px 0 17px}.hero-copy>p{font-size:11px;line-height:1.9;max-width:285px;margin-bottom:22px}.hero-actions{gap:15px;flex-direction:row;align-items:center}.hero-actions .primary{font-size:10px;min-height:42px;padding:11px 13px}.hero-secondary{font-size:9px}.hero-note{font-size:6.5px;gap:6px;margin-top:20px}.network-visual{height:235px;max-width:390px;margin:5px auto 6px}.network-illustration{height:110%;width:114%;left:-7%;top:-4%}.network-choice{width:29px;height:29px;min-height:29px;font-size:13px}.node-discover{left:10%;top:29%}.node-defend{right:9%;top:31%}.node-decode{bottom:6%}.network-hint{font-size:6px;bottom:-3px;letter-spacing:.1em}.hero-coordinate{display:none}.stats-strip{grid-template-columns:1fr 1fr;margin:8px 0 20px;padding:4px 0;border-bottom:1px solid #dce3d5;gap:0}.stats-strip>div{display:grid;grid-template-columns:31px auto 1fr;padding:17px 8px;gap:8px;min-height:79px}.stats-strip>div:first-child{padding-left:8px}.stats-strip>div+div{border-left:0}.stats-strip>div:nth-child(even){border-left:1px solid #e1e6d9}.stats-strip>div:nth-child(n+3){border-top:1px solid #e1e6d9}.stat-icon{display:grid;width:29px;height:29px;border-radius:8px}.stat-icon .icon{width:14px;height:14px}.stats-strip strong{font-size:25px}.stats-strip>div>span:last-child{font-size:9px;line-height:1.4}.stats-strip small{display:none}.learning-pulse{grid-template-columns:1fr;padding:18px;gap:18px;border-radius:12px}.pulse-main{gap:10px;flex-wrap:nowrap;align-items:center}.pulse-icon{width:34px;height:38px}.pulse-main h3{font-size:14px;line-height:1.3;max-width:165px}.pulse-main .eyebrow{font-size:7px}.pulse-main .button{padding:8px;font-size:8px;min-height:35px;gap:5px}.pulse-main .button .icon{width:12px}.pulse-main p{display:none}.pulse-progress{padding:14px 0 0;border-left:0;border-top:1px solid #d5dfc9}.pulse-progress>div{font-size:9px}.pulse-progress small{font-size:8px;margin-top:7px}.lesson-preview,.content-section{margin-top:30px}.section-heading{align-items:flex-end;margin-bottom:18px;gap:10px}.section-heading .eyebrow{font-size:7px;letter-spacing:.1em}.section-heading h2{font-size:25px;max-width:245px;margin-top:7px}.section-heading .text-link{font-size:8px;white-space:normal;max-width:80px;line-height:1.5;gap:4px}.section-heading .text-link .icon{width:12px}.lesson-cards{grid-template-columns:1fr;gap:12px}.lesson-card{padding:22px}.lesson-card-top{font-size:8px;margin-bottom:17px;flex-wrap:nowrap}.lesson-card-complete{font-size:6px}.lesson-card h3{font-size:21px;margin-bottom:9px}.lesson-card>p{font-size:12px;line-height:1.8;margin-bottom:19px}.lesson-card-footer{font-size:9px;gap:14px;flex-wrap:nowrap}.lesson-card-footer>b{margin-left:auto;font-size:9px}.lab-cards{grid-template-columns:1fr;gap:16px}.lab-art{height:180px}.lab-card-content{padding:21px}.lab-card h3{font-size:21px}.lab-card p{font-size:12px}.lab-meta,.difficulty{font-size:9px}.lab-card-footer{font-size:9px}.lab-card-footer b{font-size:10px}.art-label{font-size:8px}.bottom-grid{grid-template-columns:1fr;gap:18px;margin-top:28px}.path-feature{padding:24px}.daily-challenge{padding:24px}.catalog-toolbar{gap:13px}.filter-tabs{padding:4px;gap:2px}.filter-tabs button{font-size:10px;padding:8px 10px;min-height:36px}.catalog-search input{font-size:13px}.path-card h2{font-size:26px}.tools-tabs [role="tab"]{font-size:11px}.reading-content p,.reading-content li{font-size:14px}.reading-content h2{font-size:25px}footer{padding:21px 18px;font-size:7px}.footer-links{gap:16px}.toast{max-width:calc(100vw - 36px)}}
@media(max-width:374px){main{padding:23px 14px}.hero-copy h2{font-size:43px}.dashboard-hero{padding:26px 21px 16px}.hero-actions{gap:13px}.hero-secondary{font-size:8px}.stats-strip>div{grid-template-columns:22px auto 1fr;gap:6px;padding:16px 6px}.stat-icon{width:22px;height:25px}.stats-strip>div>span:last-child{font-size:8px}.pulse-main h3{font-size:13px}.pulse-main .button{font-size:7px;padding:7px}.pulse-icon{display:none}.section-heading h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.network-visual{transform:none!important}}

/* Keep replacement SVG images inside the original illustrated card slots. */
.lab-art .lab-illustration{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;flex-shrink:0;transition:transform .4s ease}
.lab-card:hover .lab-art .lab-illustration{transform:scale(1.04)}
/* Secondary text remains readable against the new light surfaces. */
.page-heading p{color:#65765b}
.lesson-card>p,.lab-card p{color:#68775e}
.lesson-card-top{color:#657a53}
.lesson-card-complete{color:#5f744a}
.lesson-card-footer,.lab-card-footer{color:#6c7d5c}
.stats-strip small,.pulse-progress small{color:#6c7c5f}
.lab-art .art-label{color:#5d7548}
.lab-card.packets .art-label{color:#52756b}
.lab-card.firewall .art-label{color:#7b6390}
@media(max-width:760px){
  .pulse-main .button{width:auto;flex:0 0 auto;margin:0 0 0 auto}
  .pulse-main>div{min-width:0}
}
@media(max-width:1024px){
  .network-choice{width:44px;height:44px;min-width:44px;min-height:44px;padding:0}
}
/* The terminal stays dark, including output styled by the retained lab sheet. */
.lab-terminal .lab-terminal-entry pre{color:#b8d6a3!important}
.lab-terminal .terminal-command-echo{color:#d4e8c1}
.lab-terminal-title>span:last-child{color:#acc98e}