/* ==========================================================
 * KiwiTut Fundamental Networking (learning) stylesheet.
 * Scoped to '#kiwitut-page.kt-learning'; tokens match paths.css.
 * ========================================================== */

/* Theme chrome off - the design ships its own nav and footer */
body:has(#kiwitut-page.kt-learning) #masthead,body:has(#kiwitut-page.kt-learning) .site-header,body:has(#kiwitut-page.kt-learning) header.header,body:has(#kiwitut-page.kt-learning) .hfg_header,body:has(#kiwitut-page.kt-learning) #header-grid,body:has(#kiwitut-page.kt-learning) .nv-navbar,body:has(#kiwitut-page.kt-learning) .header--row,body:has(#kiwitut-page.kt-learning) #colophon,body:has(#kiwitut-page.kt-learning) .site-footer,body:has(#kiwitut-page.kt-learning) footer.footer,body:has(#kiwitut-page.kt-learning) .hfg_footer,body:has(#kiwitut-page.kt-learning) #footer-grid,body:has(#kiwitut-page.kt-learning) .footer--row,body:has(#kiwitut-page.kt-learning) .nv-breadcrumbs,body:has(#kiwitut-page.kt-learning) .nv-page-title-wrap,body:has(#kiwitut-page.kt-learning) .page-header,body:has(#kiwitut-page.kt-learning) .comments-area,body:has(#kiwitut-page.kt-learning) .nv-sidebar-wrap{display:none!important}

/* Content shell: full width, transparent */
body:has(#kiwitut-page.kt-learning) .neve-main,body:has(#kiwitut-page.kt-learning) #content,body:has(#kiwitut-page.kt-learning) .single-page-container,body:has(#kiwitut-page.kt-learning) .nv-single-page-wrap,body:has(#kiwitut-page.kt-learning) .nv-content-wrap,body:has(#kiwitut-page.kt-learning) .entry-content,body:has(#kiwitut-page.kt-learning) article.type-page,body:has(#kiwitut-page.kt-learning) .wp-block-html{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
body:has(#kiwitut-page.kt-learning) .neve-main .container,body:has(#kiwitut-page.kt-learning) .neve-main .row{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}

/* Body canvas identical to the standalone templates */
body:has(#kiwitut-page.kt-learning){width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow-x:hidden!important;background:#05070d!important;color:#f4f9ff!important;font:16px/1.7 system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif!important;-webkit-font-smoothing:antialiased!important}

/* Design tokens (same palette as Paths / homepage v2) */
#kiwitut-page.kt-learning{--kt-bg:#05070d;--kt-panel:#0a1019;--kt-panel2:#0d1723;--kt-line:rgba(148,190,235,.2);--kt-text:#edf5ff;--kt-muted:#a9bfd8;--kt-dim:#7893b1;--kt-cyan:#52e2ff;--kt-teal:#3ce9c8;--kt-orange:#ff8a2b;margin:0;background:var(--kt-bg);color:var(--kt-text);min-height:100vh;font:16px/1.7 system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}
#kiwitut-page.kt-learning{background:radial-gradient(900px 500px at 78% 0,rgba(54,167,255,.1),transparent 65%),var(--kt-bg)}
#kiwitut-page.kt-learning:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.35;background-image:linear-gradient(rgba(125,180,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(125,180,255,.06) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 75%)}

/* Shell */
#kiwitut-page.kt-learning .kt-learning-shell{position:relative;width:calc(100% - 48px);max-width:1160px;margin:0 auto}

/* Nav */
#kiwitut-page.kt-learning .kt-learning-nav{border-bottom:1px solid var(--kt-line);background:rgba(5,7,13,.94)}
#kiwitut-page.kt-learning .kt-learning-nav-inner{display:flex;align-items:center;gap:28px;min-height:68px}
#kiwitut-page.kt-learning .kt-learning-brand{font-weight:800;letter-spacing:.15em;color:#fff;text-decoration:none}
#kiwitut-page.kt-learning .kt-learning-brand span{color:var(--kt-cyan)}
#kiwitut-page.kt-learning .kt-learning-nav-links{display:flex;gap:24px;margin-left:auto;color:var(--kt-muted);font-size:13px}
#kiwitut-page.kt-learning .kt-learning-nav-links a{color:inherit;text-decoration:none}
#kiwitut-page.kt-learning .kt-learning-nav-links a:hover{color:#fff}
#kiwitut-page.kt-learning .kt-learning-nav-links a.is-active{color:var(--kt-teal)}
#kiwitut-page.kt-learning .kt-learning-nav-cta{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:var(--kt-orange);color:#05070d;font:700 12px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em;text-decoration:none}

/* Main / hero */
#kiwitut-page.kt-learning .kt-learning-main{padding:82px 0 96px}
#kiwitut-page.kt-learning .kt-learning-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--kt-teal);font:700 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em;text-transform:uppercase}
#kiwitut-page.kt-learning .kt-learning-kicker:before{content:"";width:25px;height:2px;background:var(--kt-teal)}
#kiwitut-page.kt-learning .kt-learning-main h1{margin:18px 0 0;color:#fff;font-size:clamp(38px,6vw,64px);line-height:1.05;letter-spacing:-.02em;font-weight:800}
#kiwitut-page.kt-learning .kt-learning-main h1 em{color:var(--kt-cyan);font-style:normal}
#kiwitut-page.kt-learning .kt-learning-lede{margin:20px 0 0;color:var(--kt-muted);font-size:19px;line-height:1.6;max-width:760px}
#kiwitut-page.kt-learning .kt-learning-meta{margin:14px 0 0;color:var(--kt-dim);font:500 12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}
#kiwitut-page.kt-learning .kt-learning-note{margin:26px 0 0;padding:13px 16px;border:1px solid rgba(60,233,200,.35);border-left:3px solid var(--kt-teal);background:rgba(60,233,200,.06);color:var(--kt-muted);font-size:14px;line-height:1.55}
#kiwitut-page.kt-learning .kt-learning-note b{color:var(--kt-teal);font-weight:700}

/* Module grid */
#kiwitut-page.kt-learning .kt-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
#kiwitut-page.kt-learning .kt-module-card{position:relative;display:flex;flex-direction:column;padding:20px;border:1px solid var(--kt-line);border-radius:14px;background:linear-gradient(180deg,rgba(13,23,35,.7),rgba(10,16,25,.55));min-height:176px}
#kiwitut-page.kt-learning .kt-module-card:hover{transform:translateY(-3px);border-color:rgba(82,226,255,.4)}
#kiwitut-page.kt-learning .kt-module-index{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(82,226,255,.35);border-radius:10px;background:rgba(82,226,255,.07);color:var(--kt-cyan);font:700 13px/1 ui-monospace,SFMono-Regular,Consolas,monospace}
#kiwitut-page.kt-learning .kt-module-card h2{margin:14px 0 0;color:#fff;font-size:16px;font-weight:700;line-height:1.35}
#kiwitut-page.kt-learning .kt-module-card p{margin:8px 0 0;color:var(--kt-muted);font-size:13.5px;line-height:1.55}
#kiwitut-page.kt-learning .kt-module-status{margin-top:auto;padding-top:16px;align-self:flex-start;color:var(--kt-dim);font:700 10.5px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}
#kiwitut-page.kt-learning .kt-module-status.ready{color:var(--kt-teal);padding:6px 11px;border:1px solid rgba(60,233,200,.4);border-radius:999px;background:rgba(60,233,200,.07)}
#kiwitut-page.kt-learning .kt-module-caption{margin-top:10px;color:var(--kt-dim);font-size:12px;line-height:1.45}
#kiwitut-page.kt-learning a.kt-module-card{color:inherit;text-decoration:none;cursor:pointer}
#kiwitut-page.kt-learning .kt-module-card .kt-module-status.ready{margin-top:14px}
#kiwitut-page.kt-learning a.kt-module-card .kt-module-cta{margin-top:10px;align-self:flex-start;color:var(--kt-cyan);font:600 13px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.02em;text-transform:uppercase}
#kiwitut-page.kt-learning a.kt-module-card:hover .kt-module-cta{color:#fff}

/* Onward strip */
#kiwitut-page.kt-learning .kt-learning-onward{margin-top:44px;padding:22px 0 0;border-top:1px solid var(--kt-line);display:flex;align-items:center;gap:18px;flex-wrap:wrap}
#kiwitut-page.kt-learning .kt-learning-onward-label{color:var(--kt-dim);font:700 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase}
#kiwitut-page.kt-learning .kt-learning-onward-steps{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--kt-teal);font:600 13px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}
#kiwitut-page.kt-learning .kt-learning-onward-steps b{color:var(--kt-teal);font-weight:600}
#kiwitut-page.kt-learning .kt-learning-onward-steps span{color:var(--kt-dim)}
#kiwitut-page.kt-learning .kt-learning-onward-end{padding:7px 13px;border:1px solid rgba(255,138,43,.45);border-radius:999px;background:rgba(255,138,43,.08);color:var(--kt-orange);font:700 12px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}

/* Footer */
#kiwitut-page.kt-learning .kt-learning-footer{border-top:1px solid var(--kt-line);background:rgba(5,7,13,.94)}
#kiwitut-page.kt-learning .kt-learning-footer-grid{display:flex;gap:40px;flex-wrap:wrap;padding:34px 0 26px}
#kiwitut-page.kt-learning .kt-learning-footer h2{margin:0;color:#fff;font-size:15px;letter-spacing:.16em;font-weight:800}
#kiwitut-page.kt-learning .kt-learning-footer p{margin:10px 0 0;color:var(--kt-dim);font-size:13px;line-height:1.6}
#kiwitut-page.kt-learning .kt-learning-footer h3{margin:0 0 8px;color:var(--kt-muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
#kiwitut-page.kt-learning .kt-learning-footer a{display:block;padding:3px 0;color:var(--kt-muted);font-size:13px;text-decoration:none}
#kiwitut-page.kt-learning .kt-learning-footer a:hover{color:#fff}
#kiwitut-page.kt-learning .kt-learning-footer-bottom{width:100%;margin-top:20px;color:var(--kt-dim);font-size:12px}

/* Responsive */
@media (max-width:980px){
	#kiwitut-page.kt-learning .kt-module-grid{grid-template-columns:repeat(2,1fr)}
	#kiwitut-page.kt-learning .kt-learning-onward{flex-direction:column;align-items:flex-start}
}
@media (max-width:600px){
	#kiwitut-page.kt-learning .kt-module-grid{grid-template-columns:1fr}
	#kiwitut-page.kt-learning .kt-learning-nav-links{gap:16px;font-size:12px}
	#kiwitut-page.kt-learning .kt-learning-nav-inner{flex-wrap:wrap;padding:14px 0}
	#kiwitut-page.kt-learning .kt-learning-nav-cta{display:none}
	#kiwitut-page.kt-learning .kt-learning-shell{width:calc(100% - 36px)}
	#kiwitut-page.kt-learning .kt-learning-main{padding:54px 0 64px}
	#kiwitut-page.kt-learning .kt-learning-lede{font-size:17px}
}