/* ============================================================================
   VIDEOTRONICMAKER.COM — SITE-WIDE TECHNICAL SKETCHBOOK STYLESHEET (vtm-site.css)
   Unified Hand-Drafted Chalkboard & Colored-Pencil CAD Aesthetic Across All 44 Pages
   With Page-Specific Technical Variations (Sheet Themes, Hatch Angles & Callouts)
   ============================================================================ */

:root {
    --sketch-bg: #040914;
    --sketch-surface: #081426;
    --sketch-card: #0c1e34;
    --sketch-line: #152c4a;
    --sketch-linebright: #234a78;
    --sketch-chalk: rgba(216, 222, 233, 0.78);
    --sketch-chalk-strong: rgba(236, 240, 246, 0.94);
    --sketch-chalk-dim: rgba(216, 222, 233, 0.26);
    --sketch-orange: #db7a31;
    --sketch-amber: #eda63b;
    --sketch-blue: #2d8bea;
    --sketch-navy: #003974;
    --sketch-emerald: #1f844a;
    --sketch-seafoam: #46a568;
    --sketch-forest: #00471b;

    /* Legacy variable mapping so Tailwind & subpage inline styles inherit VTM Brand & Deep Navy palette */
    --vtm-blue: #003974;
    --vtm-bluelight: #2d8bea;
    --vtm-cyan: #2d8bea;
    --vtm-orange: #db7a31;
    --vtm-copper: #eda63b;
    --vtm-green: #46a568;
    --vtm-obsidian: #040914;
    --vtm-surface: #081426;
    --vtm-card: #0c1e34;
    --vtm-line: #152c4a;
    --vtm-linebright: #234a78;

    /* Dynamic Sheet Accent (Overridden per page variation) */
    --sheet-accent: #db7a31;
    --sheet-accent-secondary: #2d8bea;
    --sheet-hatch-rgba: rgba(45, 139, 234, 0.22);
}

/* ============================================================================
   SYSTEM-WIDE BRAND COLOR THEME ARCHITECTURE ACROSS ALL 10 DOCK GROUPS
   Grounded strictly in the Official 7-Color VTM Palette (GEMINI.md Rule 6)
   ============================================================================ */

