/**
 * Copyright 2026 MH bv (https://mh.be)
 *
 * @author    Matthias Barremaecker <matthias@mh.be>
 * @copyright (c) 2026 MH bv
 * @license   Commercial
 *
 */
:root {--animation-timing: 0.1s; --color-darkest: #000608;--color-primary: #161E22;--color-primary-light: #2a3a40;--color-secondary: #7A95A4;--color-secondary-dark: #4a6d7c;--color-accent: #d4a259;--color-teal: #9dbabc;--color-teal-light: #d2e1e1;--color-bg: #f0f5f5;--color-surface: #fff;--color-text: #2a3a40;--color-text-muted: #6a8090;--color-hover: color-mix(in srgb, var(--color-secondary-dark) 10%, transparent);--font-main: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--shadow-sm: 0 1px 3px color-mix(in srgb, var(--color-primary) 5%, transparent);--shadow-md: 0 4px 20px color-mix(in srgb, var(--color-primary) 8%, transparent);--shadow-lg: 0 8px 32px color-mix(in srgb, var(--color-primary) 10%, transparent);--radius-sm: 6px;--radius-md: 200px; --radius-lg: 200px; --radius-xl: 24px;--max-width: 1180px;--header-vertical-padding: 2rem;--header-inner-height: 80px;--header-border-bottom-height: 1px;--header-calc-height: calc(var(--header-inner-height) + var(--header-vertical-padding) + var(--header-border-bottom-height));}* {box-sizing: border-box;margin: 0;}html, body {margin: 0;padding: 0;}html {overflow-y:scroll;}body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background: radial-gradient(circle at 20% 20%, var(--color-teal-light) 0%, transparent 50%),radial-gradient(circle at 80% 80%, color-mix(in srgb, var(--color-teal) 30%, transparent) 0%, transparent 40%),var(--color-bg);font-family: var(--font-main);color: var(--color-text);line-height: 1.7;font-size: 1rem;min-height: 100vh;}.hidden {display: none !important;}.mh-no-decoration-a {text-decoration: none;color: inherit;}.mh-header {position: sticky;top: 0;z-index: 110;padding: 0.5rem var(--header-vertical-padding);background: color-mix(in srgb, var(--color-bg) 85%, transparent);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px); border-bottom: var(--header-border-bottom-height) solid color-mix(in srgb, var(--color-teal-light) 60%, transparent);}.mh-header-container {max-width: var(--max-width);margin: 0 auto;display: flex;align-items: center;justify-content: space-between;height: var(--header-inner-height);}.mh-logo-container {display: flex;align-items: center;gap: 0.5rem;text-decoration: none;}.mh-logo {height: 70px;width: auto;}.mh-nav {display: flex;gap: 0.25rem;margin-left: 1.5rem;margin-right: auto;background: var(--color-surface);padding: 0.35rem;border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);}.mh-nav-link {white-space: nowrap;font-family: var(--font-main);font-size: 0.95rem;font-weight: 500;color: var(--color-secondary-dark);text-decoration: none;padding: 0.55rem 1.1rem;border-radius: var(--radius-md);transition: all var(--animation-timing) ease; }.mh-nav-link.active {color: var(--color-surface);background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);box-shadow: var(--shadow-sm);}.mh-nav-link:not(.active):hover {color: var(--color-primary);background: var(--color-bg);}.mh-header-actions {display: flex;gap: 0.5rem;}.mh-btn {white-space: nowrap;font-family: var(--font-main);font-size: 0.95rem;font-weight: 500;padding: 0.6rem 1.25rem;border-radius: var(--radius-md);text-decoration: none;transition: all var(--animation-timing) ease;cursor: pointer;border: none;}.mh-btn-ghost {color: var(--color-secondary-dark);background: transparent;}.mh-btn-ghost:hover {color: var(--color-primary);background: var(--color-hover);}.mh-btn-primary {background: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-secondary-dark) 100%);color: var(--color-surface);}.mh-btn-primary:hover {filter: brightness(1.2);box-shadow: var(--shadow-md);}.mh-menu-toggle {display: none; flex-direction: column;justify-content: center;align-items: center;width: 44px;height: 44px;background: var(--color-surface);border: none;border-radius: var(--radius-sm);cursor: pointer;z-index: 120; box-shadow: var(--shadow-sm);flex-shrink: 0;position: relative; }.mh-menu-toggle span {display: block;width: 20px;height: 2px;background: var(--color-primary);border-radius: 1px;transition: all 0.3s ease;}.mh-menu-toggle span:nth-child(1) {margin-bottom: 5px;}.mh-menu-toggle span:nth-child(3) {margin-top: 5px;}.mh-menu-toggle.active span:nth-child(1) {transform: rotate(45deg) translate(5px, 5px);}.mh-menu-toggle.active span:nth-child(2) {opacity: 0;transform: scale(0);}.mh-menu-toggle.active span:nth-child(3) {transform: rotate(-45deg) translate(5px, -5px);}.mh-mobile-menu {display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 105;background: color-mix(in srgb, var(--color-primary) 50%, transparent);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);opacity: 0;visibility: hidden;transition: all 0.3s ease;}.mh-mobile-menu.active {opacity: 1;visibility: visible;}.mh-mobile-menu-content {position: absolute;top: 0;right: 0;width: 85%;max-width: 320px;height: 100%;background: var(--color-surface);padding: calc(var(--header-inner-height) + 1rem) 1.5rem 2rem;overflow-y: auto;transform: translateX(100%);transition: transform 0.3s ease;}.mh-mobile-menu.active .mh-mobile-menu-content {transform: translateX(0);}.mh-mobile-nav {display: flex;flex-direction: column;gap: 0.5rem;margin-bottom: 2rem;}.mh-mobile-nav-link {display: flex;align-items: center;gap: 0.75rem;padding: 0.9rem 1rem;color: var(--color-text);text-decoration: none;font-size: 1rem;font-weight: 500;border-radius: var(--radius-sm);transition: all 0.2s ease;}.mh-mobile-nav-link::before {content: '';width: 6px;height: 6px;background: var(--color-teal-light);border-radius: 50%;}.mh-mobile-nav-link:active {background: var(--color-hover);}.mh-mobile-nav-link.active {background: linear-gradient(135deg, color-mix(in srgb, var(--color-teal) 20%, transparent) 0%, color-mix(in srgb, var(--color-teal) 10%, transparent) 100%);color: var(--color-primary);font-weight: 600;}.mh-mobile-nav-link.active::before {background: var(--color-accent);box-shadow: 0 0 8px color-mix(in srgb, var(--color-accent) 40%, transparent);}.mh-mobile-section-title {font-size: 0.7rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.12em;color: var(--color-secondary);margin: 1.5rem 0 0.75rem;padding-left: 1rem;}.mh-mobile-sidebar-nav {display: flex;flex-direction: column;gap: 0.25rem;}.mh-mobile-submenu {display: flex;flex-direction: column;gap: 0.25rem;padding-left: 0.75rem;margin-left: 18px;margin-top: 0.25rem;border-left: 2px solid var(--color-teal-light);}.mh-mobile-submenu .mh-mobile-nav-link {font-size: 0.9rem;padding: 0.65rem 1rem;color: var(--color-text-muted);}.mh-mobile-submenu .mh-mobile-nav-link::before {width: 4px;height: 4px;}.mh-mobile-actions {display: flex;flex-direction: column;gap: 0.75rem;margin-top: auto;padding-top: 1.5rem;border-top: 1px solid color-mix(in srgb, var(--color-teal-light) 50%, transparent);}.mh-mobile-actions .mh-btn {text-align: center;padding: 0.85rem 1.25rem;}.mh-mobile-actions .mh-btn-ghost {background: var(--color-bg);}.mh-main {position: relative;z-index: 1;max-width: var(--max-width);margin: 0 auto;padding: 2rem;display: grid;grid-template-columns: 240px 1fr; gap: 2rem;}.mh-sidebar-pane {position: sticky;top: calc(var(--header-calc-height) + 16px);height: fit-content;}.mh-sidebar-inner {background: var(--color-surface);border-radius: var(--radius-xl);box-shadow: var(--shadow-md);padding: 1.25rem;border: 1px solid color-mix(in srgb, var(--color-teal-light) 50%, transparent);}.mh-sidebar-title {font-size: 0.7rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.12em;color: var(--color-secondary);margin-bottom: 0.75rem;padding-left: 0.75rem;}.mh-sidebar-nav {display: flex;flex-direction: column;gap: 0.25rem;}.mh-sidebar-link {display: flex;align-items: center;gap: 0.75rem;padding: 0.7rem 1rem;color: var(--color-text);text-decoration: none;font-size: 0.95rem;font-weight: 500;border-radius: var(--radius-md);transition: all var(--animation-timing) ease;}.mh-sidebar-link::before {content: '';width: 6px;height: 6px;background: var(--color-teal-light);border-radius: 50%;transition: all var(--animation-timing) ease;}.mh-sidebar-link:hover {background: var(--color-hover);color: var(--color-primary);}.mh-sidebar-link:hover::before {background: var(--color-teal);transform: scale(1.3);}.mh-sidebar-link.active {background: linear-gradient(135deg, color-mix(in srgb, var(--color-teal) 20%, transparent) 0%, color-mix(in srgb, var(--color-teal) 10%, transparent) 100%);color: var(--color-primary);font-weight: 600;}.mh-sidebar-link.active::before {background: var(--color-accent);box-shadow: 0 0 8px color-mix(in srgb, var(--color-accent) 40%, transparent);}.mh-sidebar-link.section-active {color: #000;}.mh-sidebar-link.section-active::before {background: var(--color-accent);box-shadow: 0 0 8px color-mix(in srgb, var(--color-accent) 40%, transparent);}.mh-sidebar-submenu {display: flex;flex-direction: column;gap: 0.25rem;padding-left: 0.75rem;margin-left: 18px;margin-bottom: 0.25rem;border-left: 2px solid var(--color-teal-light);}.mh-sidebar-submenu.has-active {border-left-color: var(--color-accent);}.mh-sidebar-submenu .mh-sidebar-link {font-size: 0.9rem;font-weight: 500;padding: 0.55rem 1rem;color: var(--color-text-muted);}.mh-sidebar-submenu .mh-sidebar-link::before {width: 4px;height: 4px;}.mh-sidebar-submenu .mh-sidebar-link:hover {color: var(--color-primary);}.mh-content-pane {background: var(--color-surface);border-radius: var(--radius-xl);box-shadow: var(--shadow-md);overflow: hidden;border: 1px solid color-mix(in srgb, var(--color-teal-light) 50%, transparent);}.mh-content-header {position: relative;padding: 2.5rem;background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 50%, var(--color-secondary-dark) 100%);overflow: hidden;}.mh-content-header::before {content: '';position: absolute;top: -50%;right: -20%;width: 400px;height: 400px;background: radial-gradient(circle, color-mix(in srgb, var(--color-teal) 20%, transparent) 0%, transparent 70%);border-radius: 50%;}.mh-content-header::after {content: '';position: absolute;bottom: -20%;left: -15%;width: 400px;height: 400px;background: radial-gradient(circle, color-mix(in srgb, var(--color-accent) 20%, transparent) 0%, transparent 70%);border-radius: 50%;}.mh-content-header h1 {font-size: 1.75rem;font-weight: 700;color: var(--color-surface);line-height: 1.25;margin-bottom: 0.75rem;max-width: 550px;}.mh-content-header h1::before {content: '';display: block;width: 48px;height: 4px;background: linear-gradient(90deg, var(--color-teal) 0%, var(--color-accent) 100%);border-radius: 2px;margin-bottom: 1rem;}.mh-content-header p {color: color-mix(in srgb, var(--color-surface) 70%, transparent);font-size: 1rem;line-height: 1.6;max-width: 480px;}.mh-content-header-inner {position: relative;z-index: 1;}.mh-content-body {padding: 2.5rem;}.mh-content-body p {margin-bottom: 1.25rem;line-height: 1.8;}.mh-content-body strong {color: var(--color-primary);font-weight: 600;}.mh-content-body em {color: var(--color-secondary-dark);font-style: normal;font-weight: 600;}.mh-content-body h2 {font-size: 1.15rem;font-weight: 700;color: var(--color-primary);margin: 2.5rem 0 1rem;display: flex;align-items: center; gap: 0.75rem;}.h2-indicator {width: 4px;height: 1.1em; flex-shrink: 0;background: linear-gradient(180deg, var(--color-teal) 0%, var(--color-accent) 100%);border-radius: 2px;} .mh-content-body h2:first-child {margin-top: 0;}.mh-content-body li::marker {color: var(--color-teal);}@media (max-width: 1040px) {:root {--header-inner-height: 64px;--header-vertical-padding: 1rem;}.mh-header {padding: 0 1rem;}.mh-logo {height: 48px;}.mh-nav,.mh-header-actions {display: none;}.mh-menu-toggle {display: flex;}.mh-mobile-menu {display: block;}.mh-main {grid-template-columns: 1fr;padding: 1rem;gap: 1rem;}.mh-sidebar-pane {display: none;}.mh-content-header {padding: 2rem 1.5rem;}.mh-content-header::before {width: 250px;height: 250px;right: -30%;}.mh-content-header::after {width: 200px;height: 200px;}.mh-content-header h1 {font-size: 1.35rem;}.mh-content-body {padding: 1.5rem;}.mh-content-body h2 {font-size: 1.05rem;margin: 2rem 0 1rem;}}