:root{--palette-kse-midnight-blue: #003964;--palette-kse-cyan: #00bbce;--palette-kse-green: #a7c539;--palette-kse-yellow: #e4e541;--palette-kse-red: #f15b43;--palette-kse-dark-red: #d33e2c;--palette-kse-white: #ffffff;--palette-kse-light-gray: #f5f5f5;--palette-kse-medium-gray: #c8c8c8;--palette-kse-dark-gray: #646464;--palette-syto-blue: #1789fc;--palette-syto-yellow: #fdb833;--palette-syto-text: #2d2a26;--palette-syto-bg: #f5f3f0;--palette-syto-white: #ffffff;--palette-syto-gray-100: #e7e6e4;--palette-syto-gray-200: #d0cdc8;--palette-syto-gray-300: #b8b4ad;--color-midnight-blue: var(--palette-kse-midnight-blue);--color-midnight-blue-rgb: 0, 57, 100;--color-cyan: var(--palette-kse-cyan);--color-cyan-rgb: 0, 187, 206;--color-green: var(--palette-kse-green);--color-green-rgb: 167, 197, 57;--color-yellow: var(--palette-kse-yellow);--color-yellow-rgb: 228, 229, 65;--color-red: var(--palette-kse-red);--color-red-rgb: 241, 91, 67;--color-dark-red: var(--palette-kse-dark-red);--color-dark-red-rgb: 211, 62, 44;--color-white: var(--palette-kse-white);--color-light-gray: var(--palette-kse-light-gray);--color-medium-gray: var(--palette-kse-medium-gray);--color-dark-gray: var(--palette-kse-dark-gray);--color-text: var(--color-midnight-blue);--color-button-primary: var(--color-midnight-blue);--color-button-primary-hover: #004578;--color-button-primary-active: #002a4a;--color-button-secondary-hover: rgba(var(--color-cyan-rgb), .05);--color-button-secondary-active: rgba(var(--color-cyan-rgb), .1);--color-primary: var(--color-midnight-blue);--color-primary-rgb: var(--color-midnight-blue-rgb);--color-soft-bg: rgba(0, 57, 100, .03);--font-family: Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "SF Mono", "Consolas", "Monaco", monospace;--font-family-heading: var(--font-family);--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 24px;--font-weight-regular: 400;--font-weight-medium: 500;--line-height-tight: 1.15;--line-height-normal: 1.3;--line-height-relaxed: 1.4;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--header-height: 48px;--ribbon-height: auto;--left-panel-width: 300px;--border-width: 1px;--border-color: var(--color-medium-gray);--border-radius: 4px;--border-radius-lg: 8px;--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--color-backdrop: rgba(0, 0, 0, .5);--color-backdrop-blur: rgba(var(--color-midnight-blue-rgb), .6);--color-bg-success: #f1f8f3;--color-text-success: #0d652d;--color-border-success: #e6f4ea;--color-warning-light: #fef9e7;--color-warning: #f0c040;--color-warning-dark: #7a5c00;--z-index-base: 1;--z-index-header: 1000;--z-index-sidebar: 1100;--z-index-dropdown: 2000;--z-index-modal-backdrop: 3000;--z-index-modal: 3100;--z-index-slide-panel-backdrop: 9998;--z-index-slide-panel: 9999;--z-index-dialog-backdrop: 20000;--z-index-dialog: 20100;--z-index-toast: 30000}[data-theme=syto]{--color-midnight-blue: var(--palette-syto-text);--color-midnight-blue-rgb: 45, 42, 38;--color-cyan: var(--palette-syto-blue);--color-cyan-rgb: 23, 137, 252;--color-white: var(--palette-syto-bg);--color-light-gray: var(--palette-syto-gray-100);--color-medium-gray: var(--palette-syto-gray-200);--color-dark-gray: var(--palette-syto-text);--color-text: var(--palette-syto-text);--color-yellow: var(--palette-syto-yellow);--color-yellow-rgb: 253, 184, 51;--color-button-primary: var(--palette-syto-blue);--color-button-primary-hover: #1579e0;--color-button-primary-active: #1268c1;--color-primary: var(--palette-syto-blue);--color-primary-rgb: 23, 137, 252;--border-color: var(--palette-syto-gray-200);--border-radius: 0;--border-radius-lg: 0;--color-soft-bg: rgba(45, 42, 38, .04);--font-family: "IBM Plex Sans", sans-serif;--font-family-mono: "IBM Plex Mono", monospace;--font-family-heading: "Finlandica", sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background:var(--color-white);min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-medium);margin:0}:focus-visible{outline:2px solid var(--color-cyan);outline-offset:2px}.site-header{background:var(--color-white);border-bottom:var(--border-width) solid var(--color-midnight-blue);display:flex;align-items:center;padding:0 var(--space-lg);height:60px;position:sticky;top:0;z-index:100}.site-header__inner{width:100%;max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.site-header__logo{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:var(--color-midnight-blue)}.site-header__logo img{height:32px;width:auto;display:block}.site-header__logo span{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-midnight-blue)}.site-header__nav{display:flex;gap:var(--space-xs);align-items:center}.site-header__nav a{padding:calc(var(--space-xs) + 2px) var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-midnight-blue);text-decoration:none;border-radius:var(--border-radius);background:var(--color-light-gray);border:var(--border-width) solid var(--border-color);transition:all .15s ease-out}.site-header__nav a:hover{background:rgba(var(--color-cyan-rgb),.05)}.site-header__nav a[aria-current=page]{background:var(--color-cyan);color:#fff;border-color:var(--color-cyan)}.site-header__nav a.site-header__cta{background:var(--color-button-primary);color:var(--color-white);border-color:var(--color-button-primary)}.site-header__nav a.site-header__cta:hover{background:var(--color-button-primary-hover)}.site-header__nav a.site-header__lang{background:transparent;border-color:transparent;font-size:var(--font-size-xs);opacity:.5;padding:var(--space-xs);margin-left:var(--space-xs);border-left:1px solid var(--color-midnight-blue);border-radius:0}.site-header__nav a.site-header__lang:hover{opacity:1;background:transparent}.page-layout{max-width:1100px;margin:0 auto;display:flex;min-height:calc(100vh - 140px)}.page-layout--with-sidebar{gap:0}.docs-sidebar{width:180px;min-width:180px;border-right:1px solid var(--border-color);background:var(--color-light-gray);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs);position:sticky;top:60px;align-self:flex-start;max-height:calc(100vh - 60px);overflow-y:auto}.docs-sidebar hr{border:none;border-top:1px solid var(--border-color);margin:var(--space-xs) 0}.docs-sidebar a{display:block;padding:var(--space-sm) var(--space-md);text-align:left;border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-dark-gray);text-decoration:none;transition:all .15s ease-out}.docs-sidebar a:hover{background:var(--color-light-gray);color:var(--color-midnight-blue)}.docs-sidebar a[aria-current=page]{background:var(--color-cyan);color:#fff}.article{flex:1;padding:var(--space-xl);min-width:0}.article-content{max-width:800px;line-height:var(--line-height-normal);color:var(--color-dark-gray)}.article-content h1{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-midnight-blue);margin:0 0 var(--space-sm) 0;line-height:var(--line-height-tight)}.article-content h1+p{font-size:var(--font-size-lg);color:var(--color-dark-gray);margin:0 0 var(--space-xl) 0;opacity:.9}.article-content h2{font-size:var(--font-size-lg);font-weight:600;color:var(--color-midnight-blue);margin:var(--space-xl) 0 var(--space-md) 0;padding-bottom:var(--space-xs);border-bottom:var(--border-width) solid var(--border-color)}.article-content h3{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-midnight-blue);margin:var(--space-lg) 0 var(--space-sm) 0}.article-content p{margin:0 0 var(--space-md) 0;line-height:var(--line-height-relaxed)}.article-content ul,.article-content ol{margin:0 0 var(--space-md) 0;padding-left:var(--space-lg)}.article-content li{margin-bottom:var(--space-xs);line-height:var(--line-height-relaxed)}.article-content strong{color:var(--color-midnight-blue);font-weight:var(--font-weight-medium)}.article-content code{font-family:var(--font-family-mono);font-size:.9em;background:var(--color-light-gray);padding:.125rem .375rem;border-radius:var(--border-radius);color:var(--color-cyan)}.article-content a{color:var(--color-cyan);text-decoration:none}.article-content a:hover{text-decoration:underline}.article-content table{width:100%;border-collapse:collapse;margin:var(--space-md) 0;font-size:var(--font-size-sm)}.article-content th,.article-content td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--border-color)}.article-content th{background:var(--color-light-gray);font-weight:600;color:var(--color-midnight-blue)}.article-content td{color:var(--color-dark-gray)}.article-content pre{background:var(--color-light-gray);padding:var(--space-md);border-radius:var(--border-radius);overflow-x:auto;margin:var(--space-md) 0;border-left:3px solid var(--color-cyan)}.article-content pre code{background:transparent;padding:0;color:var(--color-midnight-blue)}.article-content hr{border:none;border-top:1px solid var(--border-color);margin:var(--space-md) 0}.hero-wrapper{position:relative;overflow:hidden;flex:1}.hero-wrapper canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.15;pointer-events:none}.hero{position:relative;z-index:1;max-width:700px;margin:0 auto;padding:80px var(--space-lg);text-align:center}.hero__title{font-size:48px;font-weight:600;color:var(--color-midnight-blue);margin:0 0 var(--space-md) 0}.hero__subtitle{font-size:var(--font-size-xl);color:var(--color-dark-gray);line-height:var(--line-height-relaxed);margin:0 0 var(--space-xl) 0}.hero__actions{display:flex;gap:var(--space-md);justify-content:center;align-items:center;margin-bottom:var(--space-xl)}.hero__cta{display:inline-block;padding:var(--space-sm) var(--space-lg);background:var(--color-button-primary);color:var(--color-white);text-decoration:none;border-radius:var(--border-radius);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);transition:background .15s ease-out}.hero__cta:hover{background:var(--color-button-primary-hover)}.hero__link{color:var(--color-cyan);text-decoration:none;font-size:var(--font-size-lg)}.hero__link:hover{text-decoration:underline}.hero__note{font-size:var(--font-size-sm);color:var(--color-dark-gray);opacity:.8;margin:0}.site-footer{border-top:var(--border-width) solid var(--border-color);padding:var(--space-lg);text-align:center;font-size:var(--font-size-sm);color:var(--color-dark-gray)}.site-footer a{color:var(--color-cyan);text-decoration:none}.site-footer a:hover{text-decoration:underline}.tool-page{max-width:900px;margin:0 auto;padding:var(--space-xl) var(--space-lg);flex:1;width:100%}.tool-page__header{text-align:center;margin-bottom:var(--space-xl)}.tool-page__header h1{margin-bottom:var(--space-sm)}.tool-page__header p{color:var(--color-dark-gray);max-width:600px;margin:0 auto}.tool-page__how-it-works{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:var(--border-width) solid var(--border-color);max-width:600px;margin-left:auto;margin-right:auto}.tool-page__how-it-works h2{font-size:1.125rem;margin-bottom:var(--space-md)}.tool-page__how-it-works ol{padding-left:1.25rem}.tool-page__how-it-works li{margin-bottom:var(--space-sm)}.tool-page__how-it-works p{color:var(--color-dark-gray);font-size:var(--font-size-sm);margin-top:var(--space-md)}@media(max-width:768px){.site-header{padding:0 var(--space-md)}.page-layout{flex-direction:column}.docs-sidebar{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--border-color);flex-direction:row;overflow-x:auto;position:static;max-height:none;padding:var(--space-sm);gap:var(--space-xs)}.docs-sidebar hr{display:none}.docs-sidebar a{white-space:nowrap}.article{padding:var(--space-md)}}