/* 1. STORE GROUP (Spot 1 // VTM Brand Blue & Deep Navy) */
body[data-sketch-sheet="store"] .vtm-dock-cell[href*="store"].active-mode .vtm-chalk-frame,
body[data-sketch-sheet="store"] .vtm-dock-cell[href*="store"][data-active="true"] .vtm-chalk-frame {
    background: rgba(0, 37, 74, 0.95) !important; border-color: #2d8bea !important; box-shadow: inset 0 0 16px rgba(45, 139, 234, 0.5), 0 0 14px rgba(45, 139, 234, 0.4) !important;
}
body[data-sketch-sheet="store"] .vtm-dock-cell[href*="store"].active-mode .vtm-chalk-frame::before,
body[data-sketch-sheet="store"] .vtm-dock-cell[href*="store"].active-mode .vtm-chalk-frame::after { background: #2d8bea !important; }

/* 2. TOOLS GROUP (Spot 3 // VTM Brand Green & Medium Green) */
body[data-sketch-sheet="tools"] {
    --sketch-bg: #02140a;
    --sketch-surface: #042111;
    --sketch-card: #073019;
    --sketch-line: #0e4a24;
    --sketch-linebright: #166f36;
    --sketch-accent: #1f844a;
    --sketch-accent-secondary: #46a568;
    --sheet-accent: #1f844a;
    --sheet-accent-secondary: #46a568;
    --sheet-hatch-rgba: rgba(31, 132, 74, 0.28);
    background-color: #02140a !important;
}
body[data-sketch-sheet="tools"] #vtm-main-site-header { background-color: #003614 !important; border-bottom: 1px solid #166f36 !important; }
body[data-sketch-sheet="tools"] #cad-ruler-x, body[data-sketch-sheet="tools"] #cad-ruler-y { background-color: #042111 !important; border-color: #0e4a24 !important; color: #46a568 !important; }
body[data-sketch-sheet="tools"] #ruler-needle-x, body[data-sketch-sheet="tools"] #ruler-needle-y { background-color: #1f844a !important; box-shadow: 0 0 8px #1f844a !important; }
body[data-sketch-sheet="tools"] #sketch-vision-reticle span { border-color: #1f844a !important; }
body[data-sketch-sheet="tools"] #sketch-vision-label { border-color: #1f844a !important; color: #46a568 !important; background-color: #02140a !important; }
body[data-sketch-sheet="tools"] #bottom-mode-dock { background-color: #042111 !important; border-top: 1px solid #0e4a24 !important; }
body[data-sketch-sheet="tools"] .vtm-title-block { background-color: #02140a !important; border-color: #166f36 !important; }
body[data-sketch-sheet="tools"] .vtm-title-block > div:first-child { color: #eda63b !important; border-color: #0e4a24 !important; }
body[data-sketch-sheet="tools"] .vtm-title-block span:first-child { color: #46a568 !important; }
body[data-sketch-sheet="tools"] .vtm-dock-cell[href*="tools"].active-mode .vtm-chalk-frame,
body[data-sketch-sheet="tools"] .vtm-dock-cell[href*="tools"][data-active="true"] .vtm-chalk-frame {
    background: rgba(0, 54, 20, 0.95) !important; border-color: #1f844a !important; box-shadow: inset 0 0 16px rgba(31, 132, 74, 0.5), 0 0 14px rgba(31, 132, 74, 0.4) !important;
}
body[data-sketch-sheet="tools"] .vtm-dock-cell[href*="tools"].active-mode .vtm-chalk-frame::before,
body[data-sketch-sheet="tools"] .vtm-dock-cell[href*="tools"].active-mode .vtm-chalk-frame::after { background: #1f844a !important; }
body[data-sketch-sheet="tools"] main header,
body[data-sketch-sheet="tools"] main header.rounded-2xl {
    background-color: rgba(4, 33, 17, 0.85) !important;
    background-image: linear-gradient(135deg, rgba(31, 132, 74, 0.85) 0%, rgba(14, 74, 36, 0.78) 50%, rgba(4, 33, 17, 0.9) 100%) !important;
    border: 1.5px solid #166f36 !important; box-shadow: inset 0 0 24px rgba(31, 132, 74, 0.35), 0 10px 25px -5px rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important;
}
body[data-sketch-sheet="tools"] main header.rounded-2xl::before,
body[data-sketch-sheet="tools"] main header.rounded-2xl::after { border-color: #46a568 !important; }
body[data-sketch-sheet="tools"] .bg-vtmcard { background-color: #042111 !important; border-color: #0e4a24 !important; }
body[data-sketch-sheet="tools"] .bg-vtmcard:hover { border-color: #166f36 !important; box-shadow: 0 0 16px rgba(31, 132, 74, 0.25) !important; }
body[data-sketch-sheet="tools"] .bg-vtmobsidian { background-color: #02140a !important; }
body[data-sketch-sheet="tools"] .border-vtmline { border-color: #0e4a24 !important; }
body[data-sketch-sheet="tools"] .border-vtmlinebright { border-color: #166f36 !important; }
body[data-sketch-sheet="tools"] #vtm-montage-backdrop {
    background-color: #02140a !important;
    background-image: radial-gradient(circle, rgba(31, 132, 74, 0.22) 1px, transparent 1px), linear-gradient(to right, rgba(14, 74, 36, 0.38) 1px, transparent 1px), linear-gradient(to bottom, rgba(14, 74, 36, 0.38) 1px, transparent 1px) !important;
}
body[data-sketch-sheet="tools"] .vtm-term-code { color: #46a568 !important; }

/* 3. SIMULATOR GROUP (Spot 5 // CRT Phosphor Medium Green & Forest Green) */
body[data-sketch-sheet="simulator"] {
    --sketch-bg: #021207;
    --sketch-surface: #051f0c;
    --sketch-card: #092c13;
    --sketch-line: #124220;
    --sketch-linebright: #1f6d35;
    --sketch-accent: #46a568;
    --sketch-accent-secondary: #00471b;
    --sheet-accent: #46a568;
    --sheet-accent-secondary: #00471b;
    --sheet-hatch-rgba: rgba(70, 165, 104, 0.28);
    background-color: #021207 !important;
}
body[data-sketch-sheet="simulator"] #vtm-main-site-header { background-color: #003311 !important; border-bottom: 1px solid #1f6d35 !important; }
body[data-sketch-sheet="simulator"] #cad-ruler-x, body[data-sketch-sheet="simulator"] #cad-ruler-y { background-color: #051f0c !important; border-color: #124220 !important; color: #46a568 !important; }
body[data-sketch-sheet="simulator"] #ruler-needle-x, body[data-sketch-sheet="simulator"] #ruler-needle-y { background-color: #46a568 !important; box-shadow: 0 0 8px #46a568 !important; }
body[data-sketch-sheet="simulator"] #sketch-vision-reticle span { border-color: #46a568 !important; }
body[data-sketch-sheet="simulator"] #sketch-vision-label { border-color: #46a568 !important; color: #46a568 !important; background-color: #021207 !important; }
body[data-sketch-sheet="simulator"] #bottom-mode-dock { background-color: #051f0c !important; border-top: 1px solid #124220 !important; }
body[data-sketch-sheet="simulator"] .vtm-title-block { background-color: #021207 !important; border-color: #1f6d35 !important; }
body[data-sketch-sheet="simulator"] .vtm-title-block > div:first-child { color: #eda63b !important; border-color: #124220 !important; }
body[data-sketch-sheet="simulator"] .vtm-title-block span:first-child { color: #46a568 !important; }
body[data-sketch-sheet="simulator"] .vtm-dock-cell[href*="simulators"].active-mode .vtm-chalk-frame,
body[data-sketch-sheet="simulator"] .vtm-dock-cell[href*="simulators"][data-active="true"] .vtm-chalk-frame {
    background: rgba(0, 51, 17, 0.95) !important; border-color: #46a568 !important; box-shadow: inset 0 0 16px rgba(70, 165, 104, 0.5), 0 0 14px rgba(70, 165, 104, 0.4) !important;
}
body[data-sketch-sheet="simulator"] .vtm-dock-cell[href*="simulators"].active-mode .vtm-chalk-frame::before,
body[data-sketch-sheet="simulator"] .vtm-dock-cell[href*="simulators"].active-mode .vtm-chalk-frame::after { background: #46a568 !important; }
body[data-sketch-sheet="simulator"] main header,
body[data-sketch-sheet="simulator"] main header.rounded-2xl {
    background-color: rgba(5, 31, 12, 0.85) !important;
    background-image: linear-gradient(135deg, rgba(70, 165, 104, 0.85) 0%, rgba(31, 109, 53, 0.78) 50%, rgba(2, 18, 7, 0.9) 100%) !important;
    border: 1.5px solid #1f6d35 !important; box-shadow: inset 0 0 24px rgba(70, 165, 104, 0.35), 0 10px 25px -5px rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important;
}
body[data-sketch-sheet="simulator"] main header.rounded-2xl::before,
body[data-sketch-sheet="simulator"] main header.rounded-2xl::after { border-color: #46a568 !important; }
body[data-sketch-sheet="simulator"] .bg-vtmcard { background-color: #051f0c !important; border-color: #124220 !important; }
body[data-sketch-sheet="simulator"] .bg-vtmcard:hover { border-color: #1f6d35 !important; box-shadow: 0 0 16px rgba(70, 165, 104, 0.25) !important; }
body[data-sketch-sheet="simulator"] .bg-vtmobsidian { background-color: #021207 !important; }
body[data-sketch-sheet="simulator"] .border-vtmline { border-color: #124220 !important; }
body[data-sketch-sheet="simulator"] .border-vtmlinebright { border-color: #1f6d35 !important; }
body[data-sketch-sheet="simulator"] #vtm-montage-backdrop {
    background-color: #021207 !important;
    background-image: radial-gradient(circle, rgba(70, 165, 104, 0.22) 1px, transparent 1px), linear-gradient(to right, rgba(18, 66, 32, 0.38) 1px, transparent 1px), linear-gradient(to bottom, rgba(18, 66, 32, 0.38) 1px, transparent 1px) !important;
}
body[data-sketch-sheet="simulator"] .vtm-term-code { color: #46a568 !important; }

/* 4. TUTORIALS GROUP (Spot 6 // VTM Bright Blue & Deep Navy) */
body[data-sketch-sheet="tutorials"] {
    --sketch-bg: #040c1a;
    --sketch-surface: #08162b;
    --sketch-card: #0d2242;
    --sketch-line: #163966;
    --sketch-linebright: #225799;
    --sketch-accent: #2d8bea;
    --sketch-accent-secondary: #003974;
    --sheet-accent: #2d8bea;
    --sheet-accent-secondary: #003974;
    --sheet-hatch-rgba: rgba(45, 139, 234, 0.28);
    background-color: #040c1a !important;
}
body[data-sketch-sheet="tutorials"] #vtm-main-site-header { background-color: #003974 !important; border-bottom: 1px solid #225799 !important; }
body[data-sketch-sheet="tutorials"] #cad-ruler-x, body[data-sketch-sheet="tutorials"] #cad-ruler-y { background-color: #08162b !important; border-color: #163966 !important; color: #2d8bea !important; }
body[data-sketch-sheet="tutorials"] #ruler-needle-x, body[data-sketch-sheet="tutorials"] #ruler-needle-y { background-color: #2d8bea !important; box-shadow: 0 0 8px #2d8bea !important; }
body[data-sketch-sheet="tutorials"] #sketch-vision-reticle span { border-color: #2d8bea !important; }
body[data-sketch-sheet="tutorials"] #sketch-vision-label { border-color: #2d8bea !important; color: #2d8bea !important; background-color: #040c1a !important; }
body[data-sketch-sheet="tutorials"] #bottom-mode-dock { background-color: #08162b !important; border-top: 1px solid #163966 !important; }
body[data-sketch-sheet="tutorials"] .vtm-title-block { background-color: #040c1a !important; border-color: #225799 !important; }
body[data-sketch-sheet="tutorials"] .vtm-title-block > div:first-child { color: #eda63b !important; border-color: #163966 !important; }
body[data-sketch-sheet="tutorials"] .vtm-title-block span:first-child { color: #2d8bea !important; }
body[data-sketch-sheet="tutorials"] .vtm-dock-cell[href*="tutorials"].active-mode .vtm-chalk-frame,
body[data-sketch-sheet="tutorials"] .vtm-dock-cell[href*="tutorials"][data-active="true"] .vtm-chalk-frame {
    background: rgba(0, 57, 116, 0.95) !important; border-color: #2d8bea !important; box-shadow: inset 0 0 16px rgba(45, 139, 234, 0.5), 0 0 14px rgba(45, 139, 234, 0.4) !important;
}
body[data-sketch-sheet="tutorials"] .vtm-dock-cell[href*="tutorials"].active-mode .vtm-chalk-frame::before,
body[data-sketch-sheet="tutorials"] .vtm-dock-cell[href*="tutorials"].active-mode .vtm-chalk-frame::after { background: #2d8bea !important; }
body[data-sketch-sheet="tutorials"] main header,
body[data-sketch-sheet="tutorials"] main header.rounded-2xl {
    background-color: rgba(8, 22, 43, 0.85) !important;
    background-image: linear-gradient(135deg, rgba(45, 139, 234, 0.85) 0%, rgba(13, 61, 117, 0.78) 50%, rgba(4, 12, 26, 0.9) 100%) !important;
    border: 1.5px solid #225799 !important; box-shadow: inset 0 0 24px rgba(45, 139, 234, 0.35), 0 10px 25px -5px rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important;
}
body[data-sketch-sheet="tutorials"] main header.rounded-2xl::before,
body[data-sketch-sheet="tutorials"] main header.rounded-2xl::after { border-color: #2d8bea !important; }
body[data-sketch-sheet="tutorials"] .bg-vtmcard { background-color: #08162b !important; border-color: #163966 !important; }
body[data-sketch-sheet="tutorials"] .bg-vtmcard:hover { border-color: #225799 !important; box-shadow: 0 0 16px rgba(45, 139, 234, 0.25) !important; }
body[data-sketch-sheet="tutorials"] .bg-vtmobsidian { background-color: #040c1a !important; }
body[data-sketch-sheet="tutorials"] .border-vtmline { border-color: #163966 !important; }
body[data-sketch-sheet="tutorials"] .border-vtmlinebright { border-color: #225799 !important; }
body[data-sketch-sheet="tutorials"] #vtm-montage-backdrop {
    background-color: #040c1a !important;
    background-image: radial-gradient(circle, rgba(45, 139, 234, 0.22) 1px, transparent 1px), linear-gradient(to right, rgba(22, 57, 102, 0.38) 1px, transparent 1px), linear-gradient(to bottom, rgba(22, 57, 102, 0.38) 1px, transparent 1px) !important;
}
body[data-sketch-sheet="tutorials"] .vtm-term-code { color: #2d8bea !important; }

/* 5. MEDIA & MAGAZINE GROUP (Spot 2 & Spot 7 // Warm Gold / Amber & Brand Orange) */
body[data-sketch-sheet="media"] {
    --sketch-bg: #0e0a04;
    --sketch-surface: #1a1306;
    --sketch-card: #261c09;
    --sketch-line: #4a3610;
    --sketch-linebright: #7a5a1a;
    --sketch-accent: #eda63b;
    --sketch-accent-secondary: #db7a31;
    --sheet-accent: #eda63b;
    --sheet-accent-secondary: #db7a31;
    --sheet-hatch-rgba: rgba(237, 166, 59, 0.28);
    background-color: #0e0a04 !important;
}
body[data-sketch-sheet="mag"] {
    --sketch-bg: #f4edd9;
    --sketch-surface: #f4edd9;
    --sketch-card: #f4edd9;
    --sketch-line: #4a3610;
    --sketch-linebright: #7a5a1a;
    --sketch-accent: #eda63b;
    --sketch-accent-secondary: #db7a31;
    --sheet-accent: #eda63b;
    --sheet-accent-secondary: #db7a31;
    --sheet-hatch-rgba: rgba(237, 166, 59, 0.28);
    background-color: #f4edd9 !important;
}
body[data-sketch-sheet="media"] #vtm-main-site-header { background-color: #301f05 !important; border-bottom: 1px solid #7a5a1a !important; }
body[data-sketch-sheet="media"] #cad-ruler-x, body[data-sketch-sheet="media"] #cad-ruler-y { background-color: #1a1306 !important; border-color: #4a3610 !important; color: #eda63b !important; }
body[data-sketch-sheet="media"] #ruler-needle-x, body[data-sketch-sheet="media"] #ruler-needle-y { background-color: #eda63b !important; box-shadow: 0 0 8px #eda63b !important; }

/* ── Mag Mode: Top Bar Flush at Top-0 (Zero Rulers) & Clean Margins ── */
body[data-sketch-sheet="mag"] #vtm-shell-top {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
}
body[data-sketch-sheet="mag"] #cad-ruler-x,
body[data-sketch-sheet="mag"] #cad-ruler-y,
body[data-sketch-sheet="mag"] #cad-ruler-spacer,
body[data-sketch-sheet="mag"] #ruler-needle-x,
body[data-sketch-sheet="mag"] #ruler-needle-y,
body[data-sketch-sheet="mag"] button[onclick*="toggleSiteDirectoryDrawer"],
body[data-sketch-sheet="mag"] a[title*="Brochure"] {
    display: none !important;
}
body[data-sketch-sheet="mag"] #vtm-main-site-header {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    padding-left: 0 !important;
    background-color: #003974 !important;
    border-bottom: 1px solid #234a78 !important;
}
body[data-sketch-sheet="mag"] #vtm-header-spacer {
    height: 48px !important;
}
body[data-sketch-sheet="mag"] #bottom-mode-dock {
    left: 0 !important;
    right: 0 !important;
}
body[data-sketch-sheet="media"] #sketch-vision-reticle span,
body[data-sketch-sheet="mag"] #sketch-vision-reticle span { border-color: #eda63b !important; }
body[data-sketch-sheet="media"] #sketch-vision-label,
body[data-sketch-sheet="mag"] #sketch-vision-label { border-color: #eda63b !important; color: #eda63b !important; background-color: #0e0a04 !important; }
body[data-sketch-sheet="media"] #bottom-mode-dock,
body[data-sketch-sheet="mag"] #bottom-mode-dock { background-color: #1a1306 !important; border-top: 1px solid #4a3610 !important; }
body[data-sketch-sheet="media"] .vtm-title-block,
body[data-sketch-sheet="mag"] .vtm-title-block { background-color: #0e0a04 !important; border-color: #7a5a1a !important; }
body[data-sketch-sheet="media"] .vtm-title-block > div:first-child,
body[data-sketch-sheet="mag"] .vtm-title-block > div:first-child { color: #eda63b !important; border-color: #4a3610 !important; }
body[data-sketch-sheet="media"] .vtm-title-block span:first-child,
body[data-sketch-sheet="mag"] .vtm-title-block span:first-child { color: #eda63b !important; }
body[data-sketch-sheet="media"] .vtm-dock-cell[href*="media"].active-mode .vtm-chalk-frame,
body[data-sketch-sheet="media"] .vtm-dock-cell[href*="media"][data-active="true"] .vtm-chalk-frame,
body[data-sketch-sheet="mag"] .vtm-dock-cell[href*="mag"].active-mode .vtm-chalk-frame,
body[data-sketch-sheet="mag"] .vtm-dock-cell[href*="mag"][data-active="true"] .vtm-chalk-frame {
    background: rgba(48, 31, 5, 0.95) !important; border-color: #eda63b !important; box-shadow: inset 0 0 16px rgba(237, 166, 59, 0.5), 0 0 14px rgba(237, 166, 59, 0.4) !important;
}
body[data-sketch-sheet="media"] .vtm-dock-cell[href*="media"].active-mode .vtm-chalk-frame::before,
body[data-sketch-sheet="media"] .vtm-dock-cell[href*="media"].active-mode .vtm-chalk-frame::after,
body[data-sketch-sheet="mag"] .vtm-dock-cell[href*="mag"].active-mode .vtm-chalk-frame::before,
body[data-sketch-sheet="mag"] .vtm-dock-cell[href*="mag"].active-mode .vtm-chalk-frame::after { background: #eda63b !important; }
body[data-sketch-sheet="media"] main header,
body[data-sketch-sheet="media"] main header.rounded-2xl,
body[data-sketch-sheet="mag"] main header,
body[data-sketch-sheet="mag"] main header.rounded-2xl {
    background-color: rgba(26, 19, 6, 0.85) !important;
    background-image: linear-gradient(135deg, rgba(237, 166, 59, 0.85) 0%, rgba(122, 90, 26, 0.78) 50%, rgba(14, 10, 4, 0.9) 100%) !important;
    border: 1.5px solid #7a5a1a !important; box-shadow: inset 0 0 24px rgba(237, 166, 59, 0.35), 0 10px 25px -5px rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important;
}
body[data-sketch-sheet="media"] main header.rounded-2xl::before,
body[data-sketch-sheet="media"] main header.rounded-2xl::after,
body[data-sketch-sheet="mag"] main header.rounded-2xl::before,
body[data-sketch-sheet="mag"] main header.rounded-2xl::after { border-color: #eda63b !important; }
body[data-sketch-sheet="media"] .bg-vtmcard, body[data-sketch-sheet="mag"] .bg-vtmcard { background-color: #1a1306 !important; border-color: #4a3610 !important; }
body[data-sketch-sheet="media"] .bg-vtmcard:hover, body[data-sketch-sheet="mag"] .bg-vtmcard:hover { border-color: #7a5a1a !important; box-shadow: 0 0 16px rgba(237, 166, 59, 0.25) !important; }
body[data-sketch-sheet="media"] .bg-vtmobsidian, body[data-sketch-sheet="mag"] .bg-vtmobsidian { background-color: #0e0a04 !important; }
body[data-sketch-sheet="media"] .border-vtmline, body[data-sketch-sheet="mag"] .border-vtmline { border-color: #4a3610 !important; }
body[data-sketch-sheet="media"] .border-vtmlinebright, body[data-sketch-sheet="mag"] .border-vtmlinebright { border-color: #7a5a1a !important; }
body[data-sketch-sheet="media"] #vtm-montage-backdrop,
body[data-sketch-sheet="mag"] #vtm-montage-backdrop {
    background-color: #0e0a04 !important;
    background-image: radial-gradient(circle, rgba(237, 166, 59, 0.22) 1px, transparent 1px), linear-gradient(to right, rgba(74, 54, 16, 0.38) 1px, transparent 1px), linear-gradient(to bottom, rgba(74, 54, 16, 0.38) 1px, transparent 1px) !important;
}
body[data-sketch-sheet="media"] .vtm-term-code,
body[data-sketch-sheet="mag"] .vtm-term-code { color: #eda63b !important; }

/* 6. LABS GROUP (Spot 8 // Experimental Medium Green & Brand Green) */
body[data-sketch-sheet="labs"] .vtm-dock-cell[href*="labs"].active-mode .vtm-chalk-frame,
body[data-sketch-sheet="labs"] .vtm-dock-cell[href*="labs"][data-active="true"] .vtm-chalk-frame {
    background: rgba(0, 56, 22, 0.95) !important; border-color: #46a568 !important; box-shadow: inset 0 0 16px rgba(70, 165, 104, 0.5), 0 0 14px rgba(70, 165, 104, 0.4) !important;
}
body[data-sketch-sheet="labs"] .vtm-dock-cell[href*="labs"].active-mode .vtm-chalk-frame::before,
body[data-sketch-sheet="labs"] .vtm-dock-cell[href*="labs"].active-mode .vtm-chalk-frame::after { background: #46a568 !important; }

/* 7. CONTACT & ABOUT GROUP (Spot 10 // Warm Gold / Amber & Brand Green) */
body[data-sketch-sheet="about"] {
    --sketch-bg: #0d0903;
    --sketch-surface: #161005;
    --sketch-card: #221808;
    --sketch-line: #42300c;
    --sketch-linebright: #6e4f16;
    --sketch-accent: #eda63b;
    --sketch-accent-secondary: #1f844a;
    --sheet-accent: #eda63b;
    --sheet-accent-secondary: #1f844a;
    --sheet-hatch-rgba: rgba(237, 166, 59, 0.28);
    background-color: #0d0903 !important;
}
body[data-sketch-sheet="about"] #vtm-main-site-header { background-color: #2b1a05 !important; border-bottom: 1px solid #6e4f16 !important; }
body[data-sketch-sheet="about"] #cad-ruler-x, body[data-sketch-sheet="about"] #cad-ruler-y { background-color: #161005 !important; border-color: #42300c !important; color: #eda63b !important; }
body[data-sketch-sheet="about"] #ruler-needle-x, body[data-sketch-sheet="about"] #ruler-needle-y { background-color: #eda63b !important; box-shadow: 0 0 8px #eda63b !important; }
body[data-sketch-sheet="about"] #sketch-vision-reticle span { border-color: #eda63b !important; }
body[data-sketch-sheet="about"] #sketch-vision-label { border-color: #eda63b !important; color: #eda63b !important; background-color: #0d0903 !important; }
body[data-sketch-sheet="about"] #bottom-mode-dock { background-color: #161005 !important; border-top: 1px solid #42300c !important; }
body[data-sketch-sheet="about"] .vtm-title-block { background-color: #0d0903 !important; border-color: #6e4f16 !important; }
body[data-sketch-sheet="about"] .vtm-title-block > div:first-child { color: #eda63b !important; border-color: #42300c !important; }
body[data-sketch-sheet="about"] .vtm-title-block span:first-child { color: #eda63b !important; }
body[data-sketch-sheet="about"] .vtm-dock-cell[href*="contact"].active-mode .vtm-chalk-frame,
body[data-sketch-sheet="about"] .vtm-dock-cell[href*="contact"][data-active="true"] .vtm-chalk-frame {
    background: rgba(43, 26, 5, 0.95) !important; border-color: #eda63b !important; box-shadow: inset 0 0 16px rgba(237, 166, 59, 0.5), 0 0 14px rgba(237, 166, 59, 0.4) !important;
}
body[data-sketch-sheet="about"] .vtm-dock-cell[href*="contact"].active-mode .vtm-chalk-frame::before,
body[data-sketch-sheet="about"] .vtm-dock-cell[href*="contact"].active-mode .vtm-chalk-frame::after { background: #eda63b !important; }
body[data-sketch-sheet="about"] main header,
body[data-sketch-sheet="about"] main header.rounded-2xl {
    background-color: rgba(22, 16, 5, 0.85) !important;
    background-image: linear-gradient(135deg, rgba(237, 166, 59, 0.85) 0%, rgba(110, 79, 22, 0.78) 50%, rgba(13, 9, 3, 0.9) 100%) !important;
    border: 1.5px solid #6e4f16 !important; box-shadow: inset 0 0 24px rgba(237, 166, 59, 0.35), 0 10px 25px -5px rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important;
}
body[data-sketch-sheet="about"] main header.rounded-2xl::before,
body[data-sketch-sheet="about"] main header.rounded-2xl::after { border-color: #eda63b !important; }
body[data-sketch-sheet="about"] .bg-vtmcard { background-color: #161005 !important; border-color: #42300c !important; }
body[data-sketch-sheet="about"] .bg-vtmcard:hover { border-color: #6e4f16 !important; box-shadow: 0 0 16px rgba(237, 166, 59, 0.25) !important; }
body[data-sketch-sheet="about"] .bg-vtmobsidian { background-color: #0d0903 !important; }
body[data-sketch-sheet="about"] .border-vtmline { border-color: #42300c !important; }
body[data-sketch-sheet="about"] .border-vtmlinebright { border-color: #6e4f16 !important; }
body[data-sketch-sheet="about"] #vtm-montage-backdrop {
    background-color: #0d0903 !important;
    background-image: radial-gradient(circle, rgba(237, 166, 59, 0.22) 1px, transparent 1px), linear-gradient(to right, rgba(66, 48, 12, 0.38) 1px, transparent 1px), linear-gradient(to bottom, rgba(66, 48, 12, 0.38) 1px, transparent 1px) !important;
}
body[data-sketch-sheet="about"] .vtm-term-code { color: #eda63b !important; }

/* 8. DOWNLOADS GROUP (Titanium Green & Brand Orange) */
body[data-sketch-sheet="download"] {
    --sketch-bg: #02140c;
    --sketch-surface: #042113;
    --sketch-card: #082d1b;
    --sketch-line: #0c4726;
    --sketch-linebright: #146e3d;
    --sketch-accent: #46a568;
    --sketch-accent-secondary: #db7a31;
    --sheet-accent: #46a568;
    --sheet-accent-secondary: #db7a31;
    --sheet-hatch-rgba: rgba(70, 165, 104, 0.28);
    background-color: #02140c !important;
}
body[data-sketch-sheet="download"] #vtm-main-site-header { background-color: #00361a !important; border-bottom: 1px solid #146e3d !important; }
body[data-sketch-sheet="download"] #cad-ruler-x, body[data-sketch-sheet="download"] #cad-ruler-y { background-color: #042113 !important; border-color: #0c4726 !important; color: #46a568 !important; }
body[data-sketch-sheet="download"] #ruler-needle-x, body[data-sketch-sheet="download"] #ruler-needle-y { background-color: #46a568 !important; box-shadow: 0 0 8px #46a568 !important; }
body[data-sketch-sheet="download"] #sketch-vision-reticle span { border-color: #46a568 !important; }
body[data-sketch-sheet="download"] #sketch-vision-label { border-color: #46a568 !important; color: #46a568 !important; background-color: #02140c !important; }
body[data-sketch-sheet="download"] #bottom-mode-dock { background-color: #042113 !important; border-top: 1px solid #0c4726 !important; }
body[data-sketch-sheet="download"] .vtm-title-block { background-color: #02140c !important; border-color: #146e3d !important; }
body[data-sketch-sheet="download"] .vtm-title-block > div:first-child { color: #eda63b !important; border-color: #0c4726 !important; }
body[data-sketch-sheet="download"] .vtm-title-block span:first-child { color: #46a568 !important; }
body[data-sketch-sheet="download"] main header,
body[data-sketch-sheet="download"] main header.rounded-2xl {
    background-color: rgba(4, 33, 19, 0.85) !important;
    background-image: linear-gradient(135deg, rgba(70, 165, 104, 0.85) 0%, rgba(20, 110, 61, 0.78) 50%, rgba(2, 20, 12, 0.9) 100%) !important;
    border: 1.5px solid #146e3d !important; box-shadow: inset 0 0 24px rgba(70, 165, 104, 0.35), 0 10px 25px -5px rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important;
}
body[data-sketch-sheet="download"] main header.rounded-2xl::before,
body[data-sketch-sheet="download"] main header.rounded-2xl::after { border-color: #46a568 !important; }
body[data-sketch-sheet="download"] .bg-vtmcard { background-color: #042113 !important; border-color: #0c4726 !important; }
body[data-sketch-sheet="download"] .bg-vtmcard:hover { border-color: #146e3d !important; box-shadow: 0 0 16px rgba(70, 165, 104, 0.25) !important; }
body[data-sketch-sheet="download"] .bg-vtmobsidian { background-color: #02140c !important; }
body[data-sketch-sheet="download"] .border-vtmline { border-color: #0c4726 !important; }
body[data-sketch-sheet="download"] .border-vtmlinebright { border-color: #146e3d !important; }
body[data-sketch-sheet="download"] #vtm-montage-backdrop {
    background-color: #02140c !important;
    background-image: radial-gradient(circle, rgba(70, 165, 104, 0.22) 1px, transparent 1px), linear-gradient(to right, rgba(12, 71, 38, 0.38) 1px, transparent 1px), linear-gradient(to bottom, rgba(12, 71, 38, 0.38) 1px, transparent 1px) !important;
}
body[data-sketch-sheet="download"] .vtm-term-code { color: #46a568 !important; }

/* 9. REFERENCE GROUP (Spot 4 // Classic Blueprint Deep Navy & Bright Blue) */
body[data-sketch-sheet="reference"] {
    --sketch-bg: #040914;
    --sketch-surface: #081426;
    --sketch-card: #0c1e34;
    --sketch-line: #152c4a;
    --sketch-linebright: #234a78;
    --sketch-accent: #2d8bea;
    --sketch-accent-secondary: #003974;
    --sheet-accent: #2d8bea;
    --sheet-accent-secondary: #003974;
    --sheet-hatch-rgba: rgba(45, 139, 234, 0.26);
    background-color: #040914 !important;
}
body[data-sketch-sheet="reference"] #vtm-main-site-header { background-color: #003974 !important; border-bottom: 1px solid #234a78 !important; }
body[data-sketch-sheet="reference"] #cad-ruler-x, body[data-sketch-sheet="reference"] #cad-ruler-y { background-color: #081426 !important; border-color: #152c4a !important; color: #2d8bea !important; }
body[data-sketch-sheet="reference"] #ruler-needle-x, body[data-sketch-sheet="reference"] #ruler-needle-y { background-color: #2d8bea !important; box-shadow: 0 0 8px #2d8bea !important; }
body[data-sketch-sheet="reference"] #sketch-vision-reticle span { border-color: #2d8bea !important; }
body[data-sketch-sheet="reference"] #sketch-vision-label { border-color: #2d8bea !important; color: #2d8bea !important; background-color: #040914 !important; }
body[data-sketch-sheet="reference"] #bottom-mode-dock { background-color: #081426 !important; border-top: 1px solid #152c4a !important; }
body[data-sketch-sheet="reference"] .vtm-title-block { background-color: #040914 !important; border-color: #234a78 !important; }
body[data-sketch-sheet="reference"] .vtm-title-block > div:first-child { color: #eda63b !important; border-color: #152c4a !important; }
body[data-sketch-sheet="reference"] .vtm-title-block span:first-child { color: #2d8bea !important; }
body[data-sketch-sheet="reference"] .vtm-dock-cell[href*="reference"].active-mode .vtm-chalk-frame,
body[data-sketch-sheet="reference"] .vtm-dock-cell[href*="reference"][data-active="true"] .vtm-chalk-frame {
    background: rgba(0, 57, 116, 0.95) !important; border-color: #2d8bea !important; box-shadow: inset 0 0 16px rgba(45, 139, 234, 0.5), 0 0 14px rgba(45, 139, 234, 0.4) !important;
}
body[data-sketch-sheet="reference"] .vtm-dock-cell[href*="reference"].active-mode .vtm-chalk-frame::before,
body[data-sketch-sheet="reference"] .vtm-dock-cell[href*="reference"].active-mode .vtm-chalk-frame::after { background: #2d8bea !important; }
body[data-sketch-sheet="reference"] main header,
body[data-sketch-sheet="reference"] main header.rounded-2xl {
    background-color: rgba(12, 30, 52, 0.85) !important;
    background-image: linear-gradient(135deg, rgba(0, 57, 116, 0.85) 0%, rgba(12, 30, 52, 0.78) 50%, rgba(4, 9, 20, 0.9) 100%) !important;
    border: 1.5px solid #234a78 !important; box-shadow: inset 0 0 24px rgba(45, 139, 234, 0.35), 0 10px 25px -5px rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important;
}
body[data-sketch-sheet="reference"] main header.rounded-2xl::before,
body[data-sketch-sheet="reference"] main header.rounded-2xl::after { border-color: #2d8bea !important; }
body[data-sketch-sheet="reference"] .bg-vtmcard { background-color: #081426 !important; border-color: #152c4a !important; }
body[data-sketch-sheet="reference"] .bg-vtmcard:hover { border-color: #234a78 !important; box-shadow: 0 0 16px rgba(45, 139, 234, 0.25) !important; }
body[data-sketch-sheet="reference"] .bg-vtmobsidian { background-color: #040914 !important; }
body[data-sketch-sheet="reference"] .border-vtmline { border-color: #152c4a !important; }
body[data-sketch-sheet="reference"] .border-vtmlinebright { border-color: #234a78 !important; }
body[data-sketch-sheet="reference"] #vtm-montage-backdrop {
    background-color: #040914 !important;
    background-image: radial-gradient(circle, rgba(148, 163, 184, 0.24) 1px, transparent 1px), linear-gradient(to right, rgba(21, 44, 74, 0.38) 1px, transparent 1px), linear-gradient(to bottom, rgba(21, 44, 74, 0.38) 1px, transparent 1px) !important;
}
body[data-sketch-sheet="reference"] .vtm-term-code { color: #2d8bea !important; }

/* 10. ARTICLES GROUP (Spot 9 // Deep Forest Green & Amber Field Notes) */
body[data-sketch-sheet="articles"] {
    --sketch-bg: #031008;
    --sketch-surface: #061b0e;
    --sketch-card: #0a2916;
    --sketch-line: #113f24;
    --sketch-linebright: #1c6239;
    --sketch-accent: #46a568;
    --sketch-accent-secondary: #eda63b;
    --sketch-hero-from: #022612;
    --sketch-hero-via: #003d18;
    --sketch-hero-to: #02140a;
    --sheet-accent: #46a568;
    --sheet-accent-secondary: #eda63b;
    --sheet-hatch-rgba: rgba(70, 165, 104, 0.26);
    background-color: #031008 !important;
}

/* Articles Mode Substrate & Instrument Shell Overrides */
#ai-vision-hud-overlay {
    background: transparent !important;
    background-color: transparent !important;
}

body[data-sketch-sheet="articles"] #vtm-main-site-header {
    background-color: #00471b !important;
    border-bottom: 1px solid #1c6239 !important;
}

body[data-sketch-sheet="articles"] #cad-ruler-x,
body[data-sketch-sheet="articles"] #cad-ruler-y {
    background-color: #061b0e !important;
    border-color: #113f24 !important;
    color: #46a568 !important;
}

body[data-sketch-sheet="articles"] #ruler-needle-x,
body[data-sketch-sheet="articles"] #ruler-needle-y {
    background-color: #46a568 !important;
    box-shadow: 0 0 8px #46a568 !important;
}

body[data-sketch-sheet="articles"] #sketch-vision-reticle span {
    border-color: #46a568 !important;
}

body[data-sketch-sheet="articles"] #sketch-vision-label {
    border-color: #46a568 !important;
    color: #46a568 !important;
    background-color: #031008 !important;
}

body[data-sketch-sheet="articles"] #bottom-mode-dock {
    background-color: #061b0e !important;
    border-top: 1px solid #113f24 !important;
}

body[data-sketch-sheet="articles"] .vtm-title-block {
    background-color: #031008 !important;
    border-color: #1c6239 !important;
}

body[data-sketch-sheet="articles"] .vtm-title-block > div:first-child {
    color: #eda63b !important;
    border-color: #113f24 !important;
}

body[data-sketch-sheet="articles"] .vtm-title-block > div:nth-child(2) {
    border-color: #113f24 !important;
}

body[data-sketch-sheet="articles"] .vtm-title-block span:first-child {
    color: #46a568 !important;
}

body[data-sketch-sheet="articles"] .vtm-dock-cell[href*="articles"].active-mode .vtm-chalk-frame,
body[data-sketch-sheet="articles"] .vtm-dock-cell[href*="articles"][data-active="true"] .vtm-chalk-frame {
    background: rgba(0, 71, 27, 0.95) !important;
    border-color: #46a568 !important;
    box-shadow: inset 0 0 16px rgba(70, 165, 104, 0.5), 0 0 14px rgba(70, 165, 104, 0.4) !important;
}

body[data-sketch-sheet="articles"] .vtm-dock-cell[href*="articles"].active-mode .vtm-chalk-frame::before,
body[data-sketch-sheet="articles"] .vtm-dock-cell[href*="articles"].active-mode .vtm-chalk-frame::after {
    background: #46a568 !important;
}

body[data-sketch-sheet="articles"] .bg-vtmcard {
    background-color: #061b0e !important;
    border-color: #113f24 !important;
}

body[data-sketch-sheet="articles"] .bg-vtmcard:hover {
    border-color: #1c6239 !important;
    box-shadow: 0 0 16px rgba(70, 165, 104, 0.22) !important;
}

body[data-sketch-sheet="articles"] .bg-vtmobsidian {
    background-color: #031008 !important;
}

body[data-sketch-sheet="articles"] .border-vtmline {
    border-color: #113f24 !important;
}

body[data-sketch-sheet="articles"] .border-vtmlinebright {
    border-color: #1c6239 !important;
}

/* Articles Hero Header Card Overrides (Deep Forest Green with Compositing Overlay) */
body[data-sketch-sheet="articles"] main header,
body[data-sketch-sheet="articles"] main header.rounded-2xl {
    background-color: rgba(4, 28, 14, 0.82) !important;
    background-image: linear-gradient(135deg, rgba(0, 71, 27, 0.85) 0%, rgba(4, 33, 17, 0.78) 50%, rgba(3, 16, 8, 0.9) 100%) !important;
    border: 1.5px solid #1c6239 !important;
    box-shadow: inset 0 0 24px rgba(0, 71, 27, 0.4), 0 10px 25px -5px rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

body[data-sketch-sheet="articles"] main header.rounded-2xl::before,
body[data-sketch-sheet="articles"] main header.rounded-2xl::after {
    border-color: #46a568 !important;
}

body[data-sketch-sheet="articles"] #aeo-direct-answer {
    background-color: rgba(3, 16, 8, 0.88) !important;
    border-color: #113f24 !important;
    border-left: 3px solid #46a568 !important;
}

body[data-sketch-sheet="articles"] #aeo-direct-answer span {
    color: #46a568 !important;
}

/* Articles Montage Backdrop & Ambient Flow Grid Overrides */
body[data-sketch-sheet="articles"] #vtm-montage-backdrop {
    background-color: #031008 !important;
    background-image:
        radial-gradient(circle, rgba(70, 165, 104, 0.22) 1px, transparent 1px),
        linear-gradient(to right, rgba(17, 63, 36, 0.38) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(17, 63, 36, 0.38) 1px, transparent 1px),
        linear-gradient(to right, rgba(28, 98, 57, 0.28) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(28, 98, 57, 0.28) 1px, transparent 1px) !important;
}

body[data-sketch-sheet="articles"] #vtm-bg-terminal-wrap {
    opacity: 0.18 !important;
}

body[data-sketch-sheet="articles"] .vtm-term-code {
    color: #46a568 !important;
}

body[data-sketch-sheet="articles"] .vtm-laser-sweep {
    background: linear-gradient(to right, transparent, rgba(70, 165, 104, 0.4), transparent) !important;
}

* {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    padding: 0;
    background-color: var(--sketch-bg) !important;
    background-image: none !important;
    color: #ecf0f6;
    font-family: 'Rajdhani', 'Space Grotesk', system-ui, -apple-system, sans-serif;
    overflow-x: clip;
}

/* CAD Millimeter Ruler Tick Patterns */
.ruler-top {
    background-image:
        linear-gradient(to right, #234a78 1px, transparent 1px),
        linear-gradient(to right, #152c4a 1px, transparent 1px);
    background-size: 50px 100%, 10px 40%;
    background-repeat: repeat-x;
    background-position: bottom;
}

.ruler-left {
    background-image:
        linear-gradient(to bottom, #234a78 1px, transparent 1px),
        linear-gradient(to bottom, #152c4a 1px, transparent 1px);
    background-size: 100% 50px, 40% 10px;
    background-repeat: repeat-y;
    background-position: right;
}

/* Smooth Laser Sweep Animation across Hero Background */
@keyframes laserSweep {
    0% { top: 0%; opacity: 0; }
    15% { opacity: 0.75; }
    85% { opacity: 0.75; }
    100% { top: 100%; opacity: 0; }
}
.laser-line {
    animation: laserSweep 8s ease-in-out infinite;
}

/* Smooth Deep Navy & Obsidian Console Sections Across Subpages */
.bg-vtmobsidian,
section.bg-vtmobsidian {
    background-color: #040914 !important;
    background-image: none !important;
}

.bg-vtmsurface,
section.bg-vtmsurface,
main > section {
    background-color: #081426 !important;
    background-image: none !important;
}

.bg-vtmblue {
    background-color: #003974 !important;
    background-image: none !important;
}

.vtm-hero-gradient,
main > section[class*="bg-gradient-"],
main [class*="from-[#061e3d]"],
main [class*="from-[#071f3d]"],
main [class*="from-vtmblue"] {
    background: linear-gradient(135deg, #061e3d 0%, #092d5c 52%, #040e1d 100%) !important;
}

/* Hub Page Scoped Hero Sections (Ensures brand palette overlays override default navy) */
body[data-sketch-sheet="tools"] main > section.vtm-hub-hero,
body[data-sketch-sheet="tools"] #tools-hero {
    background: linear-gradient(135deg, #02200f 0%, #042111 50%, #02140a 100%) !important;
    border-bottom: 4px solid #1f844a !important;
}

body[data-sketch-sheet="simulator"] main > section.vtm-hub-hero,
body[data-sketch-sheet="simulator"] #simulators-hero {
    background: linear-gradient(135deg, #02220d 0%, #051f0c 50%, #021207 100%) !important;
    border-bottom: 4px solid #46a568 !important;
}

body[data-sketch-sheet="tutorials"] main > section.vtm-hub-hero,
body[data-sketch-sheet="tutorials"] #tutorials-hero {
    background: linear-gradient(135deg, #041833 0%, #082245 50%, #040c1a 100%) !important;
    border-bottom: 4px solid #2d8bea !important;
}

body[data-sketch-sheet="media"] main > section.vtm-hub-hero,
body[data-sketch-sheet="media"] #media-hero {
    background: linear-gradient(135deg, #241908 0%, #1a1306 50%, #0e0a04 100%) !important;
    border-bottom: 4px solid #eda63b !important;
}

/* Strip inner blue grid overlays on subpage heroes */
main .cad-grid-bg {
    display: none !important;
}

/* Convert stark white hero badges (.bg-white) to solid dark callout badges */
main .bg-white {
    background-color: #040914 !important;
    color: var(--sketch-amber) !important;
    border: 1.25px solid var(--sketch-chalk) !important;
    border-radius: 0 !important;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.6) !important;
}

/* Normalize legacy border & text utility classes across all subpages to VTM Brand & Deep Navy palette */
.border-vtmline {
    border-color: #152c4a !important;
}
.border-vtmlinebright {
    border-color: #234a78 !important;
}
.border-vtmorange {
    border-color: var(--sketch-orange) !important;
}
.text-vtmorange {
    color: var(--sketch-orange) !important;
}
.text-vtmcyan,
.text-sky-300,
.text-sky-400,
.text-sky-100\/90,
.text-sky-100\/80 {
    color: #d8dee9 !important;
}
main .rounded-2xl,
main .rounded-xl,
main .rounded-lg,
main .rounded-r-xl,
main .rounded {
    border-radius: 0 !important;
}

/* Convert legacy solid orange/surface buttons & tabs on subpages to solid VTM Brand Orange */
main button.bg-vtmorange,
main a.bg-vtmorange {
    background-color: #db7a31 !important;
    background-image: none !important;
    border: 1.25px solid var(--sketch-chalk) !important;
    color: #ffffff !important;
    border-radius: 0 !important;
}
main .uno-pin {
    border-radius: 9999px !important;
}
main .uno-pin.bg-vtmorange {
    background-color: #db7a31 !important;
    background-image: none !important;
}
main .uno-pin.bg-vtmcyan {
    background-color: #003974 !important;
    border-color: #ecf0f6 !important;
}

/* 1. Hand-Drafted .draft-box and Automatic Card Overshoot Ticks Across All Pages */
.draft-box,
.hologram-card,
main header.rounded-2xl,
main section.rounded-2xl,
main article.rounded-2xl,
main .bg-vtmcard,
main [class*="bg-vtmcard/"],
main [class*="bg-[#051020]"],
main [class*="bg-[#040c18]"],
main [class*="bg-[#071326]"],
main [class*="bg-[#081526]"],
main [class*="from-vtmblue"][class*="to-vtmcard"],
#tutorials-grid > * {
    position: relative;
    border: 1.25px solid var(--sketch-chalk) !important;
    background-color: #0c1e34 !important;
    background-image: none !important;
    box-shadow: inset 0 0 18px rgba(4, 9, 20, 0.55);
    border-radius: 0 !important;
    clip-path: none !important;
}

/* Suppress Auto-Generated FAQ Sections App-Wide */
#page-faq-section,
section#page-faq-section {
    display: none !important;
}

/* Inner callout boxes inside cards (e.g. #aeo-direct-answer, Uno inspector readouts, FAQ items) */
#aeo-direct-answer,
main .bg-vtmobsidian,
main [class*="bg-vtmobsidian/"],
main .bg-vtmsurface:not(section) {
    background-color: #040914 !important;
    background-image: none !important;
    border-color: rgba(216, 222, 233, 0.55) !important;
    border-radius: 0 !important;
}
#aeo-direct-answer {
    border-left: 3px solid var(--sketch-orange) !important;
}

.draft-box::before,
.hologram-card::before,
main header.rounded-2xl::before,
main section.rounded-2xl::before,
main article.rounded-2xl::before,
main .bg-vtmcard::before,
main [class*="bg-[#051020]"]::before,
#tutorials-grid > *::before {
    content: '';
    position: absolute;
    pointer-events: none;
    top: -1.5px;
    bottom: -1.5px;
    left: -8px;
    right: -8px;
    border-top: 1.25px solid var(--sketch-chalk);
    border-bottom: 1.25px solid var(--sketch-chalk);
    z-index: 2;
}

.draft-box::after,
.hologram-card::after,
main header.rounded-2xl::after,
main section.rounded-2xl::after,
main article.rounded-2xl::after,
main .bg-vtmcard::after,
main [class*="bg-[#051020]"]::after,
#tutorials-grid > *::after {
    content: '';
    position: absolute;
    pointer-events: none;
    left: -1.5px;
    right: -1.5px;
    top: -8px;
    bottom: -8px;
    border-left: 1.25px solid var(--sketch-chalk);
    border-right: 1.25px solid var(--sketch-chalk);
    z-index: 2;
}

.draft-box-sm::before { left: -5px; right: -5px; }
.draft-box-sm::after { top: -5px; bottom: -5px; }

/* ==========================================================================
   VTM STUDIO CTA BUTTON: ORANGE BADGE IN BOTTOM DOCK (SITE-WIDE)
   Permanent 1:1 match across Home Page and all Subpages
   ========================================================================== */
.vtm-cta-btn,
#bottom-mode-dock a.vtm-cta-btn,
#bottom-mode-dock a[aria-label="Get VTM Studio"],
a.vtm-cta-btn {
    display: inline-flex !important;
    background-color: #081426 !important;
    background-image: none !important;
    border: 1.25px solid #db7a31 !important;
    color: #db7a31 !important;
    box-shadow: 0 0 16px rgba(219, 122, 49, 0.45) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    width: auto !important;
    height: auto !important;
    padding: 6px 14px !important;
}

.vtm-cta-btn::before,
.vtm-cta-btn::after,
#bottom-mode-dock a.vtm-cta-btn::before,
#bottom-mode-dock a.vtm-cta-btn::after,
#bottom-mode-dock a[aria-label="Get VTM Studio"]::before,
#bottom-mode-dock a[aria-label="Get VTM Studio"]::after {
    border-color: #db7a31 !important;
}

.vtm-cta-btn span,
#bottom-mode-dock a.vtm-cta-btn span,
#bottom-mode-dock a[aria-label="Get VTM Studio"] span {
    color: #db7a31 !important;
    font-weight: 700 !important;
}

.vtm-cta-mobile {
    display: none;
}

.vtm-cta-desktop {
    display: inline;
}

#pricing-tiers {
    scroll-margin-top: 75px !important;
}

.vtm-cta-btn:hover,
#bottom-mode-dock a.vtm-cta-btn:hover,
#bottom-mode-dock a[aria-label="Get VTM Studio"]:hover {
    background-color: #db7a31 !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
    box-shadow: 0 0 24px rgba(219, 122, 49, 0.75) !important;
}

.vtm-cta-btn:hover::before,
.vtm-cta-btn:hover::after,
#bottom-mode-dock a.vtm-cta-btn:hover::before,
#bottom-mode-dock a.vtm-cta-btn:hover::after {
    border-color: #ffffff !important;
}

.vtm-cta-btn:hover span,
#bottom-mode-dock a.vtm-cta-btn:hover span,
#bottom-mode-dock a[aria-label="Get VTM Studio"]:hover span {
    color: #ffffff !important;
}

/* 2. Smooth Deep Navy & VTM Brand Console Panels (zero diagonal hatching) */
.pencil-hatch-blue {
    background-color: #081426 !important;
    background-image: none !important;
}

.pencil-hatch-copper {
    background-color: #0c1e34 !important;
    background-image: none !important;
}

.pencil-hatch-green {
    background-color: #071f1a !important;
    background-image: none !important;
}

.pencil-hatch-amber {
    background-color: #0c1e34 !important;
    background-image: none !important;
}

.pencil-gauge-copper {
    background: #db7a31;
}
.pencil-gauge-amber {
    background: #eda63b;
}
.pencil-gauge-blue {
    background: #2d8bea;
}
.pencil-gauge-green {
    background: #46a568;
}

.pencil-tab-orange,
.pcb-chamfer,
.pcb-chamfer-sm {
    background-color: #db7a31;
    background-image: none;
    border: 1.25px solid var(--sketch-chalk) !important;
    clip-path: none !important;
    border-radius: 0 !important;
}

/* 3. Typography & CAD Dimension Callouts */
.sketch-heading,
h1, h2, h3, .font-display {
    font-family: 'Rajdhani', 'Space Grotesk', sans-serif !important;
    letter-spacing: 0.05em;
}

.sketch-mono,
.font-mono {
    font-family: 'JetBrains Mono', monospace !important;
}

.dim-line-h {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: var(--sketch-chalk);
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    letter-spacing: 0.08em;
    user-select: none;
    opacity: 0.35;
    transition: opacity 0.45s ease, color 0.45s ease;
}
.dim-line-h.dim-revealed {
    opacity: 1;
}
.dim-line-h::before,
.dim-line-h::after {
    content: '';
    flex: 1;
    height: 1px;
    background: rgba(216, 222, 233, 0.48);
    transform: scaleX(0);
    transition: transform 0.72s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.45s ease;
    will-change: transform;
}
.dim-line-h::before {
    margin-right: 10px;
    transform-origin: right center;
}
.dim-line-h::after {
    margin-left: 10px;
    transform-origin: left center;
}
.dim-line-h.dim-revealed::before,
.dim-line-h.dim-revealed::after {
    transform: scaleX(1);
}
.dim-line-h.dim-counting {
    color: var(--sketch-amber);
}
.dim-line-h.dim-counting::before,
.dim-line-h.dim-counting::after {
    background: rgba(237, 166, 59, 0.78);
}

.dim-line-v {
    opacity: 0.35;
    transition: opacity 0.45s ease, color 0.45s ease;
    user-select: none;
}
.dim-line-v.dim-revealed {
    opacity: 1;
}
.dim-line-v .dim-v-bar {
    transform: scaleY(0);
    transition: transform 0.72s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.45s ease;
    will-change: transform;
}
.dim-line-v .dim-v-bar-top {
    transform-origin: center bottom;
}
.dim-line-v .dim-v-bar-bottom {
    transform-origin: center top;
}
.dim-line-v.dim-revealed .dim-v-bar {
    transform: scaleY(1);
}
.dim-line-v.dim-counting {
    color: var(--sketch-amber) !important;
}
.dim-line-v.dim-counting .dim-v-bar {
    background-color: rgba(237, 166, 59, 0.78) !important;
}
@media (prefers-reduced-motion: reduce) {
    .dim-line-h,
    .dim-line-v {
        opacity: 1;
    }
    .dim-line-h::before,
    .dim-line-h::after {
        transform: scaleX(1);
        transition: none;
    }
    .dim-line-v .dim-v-bar {
        transform: scaleY(1);
        transition: none;
    }
}

/* 4. Interactive Hover States */
.hologram-card,
.sketch-card-interactive {
    transition: transform 0.2s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.2s ease, box-shadow 0.2s ease;
}
.hologram-card:hover,
.sketch-card-interactive:hover {
    transform: translate3d(0, -2px, 0);
    border-color: #ffffff !important;
    box-shadow: 0 8px 26px rgba(0, 0, 0, 0.6), 0 0 16px var(--sheet-accent);
}

/* 5. CAD Rulers & Vision HUD */
#ruler-needle-x,
#ruler-needle-y,
#vision-target-box {
    will-change: transform;
    pointer-events: none;
}

.ruler-x {
    background: repeating-linear-gradient(90deg, rgba(216, 222, 233, 0.55) 0px, rgba(216, 222, 233, 0.55) 1px, transparent 1px, transparent 10px);
}
.ruler-y {
    background: repeating-linear-gradient(180deg, rgba(216, 222, 233, 0.55) 0px, rgba(216, 222, 233, 0.55) 1px, transparent 1px, transparent 10px);
}

/* 6. Custom Drafting Scrollbars */
::-webkit-scrollbar,
.sketch-scroll::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track,
.sketch-scroll::-webkit-scrollbar-track {
    background: #14171a;
    border-left: 1px solid var(--sketch-chalk);
}
::-webkit-scrollbar-thumb,
.sketch-scroll::-webkit-scrollbar-thumb {
    background: repeating-linear-gradient(
        -45deg,
        #003974 0px,
        #003974 4px,
        #2d8bea 4px,
        #2d8bea 8px
    );
    border: 1px solid rgba(45, 139, 234, 0.65);
}
::-webkit-scrollbar-thumb:hover,
.sketch-scroll::-webkit-scrollbar-thumb:hover {
    background: repeating-linear-gradient(
        -45deg,
        #db7a31 0px,
        #db7a31 4px,
        #eda63b 4px,
        #eda63b 8px
    );
    border-color: #eda63b;
}

/* 7. Navigation Dropdown & Bottom Dock Active Indicator */
.nav-dropdown-menu {
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 6px, 0);
    transition: opacity 0.14s ease, transform 0.14s ease, visibility 0.14s;
}
.nav-dropdown-group:hover .nav-dropdown-menu,
.nav-dropdown-group:focus-within .nav-dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
}

.dock-mode-btn {
    position: relative;
    transition: background-color 0.15s ease, color 0.15s ease;
}
.dock-mode-btn:hover {
    background-color: rgba(216, 222, 233, 0.08);
}
.dock-mode-btn.active {
    background-color: rgba(219, 122, 49, 0.18);
    color: #eda63b;
}
.dock-mode-btn.active::before,
.dock-mode-btn.active::after {
    content: '';
    position: absolute;
    left: 6px;
    right: 6px;
    height: 3px;
    background: var(--sketch-orange);
    box-shadow: 0 0 8px rgba(219, 122, 49, 0.75);
}
.dock-mode-btn.active::before { top: 2px; }
.dock-mode-btn.active::after { bottom: 2px; }

/* ============================================================================
   8. WORDPRESS BEBUILDER & TUTORIAL STRUCTURE IN TECHNICAL SKETCHBOOK STYLE
   Exact Fractional Grid, Section Headings, Icon Skill Boxes, 5-Across
   Component Trailer Cards, Before/After Slider, & Left/Right Post Navigation
   ============================================================================ */
.vtm-wp-content {
    color: #e5e9f0;
    line-height: 1.75;
    font-size: 0.98rem;
}

/* Eliminate layout interference from empty BeBuilder background overlays & empty wraps */
.vtm-wp-content .mcb-background-overlay,
.vtm-wp-content .mcb-wrap-background-overlay,
.vtm-wp-content .section.the_content.no_content,
.vtm-wp-content .section-post-footer:not(:has(*:not(:empty))),
.vtm-wp-content .mcb-wrap:not(:has(.mcb-column, .mfn-nested-wrap)),
.vtm-wp-content .mcb-column.column_image:not(:has(img)),
.vtm-wp-content .mcb-column.column_image_gallery:not(:has(img)) {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.vtm-wp-content .section,
.vtm-wp-content .mcb-section,
.vtm-wp-content .column_attr,
.vtm-wp-content [style*="background-color:#ffffff"],
.vtm-wp-content [style*="background-color: #ffffff"] {
    background-color: transparent !important;
}

.vtm-wp-content .mcb-section {
    padding-top: 1.15rem !important;
    padding-bottom: 1.15rem !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Flex Grid Containers: 0 gap + percentage flex-basis so any fractional sum (e.g. 5x20%, 1/6+2/3+1/6, 1/4+2/5+1/6+1/6) never overflows */
.vtm-wp-content .section_wrapper,
.vtm-wp-content .mcb-section-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
}

.vtm-wp-content .mcb-section.equal-height-wrap > .mcb-section-inner,
.vtm-wp-content .mcb-section-inner:has(> .mcb-wrap.valign-middle) {
    align-items: center;
}

.vtm-wp-content .mcb-wrap,
.vtm-wp-content .mfn-nested-wrap {
    flex: 0 0 100%;
    max-width: 100%;
    min-width: 0;
    padding: 0.5rem 0.65rem;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.vtm-wp-content .mcb-wrap.valign-middle,
.vtm-wp-content .mfn-nested-wrap.valign-middle {
    align-self: center;
}

.vtm-wp-content .mcb-wrap-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    align-items: flex-start;
    width: 100%;
}

.vtm-wp-content .mcb-wrap-inner:has(> .mfn-nested-wrap.valign-middle) {
    align-items: center;
}

.vtm-wp-content .mcb-column {
    flex: 0 0 100%;
    max-width: 100%;
    min-width: 0;
    padding: 0.45rem 0.6rem;
}

/* Collapse full-width placeholder & divider spacers so rows stay tight and aligned */
.vtm-wp-content .mcb-column.column_placeholder.one,
.vtm-wp-content .mcb-wrap.one-fifth .mcb-column.column_placeholder {
    display: none !important;
}

.vtm-wp-content .mcb-column.column_placeholder {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 1px;
}

.vtm-wp-content .mcb-column.column_placeholder .placeholder {
    visibility: hidden;
    height: 1px;
    line-height: 1px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .vtm-wp-content .mcb-column.column_placeholder {
        display: none !important;
    }
}

.vtm-wp-content .mcb-column.column_divider,
.vtm-wp-content .mcb-column.column_divider_2,
.vtm-wp-content .mcb-column.column_spacer {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.vtm-wp-content .mcb-column.column_divider hr,
.vtm-wp-content .mcb-column.column_divider_2 hr {
    margin: 0.35rem auto !important;
    border: none !important;
    height: 1px;
    background: transparent;
}

/* Exact Fractional Grid Widths for Both .mcb-wrap / .mfn-nested-wrap and .mcb-column */
@media (min-width: 768px) {
    .vtm-wp-content .mcb-wrap.one,
    .vtm-wp-content .mcb-wrap.divider,
    .vtm-wp-content .mcb-column.one {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .vtm-wp-content .mcb-wrap.one-second,
    .vtm-wp-content .mcb-column.one-second {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .vtm-wp-content .mcb-wrap.one-third,
    .vtm-wp-content .mcb-column.one-third {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
    .vtm-wp-content .mcb-wrap.two-third,
    .vtm-wp-content .mcb-column.two-third {
        flex: 0 0 66.6667%;
        max-width: 66.6667%;
    }
    .vtm-wp-content .mcb-wrap.one-fourth,
    .vtm-wp-content .mcb-column.one-fourth {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .vtm-wp-content .mcb-wrap.three-fourth,
    .vtm-wp-content .mcb-column.three-fourth {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .vtm-wp-content .mcb-wrap.one-fifth,
    .vtm-wp-content .mcb-column.one-fifth {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .vtm-wp-content .mcb-wrap.two-fifth,
    .vtm-wp-content .mcb-column.two-fifth {
        flex: 0 0 40%;
        max-width: 40%;
    }
    .vtm-wp-content .mcb-wrap.three-fifth,
    .vtm-wp-content .mcb-column.three-fifth {
        flex: 0 0 60%;
        max-width: 60%;
    }
    .vtm-wp-content .mcb-wrap.four-fifth,
    .vtm-wp-content .mcb-column.four-fifth {
        flex: 0 0 80%;
        max-width: 80%;
    }
    .vtm-wp-content .mcb-wrap.one-sixth,
    .vtm-wp-content .mcb-column.one-sixth {
        flex: 0 0 16.6667%;
        max-width: 16.6667%;
    }
    .vtm-wp-content .mcb-wrap.five-sixth,
    .vtm-wp-content .mcb-column.five-sixth {
        flex: 0 0 83.3333%;
        max-width: 83.3333%;
    }
}

/* Text alignment helpers from BeBuilder */
.vtm-wp-content .align_center,
.vtm-wp-content .column_heading h2.title {
    text-align: center;
}
.vtm-wp-content .align_right {
    text-align: right;
}
.vtm-wp-content .align_left {
    text-align: left;
}

/* Centered .fancy_heading / .fancy_heading_line / .fancy_heading_arrows Section Titles */
.vtm-wp-content .fancy_heading {
    text-align: center !important;
    max-width: 860px;
    margin: 1.25rem auto 1rem auto;
    padding: 0.65rem 1rem 0.95rem;
    position: relative;
}

.vtm-wp-content .fancy_heading .fh-top {
    margin-bottom: 0.3rem;
}

.vtm-wp-content .fancy_heading .slogan {
    display: inline-block;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 0.76rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--sketch-amber) !important;
}

.vtm-wp-content .fancy_heading .title {
    font-family: 'Rajdhani', 'Space Grotesk', sans-serif !important;
    font-size: 1.9rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase;
    color: #ecf0f6 !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
}

.vtm-wp-content .fancy_heading_line::after {
    content: '';
    display: block;
    width: 240px;
    max-width: 70%;
    height: 2px;
    margin: 0.65rem auto 0 auto;
    background: linear-gradient(90deg, transparent, var(--sketch-orange) 20%, var(--sketch-amber) 50%, var(--sketch-orange) 80%, transparent);
}

.vtm-wp-content .fancy_heading_arrows .inside {
    margin-top: 0.65rem;
    font-size: 0.94rem;
    color: #d8dee9;
}

/* Icon Font Replacement Glyphs (No External Font Files Needed) */
.vtm-wp-content i[class*="icon-"] {
    font-style: normal !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.vtm-wp-content i.icon-flash::before { content: ''; }
.vtm-wp-content i.icon-flow-tree::before { content: '⑂'; }
.vtm-wp-content i.icon-doc-landscape::before { content: '▣'; }
.vtm-wp-content i.icon-code::before { content: '⟨/⟩'; font-size: 0.85em; }
.vtm-wp-content i.icon-lamp::before { content: ''; }
.vtm-wp-content i.icon-lego::before { content: '⊞'; }
.vtm-wp-content i.icon-sound-line::before { content: ''; }
.vtm-wp-content i.icon-videocam-line::before { content: ''; }
.vtm-wp-content i.icon-keyboard::before { content: '⌨'; }
.vtm-wp-content i.icon-window::before { content: ''; }
.vtm-wp-content i.icon-adjust::before { content: '◐'; }
.vtm-wp-content i.icon-docs::before { content: '▤'; }
.vtm-wp-content i.icon-doc-text::before { content: '≡'; }
.vtm-wp-content i.icon-newspaper::before { content: '▤'; }
.vtm-wp-content i.icon-layout::before { content: '⊞'; }
.vtm-wp-content i.icon-clock::before { content: '⏱'; }
.vtm-wp-content i.icon-left-open-big::before,
.vtm-wp-content i.icon-left-dir::before { content: '◄'; }
.vtm-wp-content i.icon-right-open-big::before,
.vtm-wp-content i.icon-right-dir::before,
.vtm-wp-content i.icon-right-open-mini::before,
.vtm-wp-content i.icon-right-thin::before,
.vtm-wp-content i.icon-forward::before { content: '►'; }
.vtm-wp-content i.icon-down-dir::before { content: '▾'; }
.vtm-wp-content i.icon-facebook::before { content: 'f'; }
.vtm-wp-content i.icon-x-twitter::before { content: '𝕏'; }
.vtm-wp-content i.icon-linkedin::before { content: 'in'; font-size: 0.85em; }
.vtm-wp-content i.icon-pinterest::before { content: 'P'; }
.vtm-wp-content i.icon-google::before { content: 'G'; }
.vtm-wp-content i.icon-youtube::before,
.vtm-wp-content i.icon-play::before { content: '▶'; }
.vtm-wp-content i.icon-heart-empty-fa::before { content: ''; }
.vtm-wp-content i.icon-heart-fa::before { content: ''; }
.vtm-wp-content i.icon-user::before,
.vtm-wp-content i.icon-users::before { content: ''; }
.vtm-wp-content i.icon-infinity::before { content: '∞'; }

/* 4-Column .list_item.lists_1 & .mfn-icon-box Horizontal Icon Box + Text Layout */
.vtm-wp-content .list_item.lists_1,
.vtm-wp-content .mfn-icon-box {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 0.85rem 1rem;
    border: 1.25px solid var(--sketch-chalk);
    background-color: rgba(20, 23, 26, 0.92);
    background-image: repeating-linear-gradient(
        -42deg,
        var(--sheet-hatch-rgba) 0px,
        var(--sheet-hatch-rgba) 2px,
        transparent 2px,
        transparent 7px
    );
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.55);
    height: 100%;
}

.vtm-wp-content .list_item.lists_1 .list_left.list_icon,
.vtm-wp-content .mfn-icon-box .icon-wrapper {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.25px solid var(--sketch-amber);
    background: rgba(0, 57, 116, 0.55);
    color: var(--sketch-amber);
    font-size: 1.35rem;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.45);
}

.vtm-wp-content .list_item.lists_1 .list_right,
.vtm-wp-content .mfn-icon-box .desc-wrapper {
    flex: 1;
    min-width: 0;
    text-align: left;
}

.vtm-wp-content .list_item.lists_1 .list_right h4.title,
.vtm-wp-content .mfn-icon-box .desc-wrapper h4.title {
    margin: 0 0 0.15rem 0 !important;
    font-size: 1.08rem !important;
    color: #ecf0f6 !important;
    line-height: 1.25;
}

.vtm-wp-content .list_item.lists_1 .list_right .desc,
.vtm-wp-content .mfn-icon-box .desc-wrapper .desc {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.76rem;
    color: rgba(216, 222, 233, 0.82) !important;
    line-height: 1.4;
}

/* 5-Across .trailer_box Component Cards with Lower-Center Overlay Pill Badge & QTY Readout */
.vtm-wp-content .trailer_box {
    position: relative;
    border: 1.25px solid var(--sketch-chalk);
    background: #14171a;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.6);
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
    height: 100%;
}

.vtm-wp-content .trailer_box:hover {
    transform: translate3d(0, -3px, 0);
    border-color: var(--sketch-amber);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.65), 0 0 12px rgba(237, 166, 59, 0.3);
}

.vtm-wp-content .trailer_box a {
    display: flex;
    flex-direction: column;
    text-decoration: none !important;
    color: inherit !important;
    height: 100%;
}

.vtm-wp-content .trailer_box img {
    width: 100%;
    aspect-ratio: 948 / 696;
    object-fit: cover;
    border: none !important;
    border-bottom: 1.25px solid rgba(216, 222, 233, 0.45) !important;
    padding: 0 !important;
    box-shadow: none !important;
    background: #ffffff;
    display: block;
}

.vtm-wp-content .trailer_box .desc {
    position: relative;
    padding: 0.4rem 0.5rem 0.7rem;
    background: rgba(20, 23, 26, 0.96);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
}

.vtm-wp-content .trailer_box .desc .subtitle {
    display: inline-block;
    background-color: #6b3814;
    background-image: repeating-linear-gradient(
        -45deg,
        rgba(219, 122, 49, 0.72) 0px,
        rgba(219, 122, 49, 0.72) 2px,
        rgba(110, 56, 20, 0.85) 2px,
        rgba(110, 56, 20, 0.85) 5px
    );
    color: #ffffff !important;
    border: 1px solid var(--sketch-chalk);
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.66rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.22rem 0.55rem;
    margin-top: -1.15rem;
    margin-bottom: 0.3rem;
    z-index: 2;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.7);
    line-height: 1.25;
    max-width: 96%;
}

.vtm-wp-content .trailer_box .desc .title {
    font-family: 'Rajdhani', 'Space Grotesk', sans-serif !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    color: #ecf0f6 !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2;
}

.vtm-wp-content .trailer_box .desc .line {
    width: 34px;
    height: 2px;
    background: var(--sketch-blue);
    margin-top: 0.3rem;
}

/* Responsive 16:9 YouTube Video Frame (.content_video / .rll-youtube-player) */
.vtm-wp-content .content_video,
.vtm-wp-content .vtm-yt-frame {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 1.5px solid var(--sketch-chalk);
    background: #101317;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.65);
    overflow: hidden;
}

.vtm-wp-content .content_video iframe,
.vtm-wp-content .vtm-yt-frame iframe {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    border: 0;
}

/* YouTube Options Toolbar (Plays on page + Option to watch on YouTube) */
.vtm-wp-content .vtm-yt-options-bar {
    width: 100%;
    margin-top: 10px;
    padding: 8px 12px;
    background: #081426;
    border: 1px solid #152c4a;
    border-radius: 4px;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.45);
}

.vtm-wp-content .vtm-yt-options-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    font-family: 'JetBrains Mono', monospace;
}

.vtm-wp-content .vtm-yt-tag {
    color: var(--sketch-amber, #eda63b);
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    gap: 5px;
}

.vtm-wp-content .vtm-yt-external-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    background: #0c1e34;
    border: 1.5px solid var(--sketch-orange, #db7a31);
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0.05em;
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    transition: all 0.15s ease;
}

.vtm-wp-content .vtm-yt-external-btn:hover {
    background: var(--sketch-orange, #db7a31);
    border-color: #ecf0f6;
    color: #ffffff !important;
    box-shadow: 0 0 12px rgba(219, 122, 49, 0.6);
    transform: translateY(-1px);
}

/* Interactive Draggable Before/After Image Comparison Slider (.before_after.twentytwenty-container) */
.vtm-wp-content .before_after.twentytwenty-container {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0.75rem auto;
    border: 1.5px solid var(--sketch-chalk);
    background: #101317;
    box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.65);
    overflow: hidden;
    user-select: none;
    touch-action: pan-y;
}

.vtm-wp-content .before_after.twentytwenty-container img {
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    display: block;
    width: 100%;
    height: auto;
    pointer-events: none;
}

.vtm-wp-content .vtm-ba-after-img {
    width: 100%;
    height: auto;
    display: block;
}

.vtm-wp-content .vtm-ba-before-clip {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.vtm-wp-content .vtm-ba-before-clip img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vtm-wp-content .vtm-ba-divider {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2.5px;
    background: #ecf0f6;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.85);
    transform: translateX(-50%);
    pointer-events: none;
    z-index: 4;
}

.vtm-wp-content .vtm-ba-knob {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    background: #14171a;
    border: 2px solid #ecf0f6;
    color: var(--sketch-amber);
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.75);
}

.vtm-wp-content .vtm-ba-badge {
    position: absolute;
    top: 12px;
    z-index: 3;
    background: rgba(20, 23, 26, 0.92);
    border: 1px solid var(--sketch-chalk);
    padding: 0.2rem 0.6rem;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    pointer-events: none;
}

.vtm-wp-content .vtm-ba-badge-before {
    left: 12px;
    color: var(--sketch-amber);
}

.vtm-wp-content .vtm-ba-badge-after {
    right: 12px;
    color: #46a568;
}

.vtm-wp-content .vtm-ba-range {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: ew-resize;
    z-index: 5;
    margin: 0;
}

/* Older Tutorial Modules: .progress_bars, .idea_box, .highlight, .mfn-link, .gallery, .blockquote */
.vtm-wp-content .progress_bars {
    padding: 0.85rem 1.1rem;
    border: 1.25px solid var(--sketch-chalk);
    background: rgba(20, 23, 26, 0.9);
    margin: 0.5rem 0;
}

.vtm-wp-content .progress_bars h4.title {
    margin: 0 0 0.65rem 0 !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 0.85rem !important;
    letter-spacing: 0.12em;
    color: var(--sketch-amber) !important;
}

.vtm-wp-content .progress_bars .bars_list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.vtm-wp-content .progress_bars .bars_list li {
    list-style: none !important;
}

.vtm-wp-content .progress_bars .bars_list h6 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 0.3rem 0 !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 0.78rem !important;
    text-transform: uppercase;
    color: #ecf0f6 !important;
}

.vtm-wp-content .progress_bars .bars_list .label {
    background: #14171a;
    border: 1px solid var(--sketch-chalk);
    padding: 0.05rem 0.45rem;
    color: var(--sketch-amber) !important;
    font-size: 0.72rem;
}

.vtm-wp-content .progress_bars .bars_list .bar {
    width: 100%;
    height: 16px !important;
    border: 1.25px solid var(--sketch-chalk);
    background: #101317;
    padding: 2px;
    overflow: hidden;
}

.vtm-wp-content .progress_bars .bars_list .bar .progress {
    display: block;
    height: 100%;
    background: repeating-linear-gradient(
        -55deg,
        var(--sketch-orange) 0px,
        var(--sketch-orange) 4px,
        #8c4616 4px,
        #8c4616 7px
    );
}

.vtm-wp-content .idea_box {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.65rem 1rem;
    border: 1.25px dashed var(--sketch-amber);
    background: rgba(92, 62, 14, 0.28);
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.82rem;
    color: #ecf0f6;
}

.vtm-wp-content .idea_box .icon {
    color: var(--sketch-amber);
    font-size: 1.15rem;
}

.vtm-wp-content .highlight {
    display: inline-block;
    padding: 0.25rem 0.65rem;
    border: 1px solid var(--sketch-orange);
    background: rgba(219, 122, 49, 0.2);
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--sketch-amber) !important;
}

.vtm-wp-content a.mfn-link {
    display: inline-block;
    padding: 0.45rem 0.95rem;
    border: 1.25px solid var(--sketch-chalk);
    background-color: rgba(0, 57, 116, 0.55);
    color: #ecf0f6 !important;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    text-decoration: none !important;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.55);
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.vtm-wp-content a.mfn-link:hover {
    border-color: var(--sketch-amber);
    background-color: var(--sketch-orange);
    color: #ffffff !important;
}

.vtm-wp-content .gallery {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
    margin: 1rem 0;
}

@media (min-width: 640px) {
    .vtm-wp-content .gallery.gallery-columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vtm-wp-content .gallery.gallery-columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .vtm-wp-content .gallery.gallery-columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

.vtm-wp-content .gallery .gallery-item {
    margin: 0;
}

.vtm-wp-content .blockquote {
    border-left: 3px solid var(--sketch-amber);
    background: rgba(20, 23, 26, 0.92);
    border-top: 1px solid rgba(216, 222, 233, 0.35);
    border-right: 1px solid rgba(216, 222, 233, 0.35);
    border-bottom: 1px solid rgba(216, 222, 233, 0.35);
    padding: 1rem 1.25rem;
    margin: 0.75rem 0;
}

.vtm-wp-content .blockquote blockquote {
    margin: 0 0 0.5rem 0;
    font-style: italic;
    color: #ecf0f6;
}

.vtm-wp-content .blockquote .author {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.76rem;
    color: var(--sketch-amber) !important;
    margin: 0;
}

/* Headings, Paragraphs, Captions & Images */
.vtm-wp-content h1, .vtm-wp-content h2, .vtm-wp-content h3, .vtm-wp-content h4, .vtm-wp-content h5, .vtm-wp-content h6,
.vtm-wp-content h1 span, .vtm-wp-content h2 span, .vtm-wp-content h3 span, .vtm-wp-content h4 span {
    color: #ecf0f6 !important;
    font-family: 'Rajdhani', 'Space Grotesk', sans-serif !important;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.3;
    margin-top: 0.85rem;
    margin-bottom: 0.65rem;
}
.vtm-wp-content h1 { font-size: 1.95rem; }
.vtm-wp-content h2 {
    font-size: 1.55rem;
    border-bottom: 1.25px dashed var(--sketch-chalk);
    padding-bottom: 0.4rem;
}
.vtm-wp-content h3 { font-size: 1.3rem; color: var(--sketch-amber) !important; }
.vtm-wp-content h4 { font-size: 1.15rem; color: var(--sketch-blue) !important; }
.vtm-wp-content p, .vtm-wp-content li, .vtm-wp-content span, .vtm-wp-content td, .vtm-wp-content th {
    color: #d8dee9 !important;
}
.vtm-wp-content a {
    color: var(--sketch-amber) !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.vtm-wp-content a:hover {
    color: var(--sketch-orange) !important;
}

/* Top Full-Width Tutorial Hero Image Banner (#Intro.vtm-tutorial-hero) */
#Intro.vtm-tutorial-hero {
    position: relative;
    width: 100%;
    height: clamp(340px, 62vh, 620px);
    background: #101317;
    border-bottom: 2px solid var(--sketch-chalk);
    overflow: hidden;
}

#Intro.vtm-tutorial-hero .vtm-hero-banner-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

#Intro.vtm-tutorial-hero::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 96px;
    background: linear-gradient(180deg, transparent 0%, rgba(16, 19, 23, 0.78) 100%);
    pointer-events: none;
}

#Intro.vtm-tutorial-hero .intro-next {
    position: absolute;
    left: 50%;
    bottom: 16px;
    transform: translateX(-50%);
    z-index: 3;
    width: 44px;
    height: 44px;
    border: 1.5px solid var(--sketch-chalk);
    background: rgba(20, 23, 26, 0.86);
    color: var(--sketch-amber);
    font-family: 'JetBrains Mono', monospace;
    font-size: 1.35rem;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.65);
    transition: transform 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}

#Intro.vtm-tutorial-hero .intro-next:hover {
    transform: translateX(-50%) translateY(2px);
    border-color: var(--sketch-amber);
    background: var(--sketch-orange);
    color: #ffffff;
}

/* YouTube In-Place Playable Poster Card */
.vtm-wp-content .vtm-yt-poster-card {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 220px;
    aspect-ratio: 16 / 9;
    background: #101317;
    overflow: hidden;
    text-decoration: none !important;
    cursor: pointer;
}

.vtm-wp-content .vtm-yt-poster-card img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    background: #101317 !important;
    transition: transform 0.25s ease, filter 0.25s ease;
}

.vtm-wp-content .vtm-yt-poster-card:hover img {
    transform: scale(1.02);
    filter: brightness(0.82);
}

.vtm-wp-content .vtm-yt-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 72px;
    height: 50px;
    background: rgba(219, 122, 49, 0.95);
    border: 2px solid #ffffff;
    color: #ffffff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.75);
    transition: transform 0.18s ease, background-color 0.18s ease;
}

.vtm-wp-content .vtm-yt-poster-card:hover .vtm-yt-play-btn {
    transform: translate(-50%, -50%) scale(1.08);
    background: #e11d48;
}

.vtm-wp-content .vtm-yt-poster-badge {
    position: absolute;
    bottom: 12px;
    left: 12px;
    padding: 0.25rem 0.65rem;
    background: rgba(20, 23, 26, 0.92);
    border: 1px solid var(--sketch-chalk);
    color: var(--sketch-amber) !important;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

/* Disable browser scroll anchoring inside .vtm-wp-content so DOM hydration never pulls scroll down */
html,
body,
.vtm-wp-content {
    overflow-anchor: none;
}

/* BeTheme Blog & Articles Grid (.posts_group.col-3 & .portfolio_group.col-4) */
.vtm-wp-content .posts_group {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    width: 100%;
    margin: 1rem 0;
}

@media (min-width: 768px) {
    .vtm-wp-content .posts_group.col-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.vtm-wp-content .posts_group article.post-item {
    display: flex;
    flex-direction: column;
    border: 1.25px solid var(--sketch-chalk);
    background: rgba(20, 23, 26, 0.94);
    padding: 0.95rem;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.65);
}

.vtm-wp-content .posts_group .image_links,
.vtm-wp-content .posts_group .button-love,
.vtm-wp-content .posts_group .cat-wrapper,
.vtm-wp-content .posts_group .post-footer .avatar,
.vtm-wp-content .portfolio_group .image_links,
.vtm-wp-content .portfolio_group .button-love,
.vtm-wp-content .section-filters {
    display: none !important;
}

.vtm-wp-content .posts_group .date_label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.72rem;
    color: var(--sketch-amber) !important;
    margin-bottom: 0.5rem;
}

.vtm-wp-content .posts_group .post-photo-wrapper img {
    width: 100% !important;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border: 1.25px solid rgba(216, 222, 233, 0.45) !important;
    margin-bottom: 0.75rem;
}

.vtm-wp-content .posts_group .entry-title {
    font-size: 1.2rem !important;
    border-bottom: none !important;
    margin: 0.35rem 0 0.5rem 0 !important;
    padding-bottom: 0 !important;
}

.vtm-wp-content .posts_group .entry-title a {
    color: #ecf0f6 !important;
    text-decoration: none !important;
}

.vtm-wp-content .posts_group .entry-title a:hover {
    color: var(--sketch-amber) !important;
}

.vtm-wp-content .posts_group .post-meta,
.vtm-wp-content .posts_group .post-footer {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.72rem;
    color: rgba(216, 222, 233, 0.75) !important;
    margin-top: auto;
    padding-top: 0.5rem;
    border-top: 1px dashed rgba(216, 222, 233, 0.3);
}

.vtm-wp-content .portfolio_group {
    list-style: none !important;
    padding: 0 !important;
    margin: 1.5rem 0 !important;
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
}

@media (min-width: 768px) {
    .vtm-wp-content .portfolio_group.col-4 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.vtm-wp-content .portfolio_group li.portfolio-item {
    list-style: none !important;
    border: 1.25px solid var(--sketch-chalk);
    background: rgba(20, 23, 26, 0.94);
    padding: 0.85rem;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.6);
}

.vtm-wp-content .image_frame,
.vtm-wp-content .image_wrapper {
    width: 100%;
}

.vtm-wp-content .image_frame.aligncenter {
    text-align: center;
}

.vtm-wp-content img,
.vtm-wp-content .mcb-column.column_image img,
.vtm-wp-content img:not(.trailer_box img) {
    max-width: 100%;
    height: auto;
    border-radius: 0 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}

.vtm-wp-content .trailer_box img {
    background: #ffffff !important;
    border-bottom: 1.25px solid rgba(216, 222, 233, 0.45) !important;
}

.vtm-wp-content .image_frame.stretch img {
    width: 100%;
}

/* Keep the light vellum pad #f1f5f9 strictly on ir-receiver-pins where black text OUT GND VCC is drawn on a transparent background */
.vtm-wp-content .mcb-column.column_image img[src*="ir-receiver-pins"],
.vtm-wp-content img[src*="ir-receiver-pins"] {
    background: #f1f5f9 !important;
    border: 1.5px solid var(--sketch-chalk) !important;
    padding: 8px !important;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.55) !important;
}

.vtm-wp-content .wp-caption-text {
    margin: 0.4rem 0 0 0 !important;
    padding: 0.35rem 0.65rem;
    background: rgba(20, 23, 26, 0.92);
    border: 1px solid rgba(216, 222, 233, 0.4);
    border-top: none;
    text-align: center;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: var(--sketch-amber) !important;
}

/* Schematic symbol reference (page 2993): Clean 1:1 actual-size vector symbols directly on blueprint blue background */
[data-id="2993"] .mfn-img-box,
[data-id="2993"] .image_frame {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 auto 8px !important;
}

[data-id="2993"] .mfn-img-box .image_wrapper {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    min-width: unset !important;
    min-height: unset !important;
    width: auto !important;
}

[data-id="2993"] .image_wrapper img[src*=".png"],
[data-id="2993"] img[src*=".png"],
[data-id="2993"] img.scale-with-grid[src*=".png"] {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    display: inline-block !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    filter: invert(1) brightness(1.45) contrast(1.25) !important;
}

/* Remove black background boxes behind schematic symbol labels & headings */
.vtm-wp-content [data-id="2993"] code,
[data-id="2993"] code {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Prev / Next Tutorial Cards (.fixed-nav-prev on LEFT, .fixed-nav-next on RIGHT at Bottom, Never at Top) */
.vtm-wp-content .vtm-prev-next-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    width: 100%;
    margin-top: 2rem;
    padding-top: 1.25rem;
    border-top: 1.25px dashed rgba(216, 222, 233, 0.45);
}

@media (min-width: 640px) {
    .vtm-wp-content .vtm-prev-next-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.vtm-wp-content a.fixed-nav {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.65rem 0.85rem;
    border: 1.25px solid var(--sketch-chalk);
    background-color: #14171a;
    background-image: repeating-linear-gradient(
        -42deg,
        var(--sheet-hatch-rgba) 0px,
        var(--sheet-hatch-rgba) 2px,
        transparent 2px,
        transparent 7px
    );
    text-decoration: none !important;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.6);
    transition: transform 0.18s ease, border-color 0.18s ease;
}

.vtm-wp-content a.fixed-nav:hover {
    transform: translate3d(0, -2px, 0);
    border-color: var(--sketch-amber);
}

.vtm-wp-content a.fixed-nav-prev {
    justify-content: flex-start;
    text-align: left;
}

.vtm-wp-content a.fixed-nav-next {
    flex-direction: row-reverse;
    justify-content: flex-start;
    text-align: right;
}

.vtm-wp-content a.fixed-nav .arrow {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--sketch-chalk);
    background: rgba(0, 57, 116, 0.65);
    color: var(--sketch-amber) !important;
    font-size: 0.9rem;
}

.vtm-wp-content a.fixed-nav .photo {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    overflow: hidden;
}

.vtm-wp-content a.fixed-nav .photo img {
    width: 58px !important;
    height: 58px !important;
    object-fit: cover;
    padding: 0 !important;
    box-shadow: none !important;
}

.vtm-wp-content a.fixed-nav .desc {
    flex: 1;
    min-width: 0;
}

.vtm-wp-content a.fixed-nav .desc p {
    margin: 0 0 0.2rem 0 !important;
    font-family: 'Rajdhani', 'Space Grotesk', sans-serif !important;
    font-size: 1rem;
    font-weight: 700;
    color: #ecf0f6 !important;
    line-height: 1.25;
}

.vtm-wp-content a.fixed-nav .desc .date {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    color: var(--sketch-amber) !important;
}

/* Also dock .fixed-nav at left/right viewport edges on wide desktop screens while keeping them out of top flow */
@media (min-width: 1440px) {
    .vtm-wp-content a.fixed-nav {
        position: fixed;
        bottom: 68px;
        z-index: 44;
        max-width: 310px;
        padding: 0.45rem 0.65rem;
    }
    .vtm-wp-content a.fixed-nav-prev {
        left: 28px;
    }
    .vtm-wp-content a.fixed-nav-next {
        right: 26px;
    }
}

/* Share Bar (.share-simple-wrapper) */
.vtm-wp-content .share-simple-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1rem;
    margin-top: 1.5rem;
    border: 1.25px solid rgba(216, 222, 233, 0.45);
    background: #14171a;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.78rem;
}

.vtm-wp-content .share-simple-wrapper .share-label {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--sketch-amber) !important;
    font-weight: 700;
}

.vtm-wp-content .share-simple-wrapper .icons {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.vtm-wp-content .share-simple-wrapper .icons a {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--sketch-chalk);
    background: #181c20;
    color: #ecf0f6 !important;
    text-decoration: none !important;
}

.vtm-wp-content .share-simple-wrapper .icons a:hover {
    border-color: var(--sketch-amber);
    background: var(--sketch-orange);
}

.vtm-wp-content .share-simple-wrapper .button-love a {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    text-decoration: none !important;
}

.vtm-wp-content .share-simple-wrapper .button-love .icon-heart-fa {
    display: none;
}

/* Bottom Related Posts 3-Column Grid (.section-post-related) */
.vtm-wp-content .section-post-related {
    margin-top: 2rem;
    padding-top: 1.5rem !important;
    border-top: 1.5px solid rgba(216, 222, 233, 0.5);
}

.vtm-wp-content .section-related-adjustment {
    width: 100%;
}

.vtm-wp-content .section-related-adjustment > h4 {
    font-family: 'Rajdhani', 'Space Grotesk', sans-serif !important;
    font-size: 1.4rem !important;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--sketch-amber) !important;
    margin: 0 0 1rem 0 !important;
}

.vtm-wp-content .section-related-ul {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
    width: 100%;
}

@media (min-width: 768px) {
    .vtm-wp-content .section-related-ul.col-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.vtm-wp-content .section-related-ul .column.post-related {
    display: flex;
    flex-direction: column;
    border: 1.25px solid var(--sketch-chalk);
    background: rgba(20, 23, 26, 0.94);
    padding: 0.85rem;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.6);
}

.vtm-wp-content .section-related-ul .image_links {
    display: none !important;
}

.vtm-wp-content .section-related-ul .date_label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.72rem;
    color: var(--sketch-amber) !important;
    margin-top: 0.65rem;
}

.vtm-wp-content .section-related-ul .desc {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.vtm-wp-content .section-related-ul .desc h4 {
    font-size: 1.05rem !important;
    margin: 0.3rem 0 0.65rem 0 !important;
    line-height: 1.35;
}

.vtm-wp-content .section-related-ul .desc h4 a {
    color: #ecf0f6 !important;
    text-decoration: none !important;
}

.vtm-wp-content .section-related-ul .desc h4 a:hover {
    color: var(--sketch-amber) !important;
}

.vtm-wp-content .section-related-ul .desc hr.hr_color {
    border: none;
    border-top: 1px dashed rgba(216, 222, 233, 0.35);
    margin: auto 0 0.65rem 0;
}

.vtm-wp-content .section-related-ul .desc a.button {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.35rem 0.75rem;
    border: 1px solid var(--sketch-chalk);
    background: rgba(0, 57, 116, 0.55);
    color: #ecf0f6 !important;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.72rem;
    text-transform: uppercase;
    text-decoration: none !important;
}

.vtm-wp-content .section-related-ul .desc a.button:hover {
    background: var(--sketch-orange);
    border-color: var(--sketch-amber);
}

/* Older Tutorials Legacy Bottom Sidebar (.mcb-sidebar) & Comments Notice */
.vtm-wp-content .section-page-comments,
.vtm-wp-content .mcb-sidebar {
    display: none !important;
}

/* Tables & Code Blocks */
.vtm-wp-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.25rem 0;
    background: rgba(20, 23, 26, 0.92);
    border: 1.25px solid var(--sketch-chalk);
    border-radius: 0 !important;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.82rem;
}
.vtm-wp-content th, .vtm-wp-content td {
    padding: 0.65rem 0.85rem;
    border: 1px solid rgba(216, 222, 233, 0.35);
    text-align: left;
}
.vtm-wp-content th {
    background: rgba(0, 57, 116, 0.45);
    color: var(--sketch-amber) !important;
}
.vtm-wp-content pre, .vtm-wp-content code {
    font-family: 'JetBrains Mono', monospace !important;
    background: #101317 !important;
    color: #46a568 !important;
}
.vtm-wp-content pre {
    padding: 1.1rem;
    border-radius: 0 !important;
    border: 1.25px solid var(--sketch-chalk);
    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.6);
    overflow-x: auto;
    margin: 1rem 0;
    font-size: 0.82rem;
}

/* Global WordPress Parallax & Excessive Section Padding Collapse */
.vtm-wp-content img.mfn-parallax,
img.mfn-parallax[style*="opacity:0"],
img.mfn-parallax[style*="opacity: 0"] {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.vtm-wp-content .mcb-section:not(:has(p, h1, h2, h3, h4, h5, h6, ul, ol, table, pre, iframe, video, form, .rll-youtube-player, .before_after, img:not(.mfn-parallax))) {
    display: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Dark Chalkboard Styling for Migrated WordPress Forms (WPForms / CF7) */
.vtm-wp-content input[type="text"],
.vtm-wp-content input[type="email"],
.vtm-wp-content input[type="url"],
.vtm-wp-content input[type="tel"],
.vtm-wp-content textarea,
.vtm-wp-content select {
    background-color: #101317 !important;
    color: #ecf0f6 !important;
    border: 1.25px solid rgba(216, 222, 233, 0.55) !important;
    border-radius: 0 !important;
    padding: 0.6rem 0.85rem !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 0.8rem !important;
    width: 100%;
    max-width: 100%;
    outline: none;
}

.vtm-wp-content input[type="text"]:focus,
.vtm-wp-content input[type="email"]:focus,
.vtm-wp-content textarea:focus,
.vtm-wp-content select:focus {
    border-color: var(--sketch-amber) !important;
}

.vtm-wp-content button[type="submit"],
.vtm-wp-content input[type="submit"] {
    background-color: var(--sketch-orange) !important;
    color: #ffffff !important;
    border: 1.25px solid var(--sketch-chalk) !important;
    border-radius: 0 !important;
    padding: 0.65rem 1.25rem !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    cursor: pointer;
}

/* ==========================================================================
   VTM LABS LOGO (.labs-title), NEW FEATURE (.announcement-heading),
   & SCI-ART SHOWCASE CARDS (.sci-art-lab-item, .share-journey-btn)
   ========================================================================== */
.material-symbols-outlined {
    font-family: 'Material Symbols Outlined' !important;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.labs-title {
    display: flex;
    justify-content: center;
    align-items: baseline;
    margin-top: -15px;
    margin-bottom: 28px;
}

.labs-title .letter,
.vtm-wp-content .labs-title .letter {
    display: inline-block;
    font-weight: 700 !important;
    text-transform: uppercase;
    line-height: 1;
    text-shadow: 0 0 8px rgba(94, 210, 237, 0.6);
    transition: all 0.2s ease-out;
    position: relative;
}

.labs-title .letter:nth-child(1),
.vtm-wp-content .labs-title .letter:nth-child(1) {
    font-family: 'Orbitron', sans-serif !important;
    font-size: 75px;
    color: #00a1c4 !important;
    transform: rotate(-3deg);
    margin-right: -5px;
}

.labs-title .letter:nth-child(2),
.vtm-wp-content .labs-title .letter:nth-child(2) {
    font-family: 'Press Start 2P', cursive !important;
    font-size: 55px;
    color: #db7a31 !important;
    transform: rotate(2deg);
    margin-left: -5px;
}

.labs-title .letter:nth-child(3),
.vtm-wp-content .labs-title .letter:nth-child(3) {
    font-family: 'Major Mono Display', monospace !important;
    font-size: 90px;
    color: #46a568 !important;
    transform: rotate(-1deg);
    margin-right: -5px;
}

.labs-title .letter:nth-child(4),
.vtm-wp-content .labs-title .letter:nth-child(4) {
    font-family: 'Share Tech Mono', monospace !important;
    font-size: 60px;
    color: #eca53a !important;
    transform: rotate(3deg);
    margin-left: -5px;
}

.labs-title .letter:hover,
.vtm-wp-content .labs-title .letter:hover {
    transform: translateY(-5px) scale(1.1) rotate(0deg);
    text-shadow: 0 0 15px #5ed2ed, 0 0 25px #FF69B4;
    z-index: 2;
}

@media (max-width: 992px) {
    .labs-title .letter:nth-child(1), .vtm-wp-content .labs-title .letter:nth-child(1) { font-size: 58px; }
    .labs-title .letter:nth-child(2), .vtm-wp-content .labs-title .letter:nth-child(2) { font-size: 48px; }
    .labs-title .letter:nth-child(3), .vtm-wp-content .labs-title .letter:nth-child(3) { font-size: 62px; }
    .labs-title .letter:nth-child(4), .vtm-wp-content .labs-title .letter:nth-child(4) { font-size: 52px; }
}

@media (max-width: 768px) {
    .labs-title .letter:nth-child(1), .vtm-wp-content .labs-title .letter:nth-child(1) { font-size: 50px; }
    .labs-title .letter:nth-child(2), .vtm-wp-content .labs-title .letter:nth-child(2) { font-size: 42px; }
    .labs-title .letter:nth-child(3), .vtm-wp-content .labs-title .letter:nth-child(3) { font-size: 55px; }
    .labs-title .letter:nth-child(4), .vtm-wp-content .labs-title .letter:nth-child(4) { font-size: 45px; }
    .labs-title { margin-top: 10px; margin-bottom: 22px; }
}

@media (max-width: 576px) {
    .labs-title .letter:nth-child(1), .vtm-wp-content .labs-title .letter:nth-child(1) { font-size: 45px; }
    .labs-title .letter:nth-child(2), .vtm-wp-content .labs-title .letter:nth-child(2) { font-size: 38px; }
    .labs-title .letter:nth-child(3), .vtm-wp-content .labs-title .letter:nth-child(3) { font-size: 50px; }
    .labs-title .letter:nth-child(4), .vtm-wp-content .labs-title .letter:nth-child(4) { font-size: 40px; }
}

/* NEW FEATURE / Announcement Multi-Font Heading */
.announcement-heading {
    display: flex;
    justify-content: center;
    align-items: baseline;
    flex-wrap: wrap;
    line-height: 1;
    margin-top: 24px;
    margin-bottom: 28px;
}

.announcement-letter,
.vtm-wp-content .announcement-letter {
    display: inline-block;
    font-weight: 700 !important;
    text-transform: uppercase;
    line-height: 1;
    text-shadow: 0 0 8px rgba(94, 210, 237, 0.6);
    transition: all 0.2s ease-out;
    position: relative;
    margin: 0 -4px;
}

.announcement-letter:hover,
.vtm-wp-content .announcement-letter:hover {
    transform: translateY(-5px) scale(1.1) rotate(0deg);
    text-shadow: 0 0 15px #5ed2ed, 0 0 25px #FF69B4;
    z-index: 2;
}

.announcement-letter:nth-child(4n+1),
.vtm-wp-content .announcement-letter:nth-child(4n+1) {
    font-family: 'Orbitron', sans-serif !important;
    font-size: 64px;
    color: #00a1c4 !important;
    transform: rotate(-3deg);
}

.announcement-letter:nth-child(4n+2),
.vtm-wp-content .announcement-letter:nth-child(4n+2) {
    font-family: 'Press Start 2P', cursive !important;
    font-size: 46px;
    color: #db7a31 !important;
    transform: rotate(2deg);
}

.announcement-letter:nth-child(4n+3),
.vtm-wp-content .announcement-letter:nth-child(4n+3) {
    font-family: 'Major Mono Display', monospace !important;
    font-size: 76px;
    color: #46a568 !important;
    transform: rotate(-1deg);
}

.announcement-letter:nth-child(4n+0),
.vtm-wp-content .announcement-letter:nth-child(4n+0) {
    font-family: 'Share Tech Mono', monospace !important;
    font-size: 52px;
    color: #eca53a !important;
    transform: rotate(3deg);
}

@media (max-width: 992px) {
    .announcement-letter:nth-child(4n+1), .vtm-wp-content .announcement-letter:nth-child(4n+1) { font-size: 50px; }
    .announcement-letter:nth-child(4n+2), .vtm-wp-content .announcement-letter:nth-child(4n+2) { font-size: 40px; }
    .announcement-letter:nth-child(4n+3), .vtm-wp-content .announcement-letter:nth-child(4n+3) { font-size: 62px; }
    .announcement-letter:nth-child(4n+0), .vtm-wp-content .announcement-letter:nth-child(4n+0) { font-size: 44px; }
}

@media (max-width: 576px) {
    .announcement-letter:nth-child(4n+1), .vtm-wp-content .announcement-letter:nth-child(4n+1) { font-size: 36px; }
    .announcement-letter:nth-child(4n+2), .vtm-wp-content .announcement-letter:nth-child(4n+2) { font-size: 30px; }
    .announcement-letter:nth-child(4n+3), .vtm-wp-content .announcement-letter:nth-child(4n+3) { font-size: 46px; }
    .announcement-letter:nth-child(4n+0), .vtm-wp-content .announcement-letter:nth-child(4n+0) { font-size: 34px; }
}

/* Slogan, Intro Paragraphs, Innovation Stream & System Update Badge */
.sci-art-slogan,
.vtm-wp-content .sci-art-slogan,
.vtm-wp-content .sci-art-slogan p {
    font-family: 'Major Mono Display', monospace !important;
    font-size: 22px;
    color: #a0d8f0 !important;
    margin-bottom: 36px;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 1.4;
    text-align: center;
}

.sci-art-slogan .material-symbols-outlined,
.vtm-wp-content .sci-art-slogan .material-symbols-outlined {
    font-size: 24px !important;
    vertical-align: -4px;
    margin: 0 5px;
    color: #5ed2ed !important;
}

.sci-art-intro-text,
.vtm-wp-content .sci-art-intro-text,
.vtm-wp-content .sci-art-intro-text p {
    font-family: 'Share Tech Mono', monospace !important;
    font-size: 17px;
    line-height: 1.8;
    max-width: 800px;
    margin: 0 auto 28px auto;
    color: #c0c8d0 !important;
    letter-spacing: 0.5px;
    text-align: center;
}

.sci-art-intro-text .material-symbols-outlined,
.vtm-wp-content .sci-art-intro-text .material-symbols-outlined {
    font-size: 28px !important;
    vertical-align: -5px;
    margin: 0 5px;
    color: #5ed2ed !important;
}

.innovation-stream-text,
.vtm-wp-content .innovation-stream-text {
    font-family: 'Share Tech Mono', monospace !important;
    font-size: 19px;
    color: #5ed2ed !important;
    margin-top: 16px;
    margin-bottom: 18px;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-align: center;
}

.innovation-stream-text .material-symbols-outlined,
.vtm-wp-content .innovation-stream-text .material-symbols-outlined {
    font-size: 26px !important;
    color: #5ed2ed !important;
}

.cta-pre-text,
.vtm-wp-content .cta-pre-text {
    font-family: 'Share Tech Mono', monospace !important;
    font-size: 18px;
    line-height: 1.6;
    color: #a0d8f0 !important;
    margin: 28px auto 18px auto;
    text-align: center;
    letter-spacing: 0.8px;
    max-width: 700px;
}

@keyframes vtm-badge-blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

.system-update-badge,
.vtm-wp-content .system-update-badge {
    background-color: transparent;
    color: #39FF14 !important;
    padding: 3px 8px;
    border-radius: 3px;
    font-family: 'Share Tech Mono', monospace !important;
    font-size: 0.88em;
    text-transform: uppercase;
    margin-left: 6px;
    display: inline-block;
    box-shadow: 0 0 5px rgba(57, 255, 20, 0.5);
    animation: vtm-badge-blink 1s steps(1, start) infinite;
}

/* Tilted Lab Profile Cards (.sci-art-lab-item) */
.sci-art-lab-item,
.vtm-wp-content .sci-art-lab-item {
    background-color: #1a2c3a !important;
    border: 2px solid #3d5a73 !important;
    border-radius: 12px !important;
    padding: 32px !important;
    text-align: center;
    transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.sci-art-lab-item:hover,
.vtm-wp-content .sci-art-lab-item:hover {
    transform: translateY(-8px) scale(1.02) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.65);
    border-color: #5ed2ed !important;
}

.sci-art-lab-item .mfn-mask-shape.circle img,
.sci-art-lab-avatar {
    border-radius: 50% !important;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    max-width: 220px;
    margin: 0 auto 14px auto;
    display: block;
}

.sci-art-thumb-title,
.sci-art-thumb-title .title,
.vtm-wp-content .sci-art-thumb-title .title {
    font-family: 'Orbitron', sans-serif !important;
    font-weight: 700 !important;
    font-size: 28px !important;
    color: #e0e6eb !important;
    margin-top: 8px !important;
    margin-bottom: 12px !important;
    line-height: 1.2 !important;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    text-align: center;
}

.sci-art-thumb-desc,
.sci-art-thumb-desc p,
.vtm-wp-content .sci-art-thumb-desc p {
    font-family: 'Share Tech Mono', monospace !important;
    font-size: 16px !important;
    color: #a0d8f0 !important;
    line-height: 1.6 !important;
    text-align: center;
}

.btn-container {
    text-align: center;
    margin-top: 24px;
    margin-bottom: 24px;
}

a.share-journey-btn,
.vtm-wp-content a.share-journey-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Orbitron', sans-serif !important;
    font-size: 16px;
    font-weight: 700 !important;
    color: #5ed2ed !important;
    background: transparent;
    border: 1px solid #3d5a73;
    padding: 14px 26px;
    border-radius: 8px;
    text-decoration: none !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

a.share-journey-btn:hover,
.vtm-wp-content a.share-journey-btn:hover {
    color: #ffffff !important;
    background-color: #00a1c4;
    border-color: #5ed2ed;
    box-shadow: 0 0 20px #5ed2ed, 0 0 30px #5ed2ed;
    transform: translateY(-3px);
    text-decoration: none !important;
}

a.share-journey-btn .material-symbols-outlined,
.vtm-wp-content a.share-journey-btn .material-symbols-outlined {
    font-size: 26px !important;
    margin-left: 8px;
    line-height: 1;
    color: inherit !important;
}

.form-divider {
    text-align: center !important;
    margin: 40px 0 !important;
}

.form-divider .divider-icon,
.vtm-wp-content .form-divider .divider-icon {
    font-family: 'Material Symbols Outlined' !important;
    font-size: 54px !important;
    color: #5ed2ed !important;
    text-shadow: 0 0 15px rgba(94, 210, 237, 0.8), 0 0 25px rgba(94, 210, 237, 0.6) !important;
    display: inline-block !important;
}

/* ==========================================================================
   VTM LABS SUBMISSION FORM (.wpforms-container, .vtm-labs-form-card)
   Clean, Uniquely Coded Form Styling Matching Live Site Standards
   ========================================================================== */
.vtm-labs-form-card {
    background-color: rgba(8, 20, 38, 0.95);
    border: 2px solid #234a78;
    border-radius: 16px;
    padding: 2.25rem 2rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.vtm-labs-form-card:hover {
    border-color: #5ed2ed;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.75), 0 0 20px rgba(94, 210, 237, 0.15);
}

.wpforms-container {
    width: 100%;
    margin: 0 auto;
}
.wpforms-head-container {
    text-align: center;
    border-bottom: 1.5px solid #152c4a;
    padding-bottom: 1.25rem;
    margin-bottom: 2rem;
}
.wpforms-title {
    font-family: 'Orbitron', sans-serif !important;
    font-size: clamp(1.4rem, 3vw, 1.9rem) !important;
    font-weight: 700 !important;
    color: #5ed2ed !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    text-shadow: 0 0 10px rgba(94, 210, 237, 0.5);
    margin: 0;
}

.wpforms-field-container {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

.wpforms-field {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.wpforms-field-label {
    font-family: 'Share Tech Mono', monospace !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #a0d8f0 !important;
    letter-spacing: 0.5px;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
}

.wpforms-required-label {
    color: #db7a31 !important;
    font-weight: bold;
}

.wpforms-field-description {
    font-family: 'Share Tech Mono', monospace !important;
    font-size: 13px !important;
    color: #8892b0 !important;
    line-height: 1.5 !important;
    margin-top: 6px;
    margin-bottom: 6px;
}

.wpforms-field-row {
    display: flex;
    gap: 16px;
    width: 100%;
    flex-wrap: wrap;
}

.wpforms-field-row-block {
    flex: 1 1 calc(50% - 8px);
    min-width: 200px;
    display: flex;
    flex-direction: column;
}

.wpforms-field-sublabel {
    font-family: 'Share Tech Mono', monospace !important;
    font-size: 11px !important;
    color: #6272a4 !important;
    text-transform: uppercase;
    margin-top: 4px;
    letter-spacing: 0.5px;
}

/* Inputs & Textareas */
.wpforms-container input[type="text"],
.wpforms-container input[type="email"],
.wpforms-container textarea {
    width: 100% !important;
    background-color: #040914 !important;
    border: 1.5px solid #234a78 !important;
    border-radius: 6px !important;
    padding: 10px 14px !important;
    color: #ecf0f6 !important;
    font-family: 'Share Tech Mono', monospace !important;
    font-size: 14px !important;
    transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
    box-sizing: border-box !important;
}

.wpforms-container input[type="text"]:focus,
.wpforms-container input[type="email"]:focus,
.wpforms-container textarea:focus {
    border-color: #5ed2ed !important;
    outline: none !important;
    box-shadow: 0 0 10px rgba(94, 210, 237, 0.4) !important;
}

.wpforms-container textarea {
    min-height: 110px !important;
    resize: vertical !important;
}

/* Radio & Checkboxes */
.wpforms-container ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 6px 0 !important;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.wpforms-container ul li {
    display: flex;
    align-items: center;
    gap: 10px;
}

.wpforms-container input[type="radio"],
.wpforms-container input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    accent-color: #2d8bea !important;
    cursor: pointer !important;
    margin: 0 !important;
}

.wpforms-field-label-inline {
    font-family: 'Share Tech Mono', monospace !important;
    font-size: 14px !important;
    color: #d8dee9 !important;
    cursor: pointer;
    margin: 0 !important;
}

/* Submit Container & Button */
.wpforms-submit-container {
    text-align: center;
    margin-top: 2rem;
}

.wpforms-submit {
    display: inline-block !important;
    width: 100% !important;
    max-width: 280px !important;
    padding: 14px 28px !important;
    font-family: 'Orbitron', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #1f844a 0%, #166534 100%) !important;
    border: 1.5px solid #46a568 !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all 0.3s ease-in-out !important;
    box-shadow: 0 0 16px rgba(31, 132, 74, 0.45) !important;
}

.wpforms-submit:hover {
    background: linear-gradient(135deg, #28a745 0%, #1f844a 100%) !important;
    border-color: #5ed2ed !important;
    box-shadow: 0 0 25px rgba(94, 210, 237, 0.6) !important;
    transform: translateY(-2px) !important;
}

/* ==========================================================================
   ABOUT PAGE (post-5647): HERO, SECTION BACKGROUNDS, 4-UP STRIP,
   16-ENTRY EVOLUTION TIMELINE (.timeline_items) & LAB NOTEBOOK (.feature_list)
   ========================================================================== */
.vtm-wp-content section.mcb-section-ab8d8f637 {
    min-height: clamp(320px, 50vh, 520px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4.5rem 2rem !important;
    margin-bottom: 2rem;
    background-color: #003974;
    background-image:
        linear-gradient(180deg, rgba(0, 57, 116, 0.72) 0%, rgba(13, 27, 46, 0.84) 100%);
    background-repeat: repeat;
    background-position: top center;
    border: 2px solid #ecf0f6;
    box-shadow: 7px 7px 0 rgba(0, 0, 0, 0.75);
}

.vtm-wp-content section.mcb-section-ab8d8f637 .mcb-section-inner-ab8d8f637 {
    justify-content: center !important;
    align-items: center !important;
    text-align: center;
}

.vtm-wp-content .page-main-heading {
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: clamp(2.1rem, 4.8vw, 4rem) !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.02em;
    color: #ffffff !important;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 4px 18px rgba(0, 0, 0, 0.85);
    margin: 0 auto !important;
}

.vtm-wp-content .page-main-heading .highlight-green,
.highlight-green {
    color: #46a568 !important;
    background: rgba(16, 24, 36, 0.82);
    padding: 0.05em 0.3em;
    border-bottom: 3px solid #46a568;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

/* Section 02: How I became a VideotronicMaker (#1F844A Brand Green) */
.vtm-wp-content section.mcb-section-d204f783f {
    padding: 3rem 2rem !important;
    margin-bottom: 2rem;
    background: linear-gradient(135deg, rgba(31, 132, 74, 0.92) 0%, rgba(16, 68, 39, 0.96) 100%);
    border: 1.5px solid #ecf0f6;
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.65);
}

.vtm-wp-content section.mcb-section-d204f783f .mcb-item-b9074c02b .column_attr {
    text-align: right;
}

@media (max-width: 767px) {
    .vtm-wp-content section.mcb-section-d204f783f .mcb-item-b9074c02b .column_attr,
    .vtm-wp-content section.mcb-section-d204f783f .mcb-item-7c13818b9 .column_attr {
        text-align: center;
    }
}

/* Section 03: From Broadcast Television to the Maker Movement (#DB7A31 + Orange Outlines) */
.vtm-wp-content section.mcb-section-93f98ffb4 {
    padding: 3rem 2rem !important;
    margin-bottom: 2rem;
    background-color: #db7a31;
    background-image:
        linear-gradient(135deg, rgba(219, 122, 49, 0.78) 0%, rgba(145, 68, 16, 0.88) 100%);
    background-position: center;
    border: 1.5px solid #ecf0f6;
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.65);
}

.vtm-wp-content section.mcb-section-93f98ffb4 h2.title,
.vtm-wp-content section.mcb-section-93f98ffb4 h4.title,
.vtm-wp-content section.mcb-section-93f98ffb4 p {
    color: #ffffff !important;
}

/* Section 04: 4-Column Maker Journey Visual Strip (.mcb-section-5ff6fc035) */
.vtm-wp-content section.mcb-section-5ff6fc035 {
    padding: 0.5rem 0 !important;
    margin-bottom: 2rem;
}

.vtm-wp-content section.mcb-section-5ff6fc035 .mcb-section-inner-5ff6fc035 {
    gap: 1rem !important;
}

.vtm-wp-content section.mcb-section-5ff6fc035 .mcb-wrap.one-fourth {
    flex: 1 1 calc(25% - 1rem);
    max-width: calc(25% - 0.75rem);
    min-width: 210px;
}

.vtm-wp-content .vtm-about-quad-card {
    position: relative;
    height: 310px;
    border: 1.5px solid #ecf0f6;
    background: #101317;
    box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.7);
    overflow: hidden;
}

.vtm-wp-content .vtm-about-quad-card img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    display: block !important;
    transition: transform 0.35s ease;
}

.vtm-wp-content .vtm-about-quad-card:hover img {
    transform: scale(1.04);
}

/* Section 05: The Spark of Ingenuity (#1F844A + Green Outlines) */
.vtm-wp-content section.mcb-section-a48f766eb {
    padding: 3rem 2rem !important;
    margin-bottom: 2rem;
    background-color: #1f844a;
    background-image:
        linear-gradient(135deg, rgba(31, 132, 74, 0.78) 0%, rgba(14, 62, 35, 0.9) 100%);
    background-position: center;
    border: 1.5px solid #ecf0f6;
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.65);
}

.vtm-wp-content section.mcb-section-a48f766eb .mcb-item-4e687d32a .title {
    text-align: right;
    color: #ffffff !important;
}

.vtm-wp-content section.mcb-section-a48f766eb .mcb-item-87eutyvm .image_wrapper {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

/* Section 06: The Evolution of VideotronicMaker Timeline (.mcb-section-a33b822bb & .timeline_items) */
.vtm-wp-content section.mcb-section-a33b822bb {
    padding: 3.5rem 2rem !important;
    margin-bottom: 2rem;
    background-color: #080c12;
    background-image:
        linear-gradient(180deg, rgba(8, 12, 18, 0.78) 0%, rgba(8, 12, 18, 0.86) 100%),
        url("../wp-content/uploads/2025/07/about_bkgrd_darkerjpg.webp");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border: 1.5px solid #ecf0f6;
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.75);
}

.vtm-wp-content .timeline_items {
    position: relative;
    list-style: none !important;
    padding: 1.5rem 0 !important;
    margin: 2rem auto 0 auto !important;
    max-width: 1040px;
}

.vtm-wp-content .timeline_items::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    background: linear-gradient(180deg, #2d8bea 0%, #db7a31 50%, #46a568 100%);
    transform: translateX(-50%);
}

.vtm-wp-content .timeline_items > li {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: start;
    padding: 1.35rem 0;
    margin: 0 !important;
}

.vtm-wp-content .timeline_items > li::before {
    content: "";
    position: absolute;
    top: 1.85rem;
    left: 50%;
    width: 14px;
    height: 14px;
    border-radius: 9999px;
    background: #14171a;
    border: 3px solid #db7a31;
    box-shadow: 0 0 0 3px rgba(45, 139, 234, 0.35);
    transform: translateX(-50%);
    z-index: 2;
}

.vtm-wp-content .timeline_items > li > h3 {
    margin: 0 !important;
    padding-right: 1.25rem;
    text-align: right;
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: #db7a31 !important;
}

.vtm-wp-content .timeline_items > li > h3 span {
    display: inline-block;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: #2d8bea !important;
    background: rgba(16, 24, 36, 0.95);
    border: 1px solid #2d8bea;
    padding: 0.15rem 0.55rem;
    margin-right: 0.5rem;
    margin-bottom: 0.35rem;
    vertical-align: middle;
}

.vtm-wp-content .timeline_items > li > .desc {
    background: rgba(16, 24, 36, 0.9);
    border: 1px solid rgba(45, 139, 234, 0.65);
    border-left: 3px solid #2d8bea;
    padding: 1rem 1.2rem;
    color: #ffffff !important;
    font-size: 0.94rem;
    line-height: 1.65;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.55);
}

/* Alternating odd/even layout on desktop */
@media (min-width: 768px) {
    .vtm-wp-content .timeline_items > li:nth-child(even) > h3 {
        order: 2;
        text-align: left;
        padding-right: 0;
        padding-left: 1.25rem;
    }
    .vtm-wp-content .timeline_items > li:nth-child(even) > .desc {
        order: 1;
        text-align: right;
        border-left: 1px solid rgba(45, 139, 234, 0.65);
        border-right: 3px solid #db7a31;
    }
}

@media (max-width: 767px) {
    .vtm-wp-content .timeline_items::before {
        left: 14px;
    }
    .vtm-wp-content .timeline_items > li {
        grid-template-columns: 1fr;
        gap: 0.65rem;
        padding-left: 2.25rem;
    }
    .vtm-wp-content .timeline_items > li::before {
        left: 14px;
    }
    .vtm-wp-content .timeline_items > li > h3 {
        text-align: left;
        padding-right: 0;
    }
}

/* Section 07: The Lab Notebook (.mcb-section-59bad9c54 & .feature_list) */
.vtm-wp-content section.mcb-section-59bad9c54 {
    padding: 3.25rem 2rem !important;
    margin-bottom: 2rem;
    background-color: #161f2c;
    background-image:
        linear-gradient(135deg, rgba(16, 24, 36, 0.9) 0%, rgba(0, 57, 116, 0.82) 100%);
    background-repeat: no-repeat;
    background-position: top center;
    border: 1.5px solid #ecf0f6;
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.65);
}

.vtm-wp-content section.mcb-section-59bad9c54 .mcb-section-inner-59bad9c54 {
    align-items: center !important;
}

.vtm-wp-content .feature_list ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 1rem 0 0 0 !important;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.vtm-wp-content .feature_list ul.fl-content:empty {
    display: none !important;
}

.vtm-wp-content .feature_list ul li {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    background: rgba(20, 23, 26, 0.92);
    border: 1.5px solid #ecf0f6;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.55);
    margin: 0 !important;
}

.vtm-wp-content .feature_list ul li .icon {
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 57, 116, 0.6);
    border: 1px solid #eda63b;
    color: #eda63b;
    font-family: 'JetBrains Mono', monospace;
    font-size: 1rem;
    font-weight: 700;
}

.vtm-wp-content .feature_list ul li .icon i {
    font-style: normal !important;
}

.vtm-wp-content .feature_list ul li .icon i.icon-videocam-line::before { content: ""; }
.vtm-wp-content .feature_list ul li .icon i.icon-code::before { content: "</>"; font-size: 0.8rem; }
.vtm-wp-content .feature_list ul li .icon i.fa-laptop-code::before { content: ""; }
.vtm-wp-content .feature_list ul li .icon i.fa-network-wired::before { content: ""; }
.vtm-wp-content i.icon-youtube::before,
.vtm-wp-content i.fa-youtube::before {
    content: "▶";
    font-style: normal;
}

.vtm-wp-content .feature_list ul li p {
    margin: 0 !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
}

/* Section 08: Join me on this exciting path (.mcb-section-01e03b3dd) */
.vtm-wp-content section.mcb-section-01e03b3dd {
    padding: 3.5rem 2rem !important;
    background-color: #0d1624;
    background-image:
        linear-gradient(90deg, rgba(13, 22, 36, 0.82) 0%, rgba(13, 22, 36, 0.92) 100%);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 50%;
    border: 1.5px solid #ecf0f6;
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.65);
}

.vtm-wp-content section.mcb-section-01e03b3dd .mcb-section-inner-01e03b3dd {
    justify-content: center !important;
    text-align: center;
}

.vtm-wp-content section.mcb-section-01e03b3dd .mcb-item-14d386423 .icon-wrapper {
    width: 64px !important;
    height: 64px !important;
    margin: 0 auto 1rem auto !important;
    background: #b40303 !important;
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
    font-size: 1.65rem !important;
}

.vtm-wp-content section.mcb-section-01e03b3dd .mcb-item-32d851f19 .title {
    font-size: clamp(1.75rem, 3.4vw, 2.75rem) !important;
    line-height: 1.18 !important;
    color: #ffffff !important;
    text-align: center;
}

.vtm-wp-content section.mcb-section-01e03b3dd .mcb-item-tc1ugmws {
    margin: 0 auto !important;
}

/* ============================================================================
   VTM PRO MAKER WORKBENCH PREVIEW (post-5958.css) — AUTHENTIC BETHEME STYLES
   ============================================================================ */

/* Prevent 100vw inline breakout sections from causing horizontal page scroll inside article container */
[data-id="5958"] .column_attr > section[style*="100vw"],
[data-id="5958"] #momentum[style*="100vw"] {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 1rem;
    box-sizing: border-box;
}

/* Section 01: Hero Banner (.mcb-section-9ce281b55) */
[data-id="5958"] section.mcb-section-9ce281b55 {
    position: relative;
    padding: 150px 2rem 130px 2rem !important;
    background-color: #dde3e9;
    background-image:
        linear-gradient(90deg, rgba(4, 9, 20, 0.78) 0%, rgba(4, 9, 20, 0.42) 55%, rgba(0, 0, 0, 0.16) 100%),
        url("../wp-content/uploads/2026/03/vtm-pro-maker-wb-on-desk-with-sunfounder-side-angle-scaled.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: 1.5px solid #ecf0f6;
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.65);
    margin-bottom: 2rem;
}

[data-id="5958"] .mcb-wrap-35182fe37 > .mcb-wrap-inner-35182fe37 {
    padding-left: 3.5rem;
}

[data-id="5958"] .mcb-item-78ba29426 .title {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 0.78rem !important;
    letter-spacing: 0.45em !important;
    font-weight: 600 !important;
    color: #db7a31 !important;
    text-transform: uppercase;
    margin-bottom: 0.75rem !important;
}

[data-id="5958"] .mcb-item-33b547e77 .title {
    font-family: 'Orbitron', 'Space Grotesk', sans-serif !important;
    font-weight: 800 !important;
    font-size: clamp(2.6rem, 5.8vw, 4.8rem) !important;
    line-height: 0.95 !important;
    color: #ffffff !important;
    margin-bottom: 0.25rem !important;
}

[data-id="5958"] .mcb-item-302452b22 .title {
    font-family: 'Orbitron', 'Space Grotesk', sans-serif !important;
    font-weight: 800 !important;
    font-size: clamp(2rem, 4.4vw, 3.6rem) !important;
    line-height: 1.02 !important;
    color: #2d8bea !important;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.65) !important;
    margin-bottom: 1.25rem !important;
}

[data-id="5958"] .mcb-item-8643ef812 .column_attr p {
    color: #e2e8f0 !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 1.05rem !important;
    line-height: 1.7 !important;
    text-shadow: 2px 2px 4px #000000;
}

/* Section 04: The Iterative Build Process (.mcb-section-d84387b50) */
[data-id="5958"] section.mcb-section-d84387b50 {
    padding-top: 3.5rem !important;
    padding-bottom: 3rem !important;
}

[data-id="5958"] .mcb-wrap-17b7bc61d > .mcb-wrap-inner-17b7bc61d {
    background-color: #003974 !important;
    padding: 2.5rem 2.5rem 1.5rem 3.5rem !important;
    border-top: 1.5px solid #ecf0f6;
    border-left: 1.5px solid #ecf0f6;
    border-right: 1.5px solid #ecf0f6;
}

[data-id="5958"] .mcb-item-e6c8907bd .title {
    text-align: left !important;
    font-family: 'Inter', sans-serif !important;
    font-size: clamp(1.65rem, 3vw, 2.5rem) !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    margin-bottom: 1.75rem !important;
}

[data-id="5958"] .mcb-item-425c89c54 .title {
    text-align: left !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 0.78rem !important;
    letter-spacing: 0.45em !important;
    font-weight: 700 !important;
    color: #eda63b !important;
    text-transform: uppercase;
}

[data-id="5958"] .mcb-wrap-b4466c05e > .mcb-wrap-inner-b4466c05e {
    background-color: #003974 !important;
    padding: 0 2rem 2.5rem 2rem !important;
    border-bottom: 1.5px solid #ecf0f6;
    border-left: 1.5px solid #ecf0f6;
    border-right: 1.5px solid #ecf0f6;
}

[data-id="5958"] #sc_gallery-1.gallery-columns-6 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.75rem !important;
}

@media (min-width: 640px) {
    [data-id="5958"] #sc_gallery-1.gallery-columns-6 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 1024px) {
    [data-id="5958"] #sc_gallery-1.gallery-columns-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }
}

[data-id="5958"] #sc_gallery-1 .gallery-item {
    margin: 0 !important;
    width: 100% !important;
}

[data-id="5958"] #sc_gallery-1 .gallery-item img {
    width: 100% !important;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border: 1.5px solid #ecf0f6 !important;
}

/* The Maker & The AI Developer 50/50 Cards (.mcb-wrap-431633894 & .mcb-wrap-22d2597bc) */
[data-id="5958"] .mcb-wrap-431633894 > .mcb-wrap-inner-431633894,
[data-id="5958"] .mcb-wrap-22d2597bc > .mcb-wrap-inner-22d2597bc {
    margin-top: 2rem !important;
    padding: 2rem !important;
    background: #14171a;
    border: 1.5px solid rgba(216, 222, 233, 0.75);
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.55);
}

[data-id="5958"] .mcb-item-a89428147 .title,
[data-id="5958"] .mcb-item-e9fa8652b .title {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 0.82rem !important;
    letter-spacing: 0.4em !important;
    font-weight: 700 !important;
    color: #eda63b !important;
    text-transform: uppercase;
    margin-bottom: 0.75rem !important;
}

/* Section 05: Select Your Build (.mcb-section-49cfb3690) */
[data-id="5958"] .mcb-item-8ec072ef9 .title {
    text-align: center !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 0.85rem !important;
    letter-spacing: 0.45em !important;
    font-weight: 700 !important;
    color: #eda63b !important;
    text-transform: uppercase;
    margin-bottom: 0.75rem !important;
}

[data-id="5958"] .mcb-item-c5175d5a1 .column_attr p {
    text-align: center !important;
    max-width: 760px;
    margin: 0 auto 2rem auto !important;
    color: #ecf0f6 !important;
}

/* Preserve dark typography inside explicit white-background blocks in post-5958 */
[data-id="5958"] .vtm-manifesto-container p {
    color: #171717 !important;
}

[data-id="5958"] .vtm-caption p {
    color: #ecf0f6 !important;
}

[data-id="5958"] #mode-matrix h2,
[data-id="5958"] #build-sequence h2,
[data-id="5958"] #evolution-sequence h2,
[data-id="5958"] #evolution-sequence h3,
[data-id="5958"] #build-sequence .mode-btn h3,
[data-id="5958"] #tier-details #detail-title,
[data-id="5958"] #evolution-sequence td.text-black {
    color: #111827 !important;
}

[data-id="5958"] #tier-details #detail-desc,
[data-id="5958"] #build-sequence #display-desc,
[data-id="5958"] #build-sequence .mode-btn p,
[data-id="5958"] #evolution-sequence p,
[data-id="5958"] #evolution-sequence td.text-gray-600 {
    color: #4b5563 !important;
}

[data-id="5958"] #tier-details .text-gray-800 {
    color: #1f2937 !important;
}

[data-id="5958"] #build-sequence .mode-btn.mode-active {
    border-color: #db7a31 !important;
    background-color: #fff7ed !important;
    box-shadow: 0 4px 14px rgba(219, 122, 49, 0.16);
}

@media (max-width: 767px) {
    [data-id="5958"] .mcb-wrap-35182fe37 > .mcb-wrap-inner-35182fe37,
    [data-id="5958"] .mcb-wrap-17b7bc61d > .mcb-wrap-inner-17b7bc61d {
        padding-left: 1.25rem !important;
    }
}

/* ============================================================================
   VTM MONTAGE BRANDING BACKGROUND: DOTTED GRID + LIVE SCROLLING TERMINAL +
   FULL-BLEED FLOWING CAD SPLINES, SCHEMATIC WATERMARKS & ANIMATING BOARD HUDS
   ============================================================================ */
#vtm-montage-backdrop {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    background-color: #040914;
    background-image:
        radial-gradient(circle, rgba(148, 163, 184, 0.24) 1px, transparent 1px),
        linear-gradient(to right, rgba(21, 44, 74, 0.38) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(21, 44, 74, 0.38) 1px, transparent 1px),
        linear-gradient(to right, rgba(35, 74, 120, 0.28) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(35, 74, 120, 0.28) 1px, transparent 1px);
    background-size: 24px 24px, 24px 24px, 24px 24px, 96px 96px, 96px 96px;
    background-position: 0 0;
}

#vtm-bg-terminal-wrap {
    position: absolute;
    top: 44px;
    bottom: 36px;
    left: 28px;
    width: min(46vw, 720px);
    overflow: hidden;
    pointer-events: none;
    opacity: 0.22;
    mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.9) 10%, rgba(0,0,0,0.9) 88%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.9) 10%, rgba(0,0,0,0.9) 88%, transparent 100%);
}

#vtm-bg-terminal-stream {
    font-family: "JetBrains Mono", Consolas, monospace;
    font-size: 12px;
    line-height: 1.55;
    white-space: pre;
    will-change: transform;
}

.vtm-term-line {
    display: flex;
    align-items: baseline;
    min-height: 18px;
}

.vtm-term-lnum {
    display: inline-block;
    width: 40px;
    color: #64748b;
    user-select: none;
    flex-shrink: 0;
}

.vtm-term-code {
    color: #2d8bea;
}

.vtm-term-cursor {
    display: inline-block;
    width: 7px;
    height: 13px;
    background-color: #db7a31;
    vertical-align: -2px;
    margin-left: 2px;
    animation: vtmTermBlink 0.75s steps(2, start) infinite;
}

@keyframes vtmTermBlink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

/* Full-Bleed Section Background Layer (Flows across and into adjacent blocks) */
.vtm-sec-board-layer {
    position: absolute;
    inset: -48px 0 -48px 0;
    pointer-events: none;
    overflow: visible;
    z-index: 0;
}

.vtm-sec-board-Host > *:not(.vtm-sec-board-layer):not(.cad-grid-bg):not(.absolute):not(svg.absolute):not(img.mix-blend-screen) {
    position: relative;
    z-index: 1;
}

.vtm-schem-watermark {
    display: none !important;
}

.vtm-flow-svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    user-select: none;
    overflow: visible;
}

/* GPU-Accelerated Animations: Flowing Signal Pulses, Rotating Polar Rings, & HUD Callouts */
@keyframes vtmSignalFlow {
    0% { stroke-dashoffset: 320; }
    100% { stroke-dashoffset: 0; }
}

@keyframes vtmPolarSpin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes vtmHudLineDraw {
    0%, 10% { stroke-dashoffset: 180; opacity: 0.25; }
    32%, 82% { stroke-dashoffset: 0; opacity: 0.95; }
    96%, 100% { stroke-dashoffset: 180; opacity: 0.25; }
}

@keyframes vtmHudNodePing {
    0%, 100% { transform: scale(0.85); opacity: 0.45; }
    50% { transform: scale(1.45); opacity: 1; }
}

@keyframes vtmHudBoxPulse {
    0%, 12% { opacity: 0.22; }
    35%, 80% { opacity: 0.92; }
    96%, 100% { opacity: 0.22; }
}

@keyframes vtmTangentFloat {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-6px); }
}

.vtm-signal-pulse {
    stroke-dasharray: 28 292;
    animation: vtmSignalFlow 7.5s linear infinite;
}

.vtm-signal-pulse-alt {
    stroke-dasharray: 22 298;
    animation: vtmSignalFlow 9.5s linear reverse infinite;
}

.vtm-polar-ring {
    transform-box: fill-box;
    transform-origin: center;
    animation: vtmPolarSpin 48s linear infinite;
}

.vtm-hud-leader {
    stroke-dasharray: 180;
    stroke-dashoffset: 0;
    animation: vtmHudLineDraw 9s cubic-bezier(0.22, 1, 0.36, 1) infinite;
}

.vtm-hud-leader-alt {
    stroke-dasharray: 180;
    stroke-dashoffset: 0;
    animation: vtmHudLineDraw 11s cubic-bezier(0.22, 1, 0.36, 1) 2.5s infinite;
}

.vtm-hud-node {
    transform-box: fill-box;
    transform-origin: center;
    animation: vtmHudNodePing 3.2s ease-in-out infinite;
}

.vtm-hud-node-alt {
    transform-box: fill-box;
    transform-origin: center;
    animation: vtmHudNodePing 4.1s ease-in-out 1.4s infinite;
}

.vtm-hud-callout {
    animation: vtmHudBoxPulse 9s ease-in-out infinite;
}

.vtm-hud-callout-alt {
    animation: vtmHudBoxPulse 11s ease-in-out 2.5s infinite;
}

.vtm-tangent-group {
    animation: vtmTangentFloat 6.5s ease-in-out infinite;
}

/* AI Vision Wireframe Sensor Scanning & Bracket Target Animations */
@keyframes vtmAiScanSweep {
    0%, 100% { transform: translateY(-24px); opacity: 0.15; }
    50% { transform: translateY(24px); opacity: 0.95; }
}

.vtm-ai-scan-line {
    transform-box: fill-box;
    transform-origin: center;
    animation: vtmAiScanSweep 3s ease-in-out infinite;
}

@keyframes vtmAiBracketPulse {
    0%, 100% { transform: scale(1); opacity: 0.75; }
    50% { transform: scale(1.06); opacity: 1; }
}

.vtm-ai-bracket {
    transform-box: fill-box;
    transform-origin: center;
    animation: vtmAiBracketPulse 2.8s ease-in-out infinite;
}

/* ============================================================================
   NATURAL SEQUENTIAL PEN TOOL BEZIER DRAWING ENGINE (12s Master Cycle)
   ============================================================================ */
@keyframes vtmPenAnchor1 {
    0%, 2% { opacity: 0; transform: scale(0.2); }
    6%, 92% { opacity: 1; transform: scale(1); }
    97%, 100% { opacity: 0; transform: scale(0.2); }
}

@keyframes vtmPenHandle1 {
    0%, 6% { opacity: 0; transform: scale(0.05); }
    15%, 92% { opacity: 0.95; transform: scale(1); }
    97%, 100% { opacity: 0; transform: scale(0.05); }
}

@keyframes vtmPenSeg1 {
    0%, 15% { stroke-dashoffset: 900; opacity: 0; }
    17% { opacity: 1; }
    36%, 92% { stroke-dashoffset: 0; opacity: 1; }
    97%, 100% { stroke-dashoffset: 900; opacity: 0; }
}

@keyframes vtmPenAnchor2 {
    0%, 33% { opacity: 0; transform: scale(0.2); }
    38%, 92% { opacity: 1; transform: scale(1); }
    97%, 100% { opacity: 0; transform: scale(0.2); }
}

@keyframes vtmPenHandle2 {
    0%, 37% { opacity: 0; transform: scale(0.05); }
    49%, 92% { opacity: 0.95; transform: scale(1); }
    97%, 100% { opacity: 0; transform: scale(0.05); }
}

@keyframes vtmPenSeg2 {
    0%, 49% { stroke-dashoffset: 900; opacity: 0; }
    51% { opacity: 1; }
    72%, 92% { stroke-dashoffset: 0; opacity: 1; }
    97%, 100% { stroke-dashoffset: 900; opacity: 0; }
}

@keyframes vtmPenAnchor3 {
    0%, 69% { opacity: 0; transform: scale(0.2); }
    75%, 92% { opacity: 1; transform: scale(1); }
    97%, 100% { opacity: 0; transform: scale(0.2); }
}

@keyframes vtmPenHandle3 {
    0%, 73% { opacity: 0; transform: scale(0.05); }
    82%, 92% { opacity: 0.95; transform: scale(1); }
    97%, 100% { opacity: 0; transform: scale(0.05); }
}

.vtm-pen-anchor-1,
.vtm-pen-anchor-2,
.vtm-pen-anchor-3,
.vtm-pen-handle-1,
.vtm-pen-handle-2,
.vtm-pen-handle-3 {
    transform-box: fill-box;
    transform-origin: center;
}

.vtm-pen-anchor-1 { animation: vtmPenAnchor1 12s cubic-bezier(0.22, 1, 0.36, 1) infinite; }
.vtm-pen-handle-1 { animation: vtmPenHandle1 12s cubic-bezier(0.22, 1, 0.36, 1) infinite; }
.vtm-pen-seg-1 {
    stroke-dasharray: 900;
    stroke-dashoffset: 900;
    animation: vtmPenSeg1 12s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.vtm-pen-anchor-2 { animation: vtmPenAnchor2 12s cubic-bezier(0.22, 1, 0.36, 1) infinite; }
.vtm-pen-handle-2 { animation: vtmPenHandle2 12s cubic-bezier(0.22, 1, 0.36, 1) infinite; }
.vtm-pen-seg-2 {
    stroke-dasharray: 900;
    stroke-dashoffset: 900;
    animation: vtmPenSeg2 12s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.vtm-pen-anchor-3 { animation: vtmPenAnchor3 12s cubic-bezier(0.22, 1, 0.36, 1) infinite; }
.vtm-pen-handle-3 { animation: vtmPenHandle3 12s cubic-bezier(0.22, 1, 0.36, 1) infinite; }

/* ============================================================================
   BATCH 1 SHARED ARTICLE & WORKBENCH PREVIEW CSS (#1, #2, #12)
   ============================================================================ */
/* #1: .vtm-os-breakout (UNO Q Prototyping Platform P3 & Controlling UNO Q with Python) */
.vtm-wp-content .vtm-os-breakout,
.vtm-os-breakout {
    position: relative;
    margin: 2rem 0;
    padding: 1.75rem 2rem;
    background: linear-gradient(135deg, rgba(8, 20, 38, 0.96) 0%, rgba(0, 57, 116, 0.88) 100%);
    border: 1.5px solid #2d8bea;
    border-left: 5px solid #db7a31;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.65);
    color: #ecf0f6;
}

.vtm-wp-content .vtm-os-breakout h3,
.vtm-wp-content .vtm-os-breakout h4,
.vtm-os-breakout h3,
.vtm-os-breakout h4 {
    font-family: 'Orbitron', 'Chakra Petch', sans-serif;
    color: #eda63b !important;
    margin-top: 0 !important;
    margin-bottom: 0.65rem !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.vtm-wp-content .vtm-os-breakout p,
.vtm-os-breakout p {
    color: #e5e9f0 !important;
    line-height: 1.7;
    margin-bottom: 0.85rem;
}

.vtm-wp-content .vtm-os-breakout a,
.vtm-os-breakout a {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 1.15rem;
    background-color: #db7a31;
    color: #ffffff !important;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    border: 1px solid #ecf0f6;
    text-decoration: none !important;
    transition: filter 0.18s ease, transform 0.18s ease;
}

.vtm-wp-content .vtm-os-breakout a:hover,
.vtm-os-breakout a:hover {
    filter: brightness(1.12);
    transform: translateY(-1px);
}

/* #2: .vm-labs-wrapper & .vm-terminal (David Antwi Yale Maker Origin) */
.vtm-wp-content .vm-labs-wrapper,
.vm-labs-wrapper {
    margin: 2rem 0;
    padding: 1.5rem;
    background-color: #081426;
    border: 1.5px solid #234a78;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.65);
}

.vtm-wp-content .vm-terminal,
.vm-terminal {
    background-color: #040914;
    border: 1.5px solid #2d8bea;
    font-family: 'JetBrains Mono', Consolas, monospace;
    font-size: 0.88rem;
    line-height: 1.65;
    color: #ecf0f6;
    overflow: hidden;
    box-shadow: inset 0 0 24px rgba(45, 139, 234, 0.12);
}

.vtm-wp-content .vm-terminal-header,
.vm-terminal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.55rem 1rem;
    background-color: #0c1e34;
    border-bottom: 1px solid #234a78;
    font-size: 0.75rem;
    color: #eda63b;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.vtm-wp-content .vm-terminal-body,
.vm-terminal-body {
    padding: 1.25rem 1.5rem;
    color: #d8dee9;
}

/* #12: White-Section Visibility & MODE 05 Card Contrast in vtm-pro-maker-workbench-preview ([data-id="5958"]) */
[data-id="5958"] section.bg-white,
[data-id="5958"] .bg-white,
[data-id="5958"] [style*="background-color: #ffffff"],
[data-id="5958"] [style*="background-color:#ffffff"] {
    background-color: #ffffff !important;
    color: #111827 !important;
}

[data-id="5958"] section.bg-white h1,
[data-id="5958"] section.bg-white h2,
[data-id="5958"] section.bg-white h3,
[data-id="5958"] section.bg-white h4,
[data-id="5958"] [style*="background-color: #ffffff"] h2,
[data-id="5958"] [style*="background-color: #ffffff"] h3 {
    color: #003974 !important;
    text-shadow: none !important;
}

[data-id="5958"] #mode-matrix button[onclick*="maker_pro"],
[data-id="5958"] #mode-matrix .bg-\[\#003974\] {
    background-color: #003974 !important;
    color: #ffffff !important;
    border-color: #db7a31 !important;
}

[data-id="5958"] #mode-matrix button[onclick*="maker_pro"] h3,
[data-id="5958"] #mode-matrix button[onclick*="maker_pro"] p,
[data-id="5958"] #mode-matrix button[onclick*="maker_pro"] span {
    color: #ffffff !important;
}

main, main header, footer, #vtm-shell-footer {
    position: relative;
    z-index: 1;
}

#vtm-shell-top {
    position: relative;
    z-index: 9000 !important;
}

#vtm-main-site-header, #vtm-home-sticky-header, header.sticky {
    z-index: 9000 !important;
}

header.sticky {
    position: sticky !important;
    top: 20px !important;
    z-index: 9000 !important;
}

/* Site-Wide Diagonal Sketch Colored Scrollbars */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background-color: #040914;
    border-left: 1px solid rgba(216, 222, 233, 0.35);
    border-top: 1px solid rgba(216, 222, 233, 0.35);
}

::-webkit-scrollbar-thumb {
    background-color: #db7a31;
    background-image: repeating-linear-gradient(
        -45deg,
        #db7a31 0px,
        #db7a31 5px,
        #eda63b 5px,
        #eda63b 10px
    );
    border: 1.5px solid #eda63b;
}

::-webkit-scrollbar-thumb:hover {
    background-image: repeating-linear-gradient(
        -45deg,
        #eda63b 0px,
        #eda63b 5px,
        #db7a31 5px,
        #db7a31 10px
    );
    border-color: #ecf0f6;
}

/* Semi-transparent dark section surfaces so the dotted grid, terminal, and flowing schematics show through */
.bg-vtmobsidian,
section.bg-vtmobsidian {
    background-color: rgba(4, 9, 20, 0.82) !important;
}

.bg-vtmsurface,
section.bg-vtmsurface,
main > section:not(.vtm-hero-gradient):not(.bg-white) {
    background-color: rgba(8, 20, 38, 0.84) !important;
}

#vtm-main-site-header {
    position: fixed !important;
    top: 20px !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9000 !important;
}

/* VTM Studio 2.2 Collapsible Bottom Icon Navigation Dock */
#bottom-mode-dock {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

#bottom-mode-dock.dock-collapsed {
    transform: translateY(100%);
}

#bottom-mode-dock.dock-collapsed #vtm-dock-toggle-btn {
    top: -26px !important;
    height: 26px !important;
    padding: 0 14px !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    box-shadow: 0 -4px 18px rgba(0, 0, 0, 0.9), 0 0 12px rgba(70, 165, 104, 0.8) !important;
}

/* ============================================================================
   VTM STUDIO 2.2 — STRUCTURAL SKETCHED DOCK & CHALK STROKE ENGINE
   Concept Sketch Parity: Boxes form the structural shape of the menu bar
   ============================================================================ */

/* Chalk / Charcoal hand-sketched outline filter */
.vtm-chalk-stroke {
    filter: url(#vtm-chalk-filter);
}

/* The structural dock container */
#bottom-mode-dock.vtm-structural-dock {
    background: rgba(8, 20, 38, 0.96);
    border-top: 1.5px solid var(--sketch-chalk);
    box-shadow: 0 -4px 20px rgba(4, 9, 20, 0.65);
}

/* Mode Menu Tab Interactive Pulsing & Green Glow (Signals Collapse / Raise Affordance) */
@keyframes vtmTabGreenThrob {
    0%, 100% {
        box-shadow: 0 -2px 6px rgba(31, 132, 74, 0.35), 0 0 4px rgba(70, 165, 104, 0.25);
        border-color: #234a78;
        transform: translateX(-50%) scale(1);
    }
    50% {
        box-shadow: 0 -4px 14px rgba(70, 165, 104, 0.8), 0 0 10px rgba(70, 165, 104, 0.6), inset 0 0 6px rgba(70, 165, 104, 0.35);
        border-color: #46a568;
        transform: translateX(-50%) scale(1.025);
    }
}

#vtm-dock-toggle-btn {
    animation: vtmTabGreenThrob 2.4s ease-in-out infinite;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

#vtm-dock-toggle-btn:hover {
    animation-play-state: paused;
    border-color: #46a568 !important;
    box-shadow: 0 -4px 16px rgba(70, 165, 104, 0.9), 0 0 12px rgba(70, 165, 104, 0.7), inset 0 0 8px rgba(70, 165, 104, 0.4) !important;
    transform: translateX(-50%) scale(1.04) !important;
}

/* Nav ribbon holding Option 5 Stepped Micro-Flange Terminal Faceplates */
.vtm-dock-ribbon {
    display: flex;
    align-items: center;
    height: 66px;
    padding: 2px 0;
    margin: 0;
    gap: 5px;
    overflow: visible !important;
}

/* Each navigation box: Container holding isolated Option 5 frame + razor-sharp content */
.vtm-dock-cell {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(68px, 6.2vw, 84px);
    height: 62px;
    min-height: 62px;
    margin-right: 0;
    color: #ecf0f6;
    text-decoration: none;
    user-select: none;
    z-index: 1;
    background: transparent;
}

/* 1. Isolated Stepped Micro-Flange Terminal Frame (Option 5: 1px Engineering Hairline) */
.vtm-chalk-frame {
    position: absolute;
    inset: 0;
    background: rgba(8, 20, 38, 0.95);
    border: 1px solid rgba(216, 222, 233, 0.38);
    filter: none !important;
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.15);
    pointer-events-none;
    z-index: 1;
    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

/* Deactivate rough hand-drawn overshoots */
.vtm-chalk-frame::before,
.vtm-chalk-frame::after {
    display: none !important;
}

/* Stepped Micro-Flange Terminal Tag (Option 5 Header Notch) */
.vtm-tag {
    position: absolute;
    top: -1px;
    left: -1px;
    padding: 1.5px 4.5px;
    font-size: 7.5px;
    font-family: 'Share Tech Mono', monospace;
    font-weight: 700;
    line-height: 1;
    background: #152c4a;
    color: #d8dee9;
    border-right: 1px solid rgba(216, 222, 233, 0.4);
    border-bottom: 1px solid rgba(216, 222, 233, 0.4);
    letter-spacing: 0.06em;
    pointer-events-none;
    z-index: 3;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.vtm-dock-cell:hover .vtm-tag,
.vtm-block-tab:hover .vtm-tag {
    background: #db7a31 !important;
    color: #ffffff !important;
    border-color: #db7a31 !important;
}

.vtm-dock-cell.active-mode .vtm-tag,
.vtm-dock-cell[data-active="true"] .vtm-tag,
.vtm-block-tab.active-mode .vtm-tag {
    background: #eda63b !important;
    color: #040914 !important;
    border-color: #eda63b !important;
}

/* 2. Sharp Content Layer: 100% Vector-Sharp Icons & Text (Zero Filter Distortion) */
.vtm-cell-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding-top: 4px;
    pointer-events: none;
}

.vtm-cell-icon {
    width: 22px;
    height: 22px;
    color: #ecf0f6;
    transition: transform 0.15s ease, color 0.15s ease;
}

.vtm-dock-cell:hover .vtm-cell-icon {
    transform: translateY(-1px);
    color: #eda63b;
}

.vtm-cell-label {
    font-size: 8.5px;
    font-family: 'Share Tech Mono', monospace;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-top: 3px;
    color: #d8dee9;
    line-height: 1;
    transition: color 0.15s ease;
}

.vtm-dock-cell:hover .vtm-cell-label {
    color: #eda63b;
}

/* Hover state on frame */
.vtm-dock-cell:hover {
    z-index: 5;
    transform: translateY(-2px);
}

.vtm-dock-cell:hover .vtm-chalk-frame {
    background: rgba(0, 57, 116, 0.92);
    border-color: #db7a31;
    box-shadow: 0 0 12px rgba(219, 122, 49, 0.35);
}

.vtm-dock-cell:hover .vtm-chalk-frame::before,
.vtm-dock-cell:hover .vtm-chalk-frame::after {
    display: none !important;
}

/* Active Page State (Concept drawing highlight) */
.vtm-dock-cell.active-mode,
.vtm-dock-cell[data-active="true"] {
    z-index: 4;
}

.vtm-dock-cell.active-mode .vtm-chalk-frame,
.vtm-dock-cell[data-active="true"] .vtm-chalk-frame {
    background: rgba(0, 57, 116, 0.96);
    border-color: #eda63b;
    box-shadow: inset 0 0 12px rgba(237, 166, 59, 0.35), 0 0 12px rgba(237, 166, 59, 0.3);
}

.vtm-dock-cell.active-mode .vtm-chalk-frame::before,
.vtm-dock-cell.active-mode .vtm-chalk-frame::after {
    display: none !important;
}

.vtm-dock-cell.active-mode .vtm-cell-label {
    color: #eda63b;
    font-weight: 700;
}

/* ==========================================================================
   HOMEPAGE BLOCK CORNER TABS (Exact Concept Sketch Box Parity)
   - Sits flush at top-left corner of each primary block section
   - Sketched chalk border, hand-drawn corner overshoots, themed SVG icon & label
   - Seamlessly docks onto block's top border with negative bottom margin
   ========================================================================== */
.vtm-block-tab {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 96px !important;
    height: 62px !important;
    min-height: 62px !important;
    text-decoration: none !important;
    user-select: none !important;
    z-index: 25 !important;
    background: transparent !important;
    margin-right: 0 !important;
    margin-bottom: -1px !important;
    transition: transform 0.15s ease !important;
}

.vtm-block-tab:hover {
    transform: translateY(-2px) !important;
    z-index: 30 !important;
}

.vtm-block-tab .vtm-chalk-frame {
    background: rgba(8, 20, 38, 0.96) !important;
    border: 1px solid rgba(216, 222, 233, 0.35) !important;
    border-bottom: 1px solid rgba(8, 20, 38, 0.96) !important;
    box-shadow: none !important;
    filter: none !important;
}

.vtm-block-tab .vtm-chalk-frame::before,
.vtm-block-tab .vtm-chalk-frame::after {
    display: none !important;
}

/* 1. Magazine Mode Corner Tab (Orange Line #db7a31 matching Editorial Spread top line) */
.vtm-block-tab[href*="mag"] .vtm-chalk-frame {
    background: #261207 !important;
    border: 1px solid #db7a31 !important;
    border-bottom: 1px solid #261207 !important;
    box-shadow: 0 0 10px rgba(219, 122, 49, 0.25) !important;
}
.vtm-block-tab[href*="mag"] .vtm-tag {
    background: #db7a31 !important;
    color: #ffffff !important;
    border-color: #db7a31 !important;
}
.vtm-block-tab[href*="mag"]:hover .vtm-chalk-frame {
    background: #33180a !important;
    border-color: #eda63b !important;
    border-bottom: 1px solid #33180a !important;
    box-shadow: 0 0 14px rgba(237, 166, 59, 0.4) !important;
}
.vtm-block-tab[href*="mag"]:hover .vtm-tag {
    background: #eda63b !important;
    color: #040914 !important;
    border-color: #eda63b !important;
}

/* 2. Tools Corner Tab (Green Line #46a568 matching #online-tools top line) */
.vtm-block-tab[href*="tools"] .vtm-chalk-frame {
    background: rgba(4, 33, 17, 0.96) !important;
    border: 1px solid #46a568 !important;
    border-bottom: 1px solid rgba(4, 33, 17, 0.96) !important;
    box-shadow: 0 0 10px rgba(70, 165, 104, 0.25) !important;
}
.vtm-block-tab[href*="tools"] .vtm-tag {
    background: #1f844a !important;
    color: #ffffff !important;
    border-color: #46a568 !important;
}
.vtm-block-tab[href*="tools"]:hover .vtm-chalk-frame {
    background: rgba(6, 45, 23, 0.96) !important;
    border-color: #46a568 !important;
    border-bottom: 1px solid rgba(6, 45, 23, 0.96) !important;
    box-shadow: 0 0 14px rgba(70, 165, 104, 0.45) !important;
}
.vtm-block-tab[href*="tools"]:hover .vtm-tag {
    background: #46a568 !important;
    color: #ffffff !important;
    border-color: #46a568 !important;
}

/* 3. Tutorials Corner Tab (Blue Line #2d8bea matching #featured-tutorials top line) */
.vtm-block-tab[href*="tutorials"] .vtm-chalk-frame {
    background: rgba(4, 16, 34, 0.96) !important;
    border: 1px solid #2d8bea !important;
    border-bottom: 1px solid rgba(4, 16, 34, 0.96) !important;
    box-shadow: 0 0 10px rgba(45, 139, 234, 0.25) !important;
}
.vtm-block-tab[href*="tutorials"] .vtm-tag {
    background: #003974 !important;
    color: #ffffff !important;
    border-color: #2d8bea !important;
}
.vtm-block-tab[href*="tutorials"]:hover .vtm-chalk-frame {
    background: rgba(8, 26, 54, 0.96) !important;
    border-color: #2d8bea !important;
    border-bottom: 1px solid rgba(8, 26, 54, 0.96) !important;
    box-shadow: 0 0 14px rgba(45, 139, 234, 0.45) !important;
}
.vtm-block-tab[href*="tutorials"]:hover .vtm-tag {
    background: #2d8bea !important;
    color: #ffffff !important;
    border-color: #2d8bea !important;
}

/* 4. Labs Corner Tab (Blue Line #2d8bea matching Labs hub perimeter) */
.vtm-block-tab[href*="labs"] .vtm-chalk-frame {
    background: #061224 !important;
    border: 1px solid #2d8bea !important;
    border-bottom: 1px solid #061224 !important;
    box-shadow: 0 0 10px rgba(45, 139, 234, 0.25) !important;
}
.vtm-block-tab[href*="labs"] .vtm-tag {
    background: #003974 !important;
    color: #ffffff !important;
    border-color: #2d8bea !important;
}
.vtm-block-tab[href*="labs"]:hover .vtm-chalk-frame {
    background: #081a36 !important;
    border-color: #2d8bea !important;
    border-bottom: 1px solid #081a36 !important;
    box-shadow: 0 0 14px rgba(45, 139, 234, 0.45) !important;
}
.vtm-block-tab[href*="labs"]:hover .vtm-tag {
    background: #2d8bea !important;
    color: #ffffff !important;
    border-color: #2d8bea !important;
}

/* VTM Labs Content Section Outline (All-Around 1px Blue #2d8bea matching 08.LAB tab) */
#vtm-labs,
section#vtm-labs {
    border: 1px solid #2d8bea !important;
    background-color: #061224 !important;
    box-shadow: 0 0 20px rgba(45, 139, 234, 0.15), inset 0 0 16px rgba(4, 9, 20, 0.6) !important;
}

#vtm-labs::before,
section#vtm-labs::before {
    border-top: 1px solid #2d8bea !important;
    border-bottom: 1px solid #2d8bea !important;
}

#vtm-labs::after,
section#vtm-labs::after {
    border-left: 1px solid #2d8bea !important;
    border-right: 1px solid #2d8bea !important;
}

.vtm-block-tab:hover .vtm-chalk-frame {
    background: rgba(0, 57, 116, 0.95) !important;
    border-color: #db7a31 !important;
    box-shadow: 0 0 12px rgba(219, 122, 49, 0.35) !important;
}

.vtm-block-tab:hover .vtm-chalk-frame::before,
.vtm-block-tab:hover .vtm-chalk-frame::after {
    display: none !important;
}

@media (max-width: 640px) {
    .vtm-block-tab {
        width: 76px !important;
        height: 50px !important;
        min-height: 50px !important;
    }
    .vtm-block-tab .vtm-cell-icon {
        width: 18px !important;
        height: 18px !important;
    }
    .vtm-block-tab .vtm-cell-label {
        font-size: 8px !important;
    }
}

/* Responsive Dock Ribbon & Engineering Title Block on Standard Viewports (1024px to 1440px) */
@media (min-width: 1024px) and (max-width: 1440px) {
    .vtm-dock-cell {
        width: clamp(68px, 6.2vw, 92px) !important;
        height: 64px !important;
        min-height: 64px !important;
    }
    .vtm-dock-cell .vtm-cell-icon {
        width: 20px !important;
        height: 20px !important;
    }
    .vtm-dock-cell .vtm-cell-label {
        font-size: 8px !important;
        letter-spacing: 0.04em !important;
    }
}

.vtm-title-block {
    overflow: hidden !important;
}

.vtm-title-block > div:first-child {
    font-size: clamp(9.5px, 0.85vw, 12px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* ==========================================================================
   VTM Studio 2.2 — Mobile Floating Pill Navigation Dock (< 1024px)
   - Floating rounded pill dock elevated above bottom screen edge
   - Collapsible toggle tab on top center (• MODE MENU —)
   - 8 compact icon-only mode buttons (TUTORIALS, TOOLS, LABS, VIDEOS, DOWNLOAD, ARTICLES, MAGAZINE, CONTACT)
   - Compact orange VTM CTA badge fitting alongside in a single clean row (zero horizontal scrolling)
   - Desktop 480px CAD Title Block and text labels cleanly omitted on mobile
   ========================================================================== */
@media (max-width: 1023px) {
    #bottom-mode-dock {
        position: fixed !important;
        bottom: 12px !important;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        width: calc(100% - 20px) !important;
        max-width: 440px !important;
        border: 1px solid #234a78 !important;
        border-radius: 12px !important;
        background: rgba(8, 20, 38, 0.96) !important;
        -webkit-backdrop-filter: blur(16px) !important;
        backdrop-filter: blur(16px) !important;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.85), 0 0 1px rgba(45, 139, 234, 0.3) !important;
        padding: 4px 6px !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: visible !important;
        z-index: 9000 !important;
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease !important;
    }

    #bottom-mode-dock.dock-collapsed {
        transform: translateX(-50%) translateY(calc(100% + 12px)) !important;
    }

    #vtm-dock-toggle-btn {
        display: flex !important;
        top: -22px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        z-index: 9020 !important;
    }

    #bottom-mode-dock.dock-collapsed #vtm-dock-toggle-btn {
        top: -26px !important;
        height: 26px !important;
        padding: 0 14px !important;
        border-top-left-radius: 8px !important;
        border-top-right-radius: 8px !important;
        box-shadow: 0 -4px 18px rgba(0, 0, 0, 0.9), 0 0 12px rgba(70, 165, 104, 0.8) !important;
    }

    #bottom-mode-dock > div {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
    }

    #bottom-mode-dock nav.vtm-dock-ribbon {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        height: auto !important;
        gap: 3px !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    /* Compact Icon-Only Buttons */
    #bottom-mode-dock .vtm-dock-cell {
        position: relative !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 30px !important;
        min-height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 1 1 0 !important;
        max-width: 48px !important;
    }

    /* Hide text labels & stepped tags on mobile */
    #bottom-mode-dock .vtm-cell-label,
    #bottom-mode-dock .vtm-tag {
        display: none !important;
    }

    /* Center icon nicely */
    #bottom-mode-dock .vtm-cell-icon {
        width: 19px !important;
        height: 19px !important;
        margin: 0 !important;
    }

    #bottom-mode-dock .vtm-cell-content {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
    }

    /* Compact chalk frame on mobile */
    #bottom-mode-dock .vtm-chalk-frame {
        border-width: 1.5px !important;
        border-radius: 4px !important;
    }
    #bottom-mode-dock .vtm-chalk-frame::before,
    #bottom-mode-dock .vtm-chalk-frame::after {
        display: none !important;
    }

    /* Compact Orange CTA Button on mobile */
    #bottom-mode-dock .vtm-dock-ribbon > div.flex-1 {
        flex: 0 0 auto !important;
        padding: 0 !important;
        margin-left: 2px !important;
        display: flex !important;
        align-items: center !important;
    }

    #bottom-mode-dock .vtm-cta-btn {
        padding: 0 8px !important;
        height: 38px !important;
        font-size: 10px !important;
        letter-spacing: 0.05em !important;
        border-radius: 4px !important;
        white-space: nowrap !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: 0 0 12px rgba(219, 122, 49, 0.4) !important;
    }

    #bottom-mode-dock .vtm-cta-mobile {
        display: inline !important;
    }

    #bottom-mode-dock .vtm-cta-desktop {
        display: none !important;
    }

    /* Hide flyouts on mobile so hover states don't block taps */
    #bottom-mode-dock .group-hover\:block {
        display: none !important;
    }

    /* Hide desktop CAD title block on mobile */
    #bottom-mode-dock .vtm-title-block,
    #bottom-mode-dock div[class*="min-w-[480px]"],
    #bottom-mode-dock > div > div:last-child {
        display: none !important;
    }

    /* Content Breathing Room on Mobile */
    body {
        padding-bottom: 74px !important;
    }
}

