/* ==========================================================
 * KiwiTut Paths catalogue stylesheet.
 * Source of truth: website/images/page-paths.php (verbatim).
 * Scoped to '#kiwitut-page.kt-paths'; simulator card rules untouched.
 * ========================================================== */

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

/* Content shell: full width, transparent */
body:has(#kiwitut-page.kt-paths) .neve-main,body:has(#kiwitut-page.kt-paths) #content,body:has(#kiwitut-page.kt-paths) .single-page-container,body:has(#kiwitut-page.kt-paths) .nv-single-page-wrap,body:has(#kiwitut-page.kt-paths) .nv-content-wrap,body:has(#kiwitut-page.kt-paths) .entry-content,body:has(#kiwitut-page.kt-paths) article.type-page,body:has(#kiwitut-page.kt-paths) .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-paths) .neve-main .container,body:has(#kiwitut-page.kt-paths) .neve-main .row{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}

/* Body canvas identical to the standalone template */
body.kiwitut-home,body:has(#kiwitut-page.kt-paths){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.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;-webkit-font-smoothing:antialiased!important}

#kiwitut-page.kt-paths{min-height:100vh}
#kiwitut-page.kt-paths button{appearance:none;-webkit-appearance:none;margin:0}
/* Page canvas */
body:has(#kiwitut-page.kt-paths){margin:0!important;padding:0!important;background:#05070d!important;color:#edf5ff!important;font:16px/1.7 system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif!important;-webkit-font-smoothing:antialiased!important}
#kiwitut-page.kt-paths{min-height:100vh}


		:root{--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}#kiwitut-page.kt-paths{margin:0;background:var(--kt-bg);color:var(--kt-text);font:16px/1.7 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}#kiwitut-page.kt-paths{background:none;-webkit-text-fill-color:initial}#kiwitut-page.kt-paths{min-height:100vh;background:radial-gradient(900px 500px at 78% 0,rgba(54,167,255,.1),transparent 65%),var(--kt-bg)}#kiwitut-page.kt-paths: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%)}#kiwitut-page.kt-paths .kt-paths-shell{position:relative;width:calc(100% - 48px);max-width:1160px;margin:0 auto}#kiwitut-page.kt-paths .kt-paths-nav{border-bottom:1px solid var(--kt-line);background:rgba(5,7,13,.94)}#kiwitut-page.kt-paths .kt-paths-nav-inner{display:flex;align-items:center;gap:28px;min-height:68px}#kiwitut-page.kt-paths .kt-paths-brand{font-weight:800;letter-spacing:.15em;color:#fff;text-decoration:none}#kiwitut-page.kt-paths .kt-paths-brand span{color:var(--kt-cyan)}#kiwitut-page.kt-paths .kt-paths-nav-links{display:flex;gap:24px;margin-left:auto;color:var(--kt-muted);font-size:13px}#kiwitut-page.kt-paths .kt-paths-nav-links a{color:inherit;text-decoration:none}#kiwitut-page.kt-paths .kt-paths-nav-links a:hover{color:#fff}#kiwitut-page.kt-paths .kt-paths-main{padding:82px 0 96px}#kiwitut-page.kt-paths .kt-paths-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-paths .kt-paths-kicker:before{content:"";width:25px;height:2px;background:var(--kt-teal)}#kiwitut-page.kt-paths .kt-paths-main h1{max-width:800px;margin:20px 0 14px;color:#fff;font-size:clamp(2.5rem,6vw,4.8rem);line-height:1.02;letter-spacing:-.05em}#kiwitut-page.kt-paths .kt-paths-main h1 em{color:var(--kt-cyan);font-style:normal}#kiwitut-page.kt-paths .kt-paths-lede{max-width:720px;color:var(--kt-muted);font-size:20px}#kiwitut-page.kt-paths .kt-paths-meta{margin:28px 0 52px;color:var(--kt-dim);font:11px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}#kiwitut-page.kt-paths .kt-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#kiwitut-page.kt-paths .kt-path-card{display:block;min-height:210px;padding:28px;border:1px solid var(--kt-line);background:linear-gradient(145deg,rgba(13,23,35,.96),rgba(7,12,20,.96));color:inherit;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}#kiwitut-page.kt-paths .kt-path-card:hover{transform:translateY(-3px);border-color:rgba(60,233,200,.6);box-shadow:0 20px 44px rgba(0,0,0,.3)}#kiwitut-page.kt-paths .kt-path-card.beta{border-color:rgba(255,138,43,.42);background:linear-gradient(145deg,rgba(37,25,18,.9),rgba(9,14,22,.96))}#kiwitut-page.kt-paths .kt-path-index{display:block;margin-bottom:18px;color:var(--kt-teal);font:700 12px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em}#kiwitut-page.kt-paths .kt-path-card h2{margin:0 0 10px;color:#fff;font-size:22px;line-height:1.2}#kiwitut-page.kt-paths .kt-path-card p{margin:0;color:var(--kt-muted);font-size:15px}#kiwitut-page.kt-paths .kt-path-status{display:block;margin-top:13px;color:#ffb06d;font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}#kiwitut-page.kt-paths .kt-path-action{display:block;margin-top:20px;color:var(--kt-cyan);font:700 12px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}#kiwitut-page.kt-paths .kt-path-footer{border-top:1px solid var(--kt-line);padding:42px 0 28px;background:#04060b}#kiwitut-page.kt-paths .kt-path-footer-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:28px}#kiwitut-page.kt-paths .kt-path-footer h2{margin:0 0 8px;font-size:18px;letter-spacing:.12em}#kiwitut-page.kt-paths .kt-path-footer p,#kiwitut-page.kt-paths .kt-path-footer a{color:var(--kt-dim);font-size:13px}#kiwitut-page.kt-paths .kt-path-footer h3{margin:0 0 8px;color:var(--kt-muted);font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}#kiwitut-page.kt-paths .kt-path-footer a{display:block;padding:2px 0;text-decoration:none}#kiwitut-page.kt-paths .kt-path-footer a:hover{color:#fff}#kiwitut-page.kt-paths .kt-path-footer-bottom{grid-column:1/-1;padding-top:18px;border-top:1px solid var(--kt-line);color:#607a98;font-size:11px}@media(max-width:700px){#kiwitut-page.kt-paths .kt-paths-shell{width:calc(100% - 32px)}#kiwitut-page.kt-paths .kt-paths-nav-links{display:none}#kiwitut-page.kt-paths .kt-paths-main{padding:58px 0 68px}#kiwitut-page.kt-paths .kt-paths-lede{font-size:17px}#kiwitut-page.kt-paths .kt-path-grid,#kiwitut-page.kt-paths .kt-path-footer-grid{grid-template-columns:1fr}#kiwitut-page.kt-paths .kt-path-card{min-height:0;padding:22px}#kiwitut-page.kt-paths .kt-path-footer-bottom{grid-column:auto}}

/* ==========================================================
 * Catalogue upgrade - operational path panels (cards 02-05).
 * Card 01 (FortiGate Simulator) styling above remains EXACTLY
 * as shipped by the reference template.
 * ========================================================== */
#kiwitut-page .kt-path-card{display:flex;flex-direction:column}
#kiwitut-page .kt-path-domains{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 4px}
#kiwitut-page .kt-path-domain{padding:5px 10px;border:1px solid rgba(82,226,255,.28);border-radius:999px;background:rgba(82,226,255,.06);color:var(--kt-cyan);font:600 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
#kiwitut-page .kt-path-outcome{margin-top:auto;padding-top:16px;border-top:1px solid var(--kt-line);color:var(--kt-muted);font-size:14px;line-height:1.55}
#kiwitut-page .kt-path-outcome b{color:var(--kt-teal);font-weight:700}
#kiwitut-page .kt-path-card .kt-path-action{margin-top:14px}
#kiwitut-page .kt-path-card:hover .kt-path-action{text-decoration:none}
#kiwitut-page .kt-path-card-pro{justify-content:flex-start}
#kiwitut-page .kt-path-card-pro:hover{transform:translateY(-4px)}
#kiwitut-page .kt-path-card .kt-path-status.free{color:#5eead4}
#kiwitut-page .kt-paths-note{margin:18px 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-paths-note b{color:var(--kt-teal);font-weight:700}#kiwitut-page.kt-paths .kt-paths-group{margin-top:46px}#kiwitut-page.kt-paths .kt-paths-group-title{margin:0;color:#fff;font-size:18px;letter-spacing:.02em}#kiwitut-page.kt-paths .kt-paths-group-title:before{content:"";width:26px;height:2px;background:var(--kt-cyan)}#kiwitut-page.kt-paths .kt-paths-group-lead{margin:10px 0 22px;color:var(--kt-muted);font-size:14px;max-width:760px}#kiwitut-page.kt-paths .kt-paths-group.beta{margin-top:60px;padding:24px;border:1px solid rgba(255,138,43,.32);background:linear-gradient(145deg,rgba(37,25,18,.55),rgba(9,14,22,.35))}#kiwitut-page.kt-paths .kt-paths-group.beta .kt-paths-group-title:before{background:var(--kt-orange)}#kiwitut-page.kt-paths .kt-paths-group.beta .kt-paths-group-lead{color:var(--kt-dim)}
