:root {
            --dark-bg: var(--slake-bg);
            --accent-blue: var(--slake-blue);
            --accent-white: var(--slake-text);
            --border-dim: var(--slake-border);
            --header-height: 88px;
        }

        body.page-scoutlocal {
            background-color: var(--slake-bg);
            transition: background-color 0.3s ease, color 0.3s ease;
            color: var(--slake-subtext);
            font-family: 'Inter', sans-serif;
            overflow-x: hidden;
        }

        .container { position: relative; z-index: 1; }


        .hero h1 {
            font-family: 'Inter', sans-serif;
            font-size: clamp(2.8rem, 7vw, 5rem);
            font-weight: 950;
            line-height: 0.95;
            color: var(--slake-text);
            margin-bottom: 1.5rem;
            letter-spacing: -0.04em;
        }

        .hero .subtitle {
            font-size: clamp(1.05rem, 2vw, 1.25rem);
            color: var(--slake-subtext);
            max-width: 720px;
            margin: 0 auto 3rem;
            line-height: 1.65;
            font-family: 'Inter', sans-serif;
        }

        .stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 2rem;
            margin: 4rem 0;
            border-top: 1px solid var(--border-dim);
            border-bottom: 1px solid var(--border-dim);
            padding: 3rem 0;
        }

        .stat-item h3 {
            font-family: 'DM Mono', monospace;
            font-size: 2.5rem;
            font-weight: 900;
            color: var(--accent-blue);
            margin-bottom: 0.5rem;
        }

        .stat-item p {
            color: var(--slake-subtext);
            font-size: 0.7rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-weight: 700;
            font-family: 'DM Mono', monospace;
        }

        .section-title {
            font-family: 'DM Mono', monospace;
            font-size: 1.25rem;
            font-weight: 800;
            color: var(--accent-blue);
            margin-bottom: 1.5rem;
            display: flex;
            align-items: center;
            gap: 1rem;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

        .content-card {
            background: rgba(255, 255, 255, 0.01);
            border: 1px solid var(--border-dim);
            border-radius: 0;
            padding: 2.5rem;
            margin-bottom: 2rem;
        }

        .code-block {
            background: #1E293B;
            border: 1px solid var(--border-dim);
            border-radius: 0;
            padding: 1.5rem;
            font-family: 'DM Mono', monospace;
            font-size: 0.85rem;
            line-height: 1.6;
            color: #E2E8F0 !important;
            overflow-x: auto;
            margin: 1.5rem 0;
            position: relative;
        }

        .code-title {
            position: absolute;
            top: 0;
            right: 0;
            background: #334155;
            color: #E2E8F0 !important;
            padding: 0.25rem 0.75rem;
            font-size: 0.65rem;
            font-weight: 600;
            font-family: 'DM Mono', monospace;
        }

        .keyword { color: #93C5FD; }
        .function { color: #60A5FA; }
        .string { color: #34D399; }
        .comment { color: #CBD5E1; font-style: italic; }
        html.light-mode body.page-scoutlocal .code-block {
            background: #1E293B;
            color: #E2E8F0;
        }
        html.light-mode body.page-scoutlocal .code-block .keyword { color: #93C5FD; }
        html.light-mode body.page-scoutlocal .code-block .string { color: #34D399; }
        html.light-mode body.page-scoutlocal .code-block .comment { color: #CBD5E1; }
        html.light-mode body.page-scoutlocal .code-block .function { color: #60A5FA; }
        html.light-mode body.page-scoutlocal .code-block .number { color: #F472B6; }

        

        
    
        
        
        @media (max-width: 480px) {
            * {
                box-sizing: border-box;
            }
            body.page-scoutlocal {
                overflow-x: hidden;
                width: 100%;
                position: relative;
            }
            .container, .hero-container, .hero-new .container {
                padding-left: 1rem;
                padding-right: 1rem;
                width: 100%;
                max-width: 100%;
            }
            .form-card {
                padding: 1.25rem;
                margin-left: 0;
                margin-right: 0;
                width: 100%;
            }
            .page-scoutlocal input, .page-scoutlocal textarea {
                width: 100%;
                max-width: 100%;
                font-size: 16px;
            }
            
            /* Header CTA Jamming Fix */
            #cta-snapshot {
                display: none; /* Hide header CTA on very narrow mobile to prevent jamming */
            }
        }

        /* Vertical Rhythm Lockdown: Margin between CTA and Footer */
        .section, .container {
            padding-bottom: 2rem;
        }
.page-work .content-style-127c910a { padding: 4.5rem 0; border-top: 1px solid var(--slake-border); background: var(--slake-panel); }
.page-work .content-style-c284a74c { max-width: 1000px; margin: 0 auto; padding: 0 1.5rem; }
.page-work .content-style-7ec1fb78 { display: flex; gap: 1.5rem; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom: 2.5rem; opacity: 0.9; letter-spacing: 0.05em; text-transform: uppercase; }
.page-work .content-style-dfd090eb { color: var(--slake-subtext); font-family: var(--font-mono); font-size: 0.85rem; }
.page-work .content-style-ee31a494 { margin-right:0.5rem; color: #61DAFB; }
.page-work .content-style-1581830f { margin-right:0.5rem; color: #E0234E; }
.page-work .content-style-14db1515 { margin-right:0.5rem; color: #336791; }
.page-work .content-style-364cdfae { margin-right:0.5rem; color: #0078D4; }
.page-work .content-style-af09f0ea { margin-right:0.5rem; color: var(--slake-text); }
.page-work .content-style-6b9eef25 { max-width: 850px; margin: 0 auto 3.5rem; }
.page-work .content-style-b57afc0a { margin-bottom: 0.75rem; }
.page-work .content-style-4ccba128 { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.25rem; }
.page-work .content-style-ba40db1b { color: var(--slake-subtext); font-size: 0.95rem; display: flex; gap: 0.5rem; align-items: flex-start; }
.page-work .content-style-9a0db5b0 { color: #10B981; margin-top: 3px; }
.page-work .content-style-b8472b1c { text-align: center; margin-bottom: 1.5rem; }
.page-work .content-style-efd0a566 { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1.5rem; }
.page-work .content-style-72a68ac3 { text-align: center; }
.page-work .content-style-0d1929c0 { font-size: 2.25rem; font-weight: 900; color: var(--slake-blue); font-family: var(--font-mono); margin-bottom: 0.5rem; }
.page-work .content-style-5853f099 { font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; color: var(--slake-text); margin-bottom: 0.5rem; }
.page-work .content-style-60092ec0 { font-size: 0.85rem; color: var(--slake-subtext); line-height: 1.5; margin: 0; }
.page-work .content-style-7a5c5ade { max-width: 850px; margin: 0 auto; }
.page-work .content-style-182fc1d2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.5rem; }
.page-work .content-style-7900f857 { color: var(--slake-blue); font-size: 1.5rem; margin-bottom: 1rem; }
.page-work .content-style-a8123de4 { font-size: 1.1rem; color: var(--slake-text); margin: 0 0 0.5rem; }
.page-work .content-style-7a51bb50 { color: var(--slake-subtext); font-size: 0.92rem; line-height: 1.55; margin: 0; }
.page-work .content-style-af0f853c { color: #10B981; font-size: 1.5rem; margin-bottom: 1rem; }
.page-work .content-style-77da2d3d { color: #F43F5E; font-size: 1.5rem; margin-bottom: 1rem; }
.page-work .content-style-3c2d80c9 { padding: 4.5rem 0; border-top: 1px solid var(--slake-border); background: var(--slake-bg); }
.page-work .content-style-8f8fc48e { text-align: left; max-width: none; margin-bottom: 2.5rem; }
.page-work .content-style-9be3143f { margin-bottom: 3rem; }
.page-work .content-style-fd877d5e { font-size: 1.05rem; line-height: 1.65; color: var(--slake-text); margin-bottom: 1rem; }
.page-work .content-style-0cc0e70e { background: var(--slake-card); padding: 1.25rem 1.5rem; border-left: 3px solid var(--slake-blue); margin: 1.5rem 0; }
.page-work .content-style-82588a5c { color: var(--slake-text); display: block; margin-bottom: 0.35rem; font-family: var(--font-mono); font-size: 0.82rem; text-transform: uppercase; }
.page-work .content-style-ca4230a3 { color: var(--slake-subtext); font-size: 1rem; line-height: 1.6; }
.page-work .content-style-8842f4b8 { font-size: 1.05rem; line-height: 1.65; color: var(--slake-text); margin-bottom: 1.5rem; }
.page-work .content-style-1ec68bfa { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; margin: 1.5rem 0; }
.page-work .content-style-ba8bfc2f { padding: 1.25rem; }
.page-work .content-style-78227971 { display: block; color: var(--slake-blue); font-family: var(--font-mono); font-size: 0.78rem; margin-bottom: 0.35rem; }
.page-work .content-style-d21770e9 { font-size: 0.92rem; color: var(--slake-text); font-weight: 700; display: block; margin-bottom: 0.25rem; }
.page-work .content-style-c1b7e5ba { font-size: 0.82rem; color: var(--slake-subtext); }
.page-work .content-style-d7249a69 { margin-top: 1.5rem; background: var(--slake-card); border-left: 3px solid #10B981; padding: 1.25rem 1.5rem; }
.page-work .content-style-112fd9e1 { color: var(--slake-subtext); font-size: 0.95rem; line-height: 1.6; }
.page-work .content-style-0d7e8572 { font-size: 1.05rem; line-height: 1.65; color: var(--slake-subtext); margin-bottom: 2rem; }
.page-work .content-style-6964aa05 { color: var(--slake-text); font-family: var(--font-mono); font-size: 0.95rem; margin: 0 0 0.75rem; }
.page-work .content-style-24634c73 { color: var(--slake-text); font-family: var(--font-mono); font-size: 0.95rem; margin: 1.5rem 0 0.75rem; }
.page-work .content-style-e92ce31e { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; }
.page-work .content-style-dac09bec { color: var(--slake-text); font-size: 1.35rem; font-weight: 800; margin-bottom: 0.75rem; }
.page-work .content-style-fa9e853e { color: var(--slake-subtext); font-size: 0.95rem; line-height: 1.6; margin-bottom: 1.5rem; }
.page-work .content-style-66fac677 { list-style: none; padding: 0; color: var(--slake-subtext); margin-bottom: 2rem; line-height: 1.8; font-size: 0.9rem; }
.page-work .content-style-5aac4e20 { color: #10B981; margin-right: 0.5rem; }
.page-work .content-style-942dd160 { display: flex; text-align: center; justify-content: center; }
.page-work .content-style-c696183c { color: var(--slake-text); font-size: 1.35rem; font-weight: 800; margin-bottom: 0.25rem; }
.page-work .content-style-c1cef10e { color: var(--slake-blue); font-family: var(--font-mono); font-size: 1.1rem; font-weight: 800; margin-bottom: 1rem; }
.page-work .content-style-0de633fa { font-size: 0.8rem; color: var(--slake-subtext); font-weight: 400; }
.page-work .content-style-53ddd280 { color: var(--slake-blue); margin-right: 0.5rem; }
.page-work .content-style-09f9b349 { margin-left: 6px; }