/* Micro Mobile Viewports (< 360px) */
@media (max-width: 360px) {
    #bottom-mode-dock {
        padding: 3px 4px !important;
        bottom: 8px !important;
        width: calc(100% - 12px) !important;
    }
    #bottom-mode-dock nav.vtm-dock-ribbon {
        gap: 2px !important;
    }
    #bottom-mode-dock .vtm-dock-cell {
        width: 30px !important;
        height: 34px !important;
        min-width: 28px !important;
        min-height: 34px !important;
    }
    #bottom-mode-dock .vtm-cell-icon {
        width: 16px !important;
        height: 16px !important;
    }
    #bottom-mode-dock .vtm-cta-btn {
        height: 34px !important;
        padding: 0 6px !important;
        font-size: 9px !important;
    }
}
    #bottom-mode-dock nav .vtm-dock-btn svg,
    #bottom-mode-dock nav a.draft-box svg,
    #bottom-mode-dock nav button.draft-box svg,
    #bottom-mode-dock nav .group > a.draft-box svg {
        width: 16px !important;
        height: 16px !important;
    }
}


/* === WordPress WP-Rocket YouTube In-Place Player === */
.rll-youtube-player {
    position: relative !important;
    padding-bottom: 56.23% !important;
    height: 0 !important;
    overflow: hidden !important;
    max-width: 100% !important;
    background-color: #000 !important;
}
.rll-youtube-player:focus-within {
    outline: 2px solid currentColor;
    outline-offset: 5px;
}
.rll-youtube-player iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 100 !important;
    background: 0 0 !important;
    border: 0 !important;
}
.rll-youtube-player img {
    bottom: 0 !important;
    display: block !important;
    left: 0 !important;
    margin: auto !important;
    max-width: 100% !important;
    width: 100% !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    border: none !important;
    height: auto !important;
    transition: .4s all !important;
    cursor: pointer !important;
}
.rll-youtube-player img:hover {
    filter: brightness(75%) !important;
}
.rll-youtube-player .play {
    height: 100% !important;
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    position: absolute !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48' width='68' height='48'%3E%3Cpath d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z' fill='%23f00'/%3E%3Cpath d='M 45,24 27,14 27,34' fill='%23fff'/%3E%3C/svg%3E") no-repeat center !important;
    background-size: 68px 48px !important;
    background-color: transparent !important;
    cursor: pointer !important;
    border: none !important;
    z-index: 10 !important;
}
/* === WordPress WP-Rocket YouTube In-Place Player END === */

