:root{--color-green-50:#f2f9f0;--color-green-100:#e3f4de;--color-green-400:#8cd657;--color-green-500:#77cc6d;--color-green-600:#5ea855;--color-green-700:#468c3e;--color-green-800:#2f6a29;--color-green-900:#1f3a1c;--color-green-950:#172b15;--color-green-500-8:#77cc6d14;--color-red-50:#fdecea;--color-red-300:#ff8a80;--color-red-700:#c62828;--color-red-950:#3a1c1c;--color-white:#fff;--color-white-70:#ffffffb3;--color-gray-25:#fafafa;--color-gray-50:#f8f8f8;--color-gray-100:#f1f1f1;--color-gray-200:#eaeaea;--color-gray-300:#ddd;--color-gray-350:#c4c4c4;--color-gray-400:#999;--color-gray-500:#888;--color-gray-600:#666;--color-gray-700:#555;--color-gray-800:#444;--color-gray-850:#333;--color-gray-900:#222;--color-black:#000;--color-night-900:#161616;--color-night-900-70:#161616b3;--color-night-800:#1e1e1e;--color-night-700:#272727;--color-night-600:#3a3a3a;--color-night-500:#4d4d4d;--color-code-900:#2b303c;--color-code-50:#f8f8f2;--font-family-sans:"Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-family-serif:"Roboto Slab", Georgia, Cambria, "Times New Roman", Times, serif;--font-family-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-page:0 2px 6px #6464644d;--transition-fast:.15s ease-in-out;--transition-normal:.2s ease;--transition-smooth:.3s ease;--z-sticky:50;--z-overlay:100;--breakpoint-xs:480px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1200px;--breakpoint-2xl:1440px;--color-primary:var(--color-green-500);--color-primary-hover:var(--color-green-600);--color-primary-light:var(--color-green-100);--color-success:var(--color-green-800);--color-success-bg:var(--color-green-50);--color-error:var(--color-red-700);--color-error-bg:var(--color-red-50);--color-bg-page:var(--color-white);--color-bg-surface:var(--color-white);--color-bg-muted:var(--color-gray-50);--color-bg-subtle:var(--color-gray-100);--color-text-primary:var(--color-gray-800);--color-text-secondary:var(--color-gray-600);--color-text-muted:var(--color-gray-400);--color-text-inverse:var(--color-white);--color-text-accent:var(--color-green-700);--color-border-subtle:var(--color-gray-100);--color-border-default:var(--color-gray-200);--color-border-strong:var(--color-gray-300);--color-border-control:var(--color-border-default);--color-border-accent:var(--color-primary);--font-sans:var(--font-family-sans);--font-serif:var(--font-family-serif);--font-mono:var(--font-family-mono);--container-max-width:var(--breakpoint-xl);--content-max-width:70ch;--container-gutter:var(--space-4);--viewport-mobile:var(--breakpoint-md);--page-max-width:var(--container-max-width);--page-bg:var(--color-bg-surface);--page-border-top:4px solid var(--color-primary);--page-shadow:var(--shadow-page);--header-sticky-bg:var(--color-white-70);--header-top-bg:var(--color-bg-muted);--header-nav-bg:var(--color-bg-surface);--header-border:1px solid var(--color-border-subtle);--header-nav-link-color:var(--color-text-primary);--header-nav-link-hover-bg:var(--color-primary);--header-nav-link-hover-color:var(--color-text-inverse);--header-nav-link-active-bg:var(--color-green-500-8);--slider-bg:var(--color-gray-900);--slider-overlay-color:var(--color-white);--card-bg:var(--color-bg-surface);--card-border:1px solid var(--color-border-subtle);--card-radius:var(--radius-md);--card-shadow-hover:var(--shadow-md);--cover-ratio:16 / 9;--figure-radius:var(--radius-md);--figure-image-bg:var(--color-white);--figure-caption-color:var(--color-text-secondary);--figure-zoom-backdrop:#000000e6;--figure-zoom-margin:1.5rem;--zoom-gallery-color:var(--color-white);--zoom-gallery-control-size:2.75rem;--zoom-gallery-control-bg:#0000008c;--zoom-gallery-control-bg-hover:#000c;--zoom-gallery-fade:.2s ease;--video-radius:var(--radius-md);--video-bg:var(--color-black);--video-play-width:4rem;--video-play-height:3rem;--video-play-radius:var(--radius-lg);--video-play-bg:#000000b3;--video-play-bg-hover:var(--color-primary);--video-play-color:var(--color-white);--video-play-color-hover:var(--color-text-inverse);--panorama-radius:var(--video-radius);--panorama-bg:var(--video-bg);--panorama-open-radius:var(--video-play-radius);--panorama-open-bg:var(--video-play-bg);--panorama-open-bg-hover:var(--video-play-bg-hover);--panorama-open-color:var(--video-play-color);--panorama-open-color-hover:var(--video-play-color-hover);--comment-bg:var(--color-bg-muted);--comment-border:1px solid var(--color-border-default);--comment-radius:var(--radius-md);--comment-padding:var(--space-3) var(--space-4);--comment-gap:var(--space-3);--comment-indent:var(--space-6);--comment-indent-phone:var(--space-3);--comment-guide-color:var(--color-border-default);--comment-target-bg:var(--color-primary-light);--comment-scroll-margin:8rem;--footer-bg:var(--color-bg-muted);--footer-border:1px solid var(--color-border-subtle);--footer-socket-bg:var(--color-bg-subtle);--footer-socket-border-top:3px solid var(--color-primary);--blockquote-bg:var(--color-gray-25);--blockquote-color:var(--color-gray-700);--code-bg:var(--color-bg-subtle);--code-color:var(--color-gray-850);--code-block-bg:var(--color-code-900);--code-block-color:var(--color-code-50);--primary:var(--color-primary);--primary-hover:var(--color-primary-hover);--bg-outer:var(--color-green-400);--bg-inner:var(--color-bg-page);--bg-header:var(--color-bg-muted);--bg-light:var(--color-bg-muted);--border-color:var(--color-border-subtle);--border-dark:var(--color-border-default);--text-main:var(--color-text-secondary);--text-dark:var(--color-text-primary);--text-muted:var(--color-text-muted);--box-shadow:var(--shadow-page);--content-width:var(--container-max-width)}@media (prefers-color-scheme:dark){:root{--color-primary-hover:var(--color-green-400);--color-primary-light:var(--color-green-900);--color-success:var(--color-green-400);--color-success-bg:var(--color-green-950);--color-error:var(--color-red-300);--color-error-bg:var(--color-red-950);--color-bg-page:var(--color-night-900);--color-bg-surface:var(--color-night-900);--color-bg-muted:var(--color-night-800);--color-bg-subtle:var(--color-night-700);--color-text-primary:var(--color-gray-200);--color-text-secondary:var(--color-gray-350);--color-text-inverse:var(--color-night-900);--color-text-accent:var(--color-green-400);--color-border-subtle:var(--color-night-700);--color-border-default:var(--color-night-600);--color-border-strong:var(--color-night-500);--color-border-control:var(--color-gray-500);--header-sticky-bg:var(--color-night-900-70);--blockquote-bg:var(--color-bg-muted);--blockquote-color:var(--color-text-secondary);--code-color:var(--color-text-primary)}}*,:before,:after{box-sizing:border-box}html{color-scheme:light dark;-webkit-text-size-adjust:100%;overflow-y:scroll}body{font-family:var(--font-sans);font-weight:var(--font-weight-light);font-size:var(--space-4);color:var(--color-text-secondary);background-color:var(--color-bg-page);word-wrap:break-word;margin:0;padding:0;line-height:1.6}main{width:100%;padding:var(--space-12) 0 var(--space-16);box-sizing:border-box;flex:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--text-dark);text-wrap:balance;margin-top:1.6em;margin-bottom:.5em;font-weight:400;line-height:1.25}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1{padding-bottom:8px;font-size:clamp(1.75rem,1.4rem + 1.5vw,2.25rem);line-height:1.25}h2{padding-bottom:6px;font-size:clamp(1.35rem,1.15rem + 1vw,1.75rem);line-height:1.3}h3{padding-bottom:4px;font-size:clamp(1.15rem,1.05rem + .5vw,1.35rem);line-height:1.35}h4{font-size:clamp(1.05rem,1rem + .25vw,1.15rem);line-height:1.4}h5{font-size:1rem;line-height:1.4}h6{font-size:.875rem;line-height:1.4}p{text-wrap:pretty;margin-top:0;margin-bottom:1.25rem;font-size:1rem;font-weight:300;line-height:1.65}strong,b{font-weight:700}em,i{font-style:italic}a{color:var(--primary);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out}a:hover{color:var(--primary-hover)}hr{border:0;border-top:1px solid var(--border-color);height:0;margin:25px 0}blockquote{background-color:var(--blockquote-bg);border-left:4px solid var(--color-border-accent);color:var(--blockquote-color);margin:1.5em 0;padding:12px 20px;font-style:italic}blockquote p:last-child{margin-bottom:0}ul,ol{margin:0 0 1.5em 1.5em;padding:0}ul{list-style:outside}ol{list-style:decimal}li{margin-bottom:6px;line-height:1.6}table{border-collapse:collapse;border-spacing:0;width:100%;margin:0 0 1.5em}th,td{border:1px solid var(--border-dark);text-align:left;padding:8px 12px}th{background-color:var(--bg-light);color:var(--text-dark);font-weight:700}img{max-width:100%;height:auto;display:block}code{background-color:var(--code-bg);color:var(--code-color);border-radius:3px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px}pre{background-color:var(--code-block-bg);color:var(--code-block-color);border-radius:4px;margin-bottom:20px;padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;line-height:1.5;overflow-x:auto}pre code{color:inherit;background:0 0;border-radius:0;padding:0}input,select,textarea,button{font-family:var(--font-sans);font-size:15px}.section-title{font-family:var(--font-serif);color:var(--text-dark);border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:10px;font-size:26px;position:relative}.section-title:after{content:"";background-color:var(--primary);width:60px;height:2px;position:absolute;bottom:-1px;left:0}.sr-only{clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;overflow:hidden;position:absolute!important}body>footer{background-color:var(--color-bg-muted)}.footer-top{padding:var(--space-8) 0 var(--space-6)}.footer-inner{gap:var(--space-8);grid-template-columns:5fr 3fr 4fr;display:grid}.footer-title{font-family:var(--font-serif);color:var(--color-text-primary);margin-bottom:var(--space-3);padding-bottom:var(--space-1-5);border-bottom:2px solid var(--color-primary);font-size:1rem;display:inline-block;position:relative}.footer-desc{color:var(--color-text-secondary);margin:0;font-size:.875rem;line-height:1.6}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:var(--space-1-5)}.footer-links a{color:var(--color-text-secondary);transition:color var(--transition-fast);font-size:.875rem;text-decoration:none}.footer-links a:hover{color:var(--color-primary)}.footer-socials{gap:var(--space-2);flex-direction:column;display:flex}.footer-socials a{color:var(--color-text-secondary);transition:color var(--transition-fast);font-size:.875rem;text-decoration:none}.footer-socials a:hover{color:var(--color-primary)}.footer-socket{background-color:var(--footer-socket-bg);border-top:var(--footer-socket-border-top);padding:var(--space-3) var(--space-6)}.socket-inner{justify-content:space-between;align-items:center;gap:var(--space-2-5);flex-wrap:wrap;display:flex}.copyright{color:var(--color-text-muted);margin:0;font-size:.8125rem}@media (width<=768px){.footer-inner{gap:var(--space-5);grid-template-columns:1fr}.footer-socket{padding:var(--space-3) var(--space-5)}.socket-inner{text-align:center;flex-direction:column}}.header-brand{flex-grow:1}.logo-link{align-items:center;gap:var(--space-4);color:inherit;text-decoration:none;display:flex}.gerb-wrap img{width:65px;height:90px;display:block}.brand-text{flex-direction:column;justify-content:center;display:flex}.logotext-wrap svg{width:170px;height:26px;fill:var(--color-text-primary);display:block}.site-tagline{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:.8125rem;font-weight:var(--font-weight-light);letter-spacing:.2px}@media (width<=768px){.gerb-wrap img{width:50px;height:70px}.logotext-wrap svg{width:140px;height:22px}.site-tagline{font-size:11px}}.main-nav{align-items:center;display:flex}.desktop-menu{align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.desktop-menu li{margin:0}.desktop-menu a{font-family:var(--font-sans);font-size:.9375rem;font-weight:var(--font-weight-medium);color:var(--color-text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:color var(--transition-fast), background-color var(--transition-fast);text-wrap:nowrap;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.desktop-menu a:before{content:"";background-color:var(--color-bg-surface);transform-origin:0;opacity:0;pointer-events:none;z-index:-1;border-radius:5px;width:100%;height:0;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .2s;position:absolute;bottom:0;left:0;transform:scaleY(0)}.desktop-menu a:hover{color:var(--color-primary-hover);text-decoration:none}.desktop-menu a:hover:before,.desktop-menu a:focus-visible:before{opacity:1;height:100%;transform:scaleY(1)}.desktop-menu a.active{color:var(--color-text-primary);font-weight:var(--font-weight-bold);background-color:var(--header-nav-link-active-bg)}.desktop-menu a.active:after{opacity:1;transform:scaleX(1)}.mobile-toggle-btn{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);width:44px;height:44px;color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:0;display:none}.mobile-toggle-btn:hover{background-color:var(--color-bg-subtle);color:var(--color-primary);border-color:var(--color-primary)}@media (width<=768px){.desktop-menu{display:none}.mobile-toggle-btn{display:flex}}.header-search{color:var(--color-text-muted);padding:var(--space-2);border-radius:var(--radius-sm);transition:color var(--transition-normal);justify-content:center;align-items:center;display:flex}.header-search:hover,.header-search[aria-current=page]{color:var(--color-primary)}.header-socials{align-items:center;gap:var(--space-3);display:flex}.social-link{color:var(--color-text-muted);padding:var(--space-1);border-radius:var(--radius-sm);transition:color var(--transition-normal), transform var(--transition-normal);justify-content:center;align-items:center;text-decoration:none;display:flex}.social-link:hover{color:var(--color-primary);transform:translateY(-1px)}.social-link.youtube:hover{color:red}.social-link.instagram:hover{color:#e4405f}.site-header{background:var(--color-bg-surface);width:100%}body>header{background-color:var(--header-sticky-bg);width:100%;height:auto;z-index:var(--z-sticky);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border-subtle);position:sticky;top:0;left:0}.header-top{padding-top:var(--space-3);padding-bottom:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}@media (width<=768px){.header-top{gap:var(--space-3)}.header-top>.header-socials{display:none}.header-top>.header-search{order:1}.header-top>.main-nav{order:2}}.drawer-backdrop,.mobile-drawer{display:none}@media (width<=768px){.drawer-backdrop{-webkit-backdrop-filter:blur(5px);opacity:0;pointer-events:none;width:100vw;height:100vh;z-index:var(--z-overlay);background:#00000080;transition:opacity .3s cubic-bezier(.16,1,.3,1);display:block;position:fixed;inset:0}.drawer-backdrop.is-open{opacity:1;pointer-events:auto}.mobile-drawer{background:var(--color-bg-surface);width:min(320px,85vw);height:100dvh;z-index:calc(var(--z-overlay) + 1);outline:none;flex-direction:column;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-4px 0 24px #00000040}.mobile-drawer.is-open{transform:translate(0)}.drawer-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-muted);justify-content:space-between;align-items:center;display:flex}.drawer-title{font-family:var(--font-serif);font-size:1.15rem;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.drawer-close-btn{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.drawer-close-btn:hover{background-color:var(--color-bg-surface);color:var(--color-primary);border-color:var(--color-primary)}.drawer-body{padding:var(--space-3) var(--space-4);flex:1;overflow-y:auto}.drawer-menu{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.drawer-menu li{margin:0}.drawer-link{min-height:48px;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:1rem;font-weight:var(--font-weight-medium);color:var(--color-text-primary);border-radius:var(--radius-sm);transition:background-color var(--transition-fast), color var(--transition-fast), padding-left var(--transition-fast);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.drawer-link:hover{background-color:var(--color-bg-subtle);color:var(--color-primary);padding-left:var(--space-5)}.drawer-link.active{background-color:var(--color-primary-light);color:var(--color-text-accent);border-left:3px solid var(--color-primary)}.drawer-chevron{color:var(--color-text-muted);transition:transform var(--transition-fast), color var(--transition-fast)}.drawer-link:hover .drawer-chevron,.drawer-link.active .drawer-chevron{color:var(--color-primary);transform:translate(2px)}.drawer-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-subtle);background:var(--color-bg-muted)}.drawer-footer-title{font-size:.8125rem;font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-3)}.drawer-socials{gap:var(--space-2);flex-direction:column;display:flex}.drawer-social-btn{align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:.9375rem;font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);text-decoration:none;display:flex}.drawer-social-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.drawer-social-btn.youtube:hover{color:red;border-color:red}.drawer-social-btn.instagram:hover{color:#e4405f;border-color:#e4405f}}body.drawer-open{touch-action:none;overflow:hidden!important}.container{max-width:var(--content-width);width:90%;margin:0 auto}