/* === VTM_WP_CONTENT_FIX_START === */

/* 1. Hide duplicate WordPress post-meta (Published by / Categories / Tags) */
.vtm-wp-content .post-meta,
.vtm-wp-content .post-meta.clearfix,
.vtm-wp-content .author-date,
.vtm-wp-content .vcard.author,
.vtm-wp-content .cat-wrapper,
.vtm-wp-content .post-categories,
.vtm-wp-content .tags-links,
.vtm-wp-content .entry-footer,
.vtm-wp-content .post-footer,
.vtm-wp-content #respond,
.vtm-wp-content .comment-form,
.vtm-wp-content #comments {
    display: none !important;
}

/* 2. Fix SVG icon black circle inside .image_links */
.vtm-wp-content .image_links svg,
.vtm-wp-content .image_frame svg {
    width: 26px !important;
    height: 26px !important;
    overflow: visible !important;
}
.vtm-wp-content .image_links svg .path,
.vtm-wp-content .image_frame svg .path,
.vtm-wp-content .image_links svg circle,
.vtm-wp-content .image_links svg line,
.vtm-wp-content .image_links svg path,
.vtm-wp-content .image_frame svg circle,
.vtm-wp-content .image_frame svg line,
.vtm-wp-content .image_frame svg path {
    fill: none !important;
    stroke: #ffffff !important;
    stroke-width: 1.5 !important;
    stroke-linecap: round !important;
}
.vtm-wp-content .image_links {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: flex !important;
    gap: 8px !important;
    z-index: 10 !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}
.vtm-wp-content .image_wrapper:hover .image_links { opacity: 1 !important; }
.vtm-wp-content .image_links a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    background: rgba(0,0,0,0.6) !important;
    border-radius: 50% !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
}
.vtm-wp-content .image_frame { position: relative !important; overflow: hidden !important; display: block !important; }
.vtm-wp-content .image_wrapper { position: relative !important; display: block !important; overflow: hidden !important; }
.vtm-wp-content .image_wrapper img { width: 100% !important; height: auto !important; display: block !important; }
.vtm-wp-content .mask { display: none !important; }

/* Hero Graphic: Full width in its column on Schematic Symbol Reference */
.vtm-wp-content [data-id="2993"] .mcb-section-d221ab845 .image_wrapper img,
.vtm-wp-content [data-id="2993"] img[src*="schematic-symbols-circuit-diagram-reference"],
.vtm-wp-content [data-id="2993"] img[src*="blueprintwebp"] {
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    height: auto !important;
    display: block !important;
}

/* Schematic Symbols Grid: Balanced, Crisp 55px Maximum Bounds Across All 58 Symbols */
.vtm-wp-content [data-id="2993"] section:not(.mcb-section-d221ab845) .image_wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 60px !important;
    text-align: center !important;
}

.vtm-wp-content [data-id="2993"] section:not(.mcb-section-d221ab845) .image_wrapper img,
.vtm-wp-content [data-id="2993"] img.scale-with-grid[src*=".png"] {
    max-width: 55px !important;
    max-height: 55px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    display: inline-block !important;
    filter: invert(1) brightness(1.45) contrast(1.25) !important;
}

/* RGB LED (3 parallel diodes) allowed slightly wider horizontal room */
.vtm-wp-content [data-id="2993"] .image_wrapper img[src*="rgb-led"] {
    max-width: 85px !important;
    max-height: 55px !important;
}

/* === VTM_WP_CONTENT_FIX_END === */


/* === VTM_TERMINAL_BOX_START === */

/* VTM Terminal / Code block component (.vtm-terminal-box) */
.vtm-terminal-box {
    background: #0d0d0d !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    margin: 2rem 0 !important;
    box-shadow: 0 6px 32px rgba(0,0,0,0.6) !important;
    font-family: 'Courier New', 'Courier', 'Lucida Console', monospace !important;
}
.vtm-terminal-top {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: #1a1a1a !important;
    padding: 10px 14px !important;
    border-bottom: 1px solid #2a2a2a !important;
}
.vtm-terminal-top .dot {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
}
.vtm-terminal-top .dot-r { background: #ff5f57 !important; }
.vtm-terminal-top .dot-y { background: #febc2e !important; }
.vtm-terminal-top .dot-g { background: #28c840 !important; }
.vtm-terminal-label {
    margin-left: auto !important;
    font-size: 0.72rem !important;
    color: #888 !important;
    font-family: 'Courier New', monospace !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
}
.vtm-terminal-content {
    padding: 1.25rem 1.5rem !important;
    color: #33ff33 !important;
    font-size: 0.8rem !important;
    line-height: 1.65 !important;
    white-space: pre !important;
    overflow-x: auto !important;
    display: block !important;
}
.vtm-terminal-content .t-comment { color: #6a9955 !important; }
.vtm-terminal-content .t-keyword { color: #569cd6 !important; }
.vtm-terminal-content .t-string  { color: #ce9178 !important; }
.vtm-terminal-content .t-num     { color: #b5cea8 !important; }
.vtm-terminal-content .t-func    { color: #dcdcaa !important; }

/* VTM FIG image captions */
.vtm-visual-block {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 6px !important;
    margin: 1rem 0 0.25rem !important;
}
.vtm-caption {
    font-family: 'Courier New', monospace !important;
    font-size: 0.7rem !important;
    color: #888 !important;
    text-align: center !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    margin-bottom: 1.5rem !important;
}

/* === VTM_TERMINAL_BOX_END === */

/* ============================================================================
   VTM STUDIO 2.2 — DRAFTING VELLUM / CREAM LIGHT THEME (.theme-light)
   100% Visual Parity with Mag Mode (#f4edd9 / #ffffff / #111827)
   ============================================================================ */
body.theme-light,
html.theme-light {
    --sketch-bg: #f4edd9 !important;
    --sketch-surface: #eae2d5 !important;
    --sketch-card: #ffffff !important;
    --sketch-line: #d5d1c4 !important;
    --sketch-linebright: #b8a892 !important;
    --sketch-chalk: #111827 !important;
    --sketch-chalk-strong: #000000 !important;
    --sketch-chalk-dim: rgba(17, 24, 39, 0.45) !important;

    --vtm-obsidian: #f4edd9 !important;
    --vtm-surface: #eae2d5 !important;
    --vtm-card: #ffffff !important;
    --vtm-line: #d5d1c4 !important;
    --vtm-linebright: #b8a892 !important;

    background-color: #f4edd9 !important;
    color: #111827 !important;
}

/* 1. Neutralize Fixed Montage Backdrop & Dark Code Overlay — Prevent Subpage Occlusion */
body.theme-light #vtm-montage-backdrop,
body.theme-light #vtm-bg-terminal-wrap,
body.theme-light #vtm-bg-terminal-stream,
body.theme-light .vtm-sec-board-layer {
    display: none !important;
}

/* Neutralize Deep Glows & Reduce Hero Blueprint Opacity on Cream */
body.theme-light #sketch-hero .blur-3xl,
body.theme-light .blur-3xl {
    display: none !important;
}

body.theme-light #sketch-hero svg.pointer-events-none,
body.theme-light section svg.pointer-events-none,
body.theme-light article svg.pointer-events-none {
    opacity: 0.12 !important;
}

/* 2. CAD Millimeter Rulers */
body.theme-light #cad-ruler-x,
body.theme-light #cad-ruler-y {
    background-color: #e6dfcb !important;
    border-color: #d5d1c4 !important;
    color: #586e75 !important;
}

body.theme-light .ruler-top {
    background-image:
        linear-gradient(to right, #b8a892 1px, transparent 1px),
        linear-gradient(to right, #d5d1c4 1px, transparent 1px) !important;
}

body.theme-light .ruler-left {
    background-image:
        linear-gradient(to bottom, #b8a892 1px, transparent 1px),
        linear-gradient(to bottom, #d5d1c4 1px, transparent 1px) !important;
}

/* 3. Top Shell Instrument Cluster & Main Site Header */
body.theme-light #vtm-shell-top > div,
body.theme-light #vtm-main-site-header {
    background-color: #e6dfcb !important;
    border-color: #d5d1c4 !important;
    color: #111827 !important;
}

body.theme-light #vtm-main-site-header a {
    color: #111827 !important;
}

body.theme-light #vtm-main-site-header a:hover {
    color: #c2410c !important;
}

/* 4. Canvases, Main Sections & Hero Banners */
body.theme-light .sketch-grid-bg,
body.theme-light main,
body.theme-light #published-articles,
body.theme-light #featured-tutorials,
body.theme-light .view-section,
body.theme-light #Wrapper,
body.theme-light #Content,
body.theme-light .content_wrapper,
body.theme-light .sections_group,
body.theme-light .section_wrapper,
body.theme-light article.post,
body.theme-light .vtm-wp-content {
    background-color: #f4edd9 !important;
}

body.theme-light .vtm-hero-gradient,
body.theme-light section.bg-gradient-to-br {
    background: #f4edd9 !important;
    border-color: #db7a31 !important;
}

/* 5. Editorial Spreads & Intermediate Dark Blocks (Eliminate Dark Brown/Black Sections) */
body.theme-light article.bg-\[\#1c0c04\]\/60,
body.theme-light .bg-\[\#1c0c04\]\/60,
body.theme-light article.bg-\[\#03180d\]\/50,
body.theme-light .bg-\[\#03180d\]\/50,
body.theme-light article.bg-\[\#042817\]\/65,
body.theme-light .bg-\[\#042817\]\/65,
body.theme-light article.bg-\[\#041410\]\/60,
body.theme-light .bg-\[\#041410\]\/60 {
    background-color: #eae2d5 !important;
    border-color: #d5d1c4 !important;
}

/* 6. Clean White Cards on Cream Canvas (Matching Mag Mode) */
body.theme-light .bg-vtmcard,
body.theme-light .bg-\[\#0c1e34\],
body.theme-light .bg-\[\#051020\]\/95,
body.theme-light [data-hud="YOUTUBE_CHANNEL_CARD"],
body.theme-light .hologram-card,
body.theme-light .draft-card,
body.theme-light #card-protoshield-compare,
body.theme-light .draft-box,
body.theme-light .sketch-tool-card,
body.theme-light .pencil-hatch-blue,
body.theme-light .pencil-hatch-copper,
body.theme-light .pencil-hatch-green,
body.theme-light .sci-art-lab-item,
body.theme-light .vtm-wp-content .sci-art-lab-item {
    background-color: #ffffff !important;
    border-color: #d5d1c4 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05) !important;
    color: #111827 !important;
}

body.theme-light .draft-box::before,
body.theme-light .draft-box::after {
    border-color: #d5d1c4 !important;
}

body.theme-light .sci-art-thumb-title .title,
body.theme-light .sci-art-lab-item h3 {
    color: #111827 !important;
}

body.theme-light .sci-art-thumb-desc p,
body.theme-light .sci-art-lab-item p {
    color: #374151 !important;
}

body.theme-light .share-journey-btn {
    background: #003974 !important;
    color: #ffffff !important;
    border-color: #003974 !important;
}

/* 7. Typography: Solid Readable Dark Graphite / Black */
body.theme-light h1,
body.theme-light h2,
body.theme-light h3,
body.theme-light h4,
body.theme-light h5,
body.theme-light h6,
body.theme-light .sketch-heading,
body.theme-light .text-white {
    color: #111827 !important;
}

body.theme-light p,
body.theme-light span:not(.text-vtmorange):not(.text-\[\#db7a31\]):not(.text-\[\#46a568\]):not(.text-white),
body.theme-light .text-zinc-200,
body.theme-light .text-zinc-300,
body.theme-light .text-zinc-400,
body.theme-light .text-zinc-500,
body.theme-light .text-sky-100,
body.theme-light .text-sky-100\/90,
body.theme-light .text-\[\#ecf0f6\],
body.theme-light .text-\[\#d8dee9\],
body.theme-light .text-\[\#d8dee9\]\/90,
body.theme-light .text-\[\#d8dee9\]\/85,
body.theme-light .text-\[\#d8dee9\]\/80,
body.theme-light .text-\[\#d8dee9\]\/75,
body.theme-light .text-\[\#d8dee9\]\/70,
body.theme-light .text-\[\#d8dee9\]\/60 {
    color: #374151 !important;
}

/* Cyan Blueprint Code/Labels shift to Deep Navy for High Contrast */
body.theme-light .text-\[\#2d8bea\],
body.theme-light .text-sky-300,
body.theme-light .text-sky-400 {
    color: #003974 !important;
    font-weight: 600 !important;
}

/* Retain Brand Orange & Green Accents */
body.theme-light .text-vtmorange,
body.theme-light .text-\[\#db7a31\],
body.theme-light .text-\[\#eda63b\] {
    color: #c2410c !important;
}

body.theme-light .text-\[\#46a568\],
body.theme-light .text-emerald-400,
body.theme-light .text-green-400 {
    color: #166534 !important;
}

/* 8. Bottom Navigation Dock & Buttons */
body.theme-light #bottom-mode-dock {
    background-color: rgba(230, 223, 203, 0.96) !important;
    border-color: #d5d1c4 !important;
}

body.theme-light #vtm-dock-toggle-btn {
    background-color: #f4edd9 !important;
    border-color: #d5d1c4 !important;
}

body.theme-light .vtm-title-block {
    background-color: #e6dfcb !important;
    border-color: #d5d1c4 !important;
}

body.theme-light .vtm-title-block > div {
    border-color: #d5d1c4 !important;
    color: #111827 !important;
}

body.theme-light .draft-box,
body.theme-light .vtm-dock-btn {
    background-color: #ffffff !important;
    border-color: #d5d1c4 !important;
    color: #111827 !important;
}

body.theme-light .draft-box:hover,
body.theme-light .vtm-dock-btn:hover {
    background-color: #f4edd9 !important;
    border-color: #db7a31 !important;
    color: #c2410c !important;
}

/* Orange CTA button stays vibrant orange with white text */
body.theme-light .vtm-cta-btn,
body.theme-light a[href*="store"].vtm-cta-btn,
body.theme-light a.bg-\[\#db7a31\] {
    background-color: #db7a31 !important;
    color: #ffffff !important;
}

/* Content Footer */
body.theme-light footer:not(#bottom-mode-dock) {
    background-color: #e6dfcb !important;
    border-color: #d5d1c4 !important;
}

body.theme-light footer:not(#bottom-mode-dock) a {
    color: #374151 !important;
}

body.theme-light footer:not(#bottom-mode-dock) a:hover {
    color: #c2410c !important;
}

/* Hardcoded Tailwind Background Neutralizers */
body.theme-light .bg-\[\#040914\],
body.theme-light .bg-\[\#081426\],
body.theme-light .bg-\[\#040914\]\/90,
body.theme-light .bg-\[\#081426\]\/90,
body.theme-light .bg-\[\#081426\]\/95,
body.theme-light .bg-vtmobsidian {
    background-color: #f4edd9 !important;
}

body.theme-light .bg-\[\#003974\],
body.theme-light .bg-\[\#003974\]\/80,
body.theme-light .bg-\[\#003974\]\/70,
body.theme-light .bg-\[\#14171a\],
body.theme-light .bg-\[\#14171a\]\/60 {
    background-color: #eae2d5 !important;
    border-color: #d5d1c4 !important;
}

body.theme-light .border-\[\#234a78\],
body.theme-light .border-\[\#152c4a\],
body.theme-light .border-vtmline,
body.theme-light .border-vtmlinebright {
    border-color: #d5d1c4 !important;
}

/* Dimension Lines on Cream */
body.theme-light .dim-line-h {
    color: #586e75 !important;
}

body.theme-light .dim-line-h::before,
body.theme-light .dim-line-h::after {
    border-color: #b8a892 !important;
}

/* Left Override Drawer in Light Mode */
body.theme-light #override-drawer {
    background-color: #eae2d5 !important;
    border-color: #d5d1c4 !important;
}

body.theme-light #override-drawer select {
    background-color: #ffffff !important;
    color: #111827 !important;
    border-color: #d5d1c4 !important;
}

/* Theme Icon Visibility */
body.theme-light .theme-icon-sun,
body.theme-light #theme-icon-sun {
    display: none !important;
}

body.theme-light .theme-icon-moon,
body.theme-light #theme-icon-moon {
    display: block !important;
}

/* ============================================================================
   VTM STUDIO 2.2 FOOTER AVATAR SPINNER & HUD HALO ANIMATIONS
   Exact replication from vtm_studio_V2.2/static/style.css
   ============================================================================ */

.vtm-hud-avatar-container {
    position: relative;
    width: 34px;
    height: 34px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.vtm-hud-avatar-logo {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    object-fit: cover;
    z-index: 2;
    border: 1.5px solid rgba(255, 255, 255, 0.25);
    box-shadow: 0 0 10px rgba(0, 161, 196, 0.3);
    animation: vtm-hud-breathe 3s infinite ease-in-out;
}

.vtm-hud-avatar-ring {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #00a1c4;
    border-bottom-color: #db7a31;
    animation: vtm-spin-slow 4s linear infinite;
    z-index: 1;
    pointer-events: none;
}

.vtm-hud-avatar-ring::before {
    content: '';
    position: absolute;
    inset: -3px;
    border-radius: 50%;
    border: 1px dashed rgba(72, 165, 108, 0.55);
    animation: vtm-spin-reverse 8s linear infinite;
}

@keyframes vtm-spin-slow {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes vtm-spin-reverse {
    0% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@keyframes vtm-hud-breathe {
    0%,
    100% {
        transform: scale(1);
        filter: brightness(1);
    }
    50% {
        transform: scale(1.05);
        filter: brightness(1.2);
    }
}