:root{--bp-sm:576px;--bp-md:768px;--bp-lg:992px;--bp-xl:1200px;--header-h:56px;--drop-item-h:44px;--shell-max:140rem;--content-max:56rem;--left-w:320px;--right-w:320px;--gap:clamp(1rem,1.8vw,2rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 14px 30px rgba(0,0,0,.10);--shadow-xl:0 20px 40px rgba(0,0,0,.15);--color-white:#fff;--color-black:#000;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--brand-50:#eef2ff;--brand-100:#dcdcf7;--brand-700:#4c1d95;--brand-800:#2b1d6f;--brand-900:#1e044d;--accent-green:#10b981;--accent-green-dark:#047857;--accent-blue:#2563eb;--accent-blue-light:#3b82f6;--accent-violet:#6d28d9;--accent-red:#c82231;--bg-main:#f5f7fb;--bg-article:var(--color-white);--surface-1:var(--slate-50);--surface-2:var(--slate-100);--text:var(--gray-900);--text-strong:var(--slate-900);--text-muted:var(--slate-500);--text-soft:var(--slate-600);--text-invert:var(--gray-200);--border:var(--gray-200);--border-subtle:var(--slate-100);--border-strong:var(--slate-300);--link:#0b57d0;--link-hover:var(--accent-blue);--link-article:var(--accent-blue);--header-bg:var(--brand-900);--header-text:var(--gray-200);--header-link:#c7d2fe;--nav-bg:var(--color-white);--nav-border:var(--gray-200);--nav-link:var(--brand-900);--nav-link-hover:var(--accent-violet);--nav-active-bg:var(--brand-50);--sidebar-bg:var(--slate-800);--sidebar-border:var(--slate-700);--sidebar-hover:#273445;--tip-bg:var(--slate-900);--tip-fg:var(--color-white);--muted:var(--text-muted);--h2-size:1.625rem;--h3-size:1.35rem;--h4-size:1.125rem;--h5-size:.95rem;--font-paragraph:0.90rem;--heading-strong:var(--text-strong);--heading-accent:var(--brand-700);--heading-soft:var(--text-soft)}html[data-theme=dark]{--bg-main:var(--slate-900);--bg-article:var(--slate-800);--surface-1:var(--slate-800);--surface-2:var(--slate-700);--text:var(--gray-200);--text-strong:var(--color-white);--text-muted:var(--slate-400);--text-soft:var(--slate-300);--text-invert:var(--slate-900);--border:var(--slate-700);--border-subtle:var(--slate-800);--border-strong:var(--slate-600);--link:#93c5fd;--link-hover:#bfdbfe;--link-article:#93c5fd;--nav-bg:var(--slate-800);--nav-border:var(--slate-700);--nav-link:var(--gray-200);--nav-link-hover:#a78bfa;--nav-active-bg:rgba(124,58,237,.20);--sidebar-bg:#020617;--sidebar-border:var(--slate-800);--sidebar-hover:var(--slate-800);--muted:var(--text-muted);--heading-accent:#a78bfa;--heading-soft:var(--slate-300)}@font-face{font-family:inter;src:url(/fonts/inter-subset.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:inter;src:url(/fonts/inter-italic-subset.woff2)format("woff2");font-weight:100 900;font-style:italic;font-display:swap}*,*::before,*::after{box-sizing:border-box}html{font-size:100%;-webkit-text-size-adjust:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Arial,sans-serif;line-height:1.6;background:var(--bg-main);color:var(--text)}a{color:var(--link);text-decoration:none;word-break:break-word}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.shell{width:100%}.shell-full{max-width:none;padding:0}.page-grid{display:grid;grid-template-columns:minmax(220px,var(--left-w))minmax(0,1fr)minmax(220px,var(--right-w));align-items:start;margin-top:clamp(1rem,2vw,2rem)}.page-grid>*{min-width:0}.left-sidebar{padding-right:var(--gap);position:sticky;top:0}.right-sidebar{padding-left:var(--gap);position:sticky;top:0}.content-area{width:100%}.site-header{background:#2a045c;color:var(--color-white)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);padding:0 var(--space-4)}.site-brand img{width:160px;display:block}.header-menu{display:flex;align-items:center;gap:var(--space-5)}.header-menu-toggle,.sidebar-menu-toggle{display:none}.header-menu a{color:var(--color-white);text-decoration:none;font-size:.9rem}.header-menu-search{position:relative}.header-menu-search input{width:280px;padding:.55rem .8rem;border:1px solid rgba(0,0,0,.15);border-radius:var(--radius-md);font-size:.9rem}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,8%);border:1px solid rgba(255,255,255,.12);color:var(--color-white);cursor:pointer;flex-shrink:0;padding:0}.theme-toggle .theme-icon{width:18px;height:18px;display:block}.theme-toggle .theme-icon-sun{display:none}.theme-toggle .theme-icon-moon{display:block}html[data-theme=dark] .theme-toggle .theme-icon-sun{display:block}html[data-theme=dark] .theme-toggle .theme-icon-moon{display:none}.theme-toggle--mobile{display:none}.site-navigation{background:var(--nav-bg);border-bottom:1px solid var(--nav-border)}.site-navigation .nav-wrapper{position:relative;display:flex;align-items:center;padding:.5rem 1.5rem}.site-navigation .nav-inner{display:flex;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;white-space:nowrap;flex:1;scrollbar-width:none;position:relative;z-index:1}.site-navigation .nav-inner::-webkit-scrollbar{display:none}.site-navigation .nav-link{position:relative;padding:5px 15px;font-weight:600;color:var(--gray-900);text-decoration:none}.site-navigation .nav-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:50;width:34px;height:34px;border:1px solid rgba(0,0,0,8%);border-radius:var(--radius-pill);background:var(--nav-bg);color:var(--brand-700);font-size:18px;font-weight:600;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.15);pointer-events:auto}.site-navigation .nav-left{left:6px}.site-navigation .nav-right{right:6px}.article{max-width:var(--content-max);margin-inline:auto;background:var(--bg-article);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(1.1rem,2vw,1.5rem);box-shadow:var(--shadow-sm),0 10px 28px rgba(0,0,0,8%)}.layout-full .article{max-width:none;width:100%;margin:0;padding-inline:clamp(1rem,5vw,4rem)}h1,h2,h3,h4,h5{line-height:1.3;margin:1.2em 0 .5em;font-weight:700}h1{font-size:2rem;line-height:1.25;margin-top:.2em}h2{font-size:var(--h2-size);letter-spacing:-.01em}h3{font-size:var(--h3-size);letter-spacing:-.005em}h4{font-size:var(--h4-size)}h5{font-size:var(--h5-size)}p{margin:.9em 0}ul,ol{padding-left:1.2em}li{margin:.35em 0}.article-header{margin-bottom:var(--space-6)}.article-body{font-size:var(--font-paragraph);line-height:1.75;color:var(--text)}.article-body h2{margin-top:2.5rem;margin-bottom:.85rem;color:var(--heading-strong)}.article-body h3{margin-top:2rem;margin-bottom:.65rem;color:var(--heading-accent)}.article-body h4{margin-top:1.5rem;margin-bottom:.5rem;color:var(--heading-strong)}.article-body h5{margin-top:1.25rem;margin-bottom:.4rem;color:var(--heading-soft);text-transform:uppercase;letter-spacing:.04em}.article-body h2+h3{margin-top:.75rem}.article-body h3+h4{margin-top:.6rem}.article-body h4+h5{margin-top:.5rem}.article-body>h2:first-child{margin-top:0}.article-body ul,.article-body ol{margin:.75rem 0 1.25rem 2.25rem;padding:0;line-height:1.6}.article-body li{margin:0;line-height:1.7rem}.article-body a{color:var(--link-article);text-decoration:none;border-bottom:1px solid transparent}.article-body a:hover{border-bottom-color:var(--link-article)}html[data-theme=dark] .article-body a{color:var(--link-article)}.article-body p:has(img){margin:0}.article-body p img{display:block}.article-meta{display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.2rem;background:var(--surface-1);border-left:4px solid var(--accent-green);border-radius:var(--space-2);margin:var(--space-5)0}.meta-item{display:flex;flex-wrap:wrap;align-items:center;font-size:.9rem;line-height:1.4;color:var(--text-muted)}.meta-label{margin-right:.3rem}.article-meta a{color:var(--text-strong);font-weight:600;text-decoration:none}.date-block{font-size:.85rem;color:var(--slate-400)}.article-hero{margin:var(--space-5)0 var(--space-6)}.article-hero img{width:100%;height:auto;max-height:480px;border-radius:14px;display:block}.hero-image{border-radius:var(--radius-lg);overflow:hidden}.hero-image img{display:block;width:100%;height:auto}.sidebar-menu{height:100vh;overflow-x:hidden;overflow-y:auto;background:var(--sidebar-bg);font-size:var(--font-paragraph);font-weight:400;position:relative;scrollbar-width:none}.sidebar-menu ul{list-style:none;margin:0;padding:0}.sidebar-menu ul li{margin:0}.sidebar-link{position:relative;box-sizing:border-box;display:flex;align-items:center;width:100%;min-width:0;min-height:var(--drop-item-h);padding:.55rem .65rem .55rem .5rem;background:0 0;color:var(--gray-200);font-family:inherit;font-size:var(--font-paragraph);font-weight:400;text-decoration:none;border:none;border-bottom:1px solid rgba(255,255,255,6%);cursor:pointer}.sidebar-link .menu-text{flex:auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.sidebar-submenu-wrapper{display:grid;grid-template-rows:0fr;overflow:hidden;margin-left:8px;border-left:2px solid transparent}.sidebar-group.open .sidebar-submenu-wrapper{grid-template-rows:1fr;border-left-color:var(--accent-violet)}.sidebar-submenu{min-height:0;min-width:0;background:rgba(0,0,0,.18)}.sidebar-submenu .sidebar-link{min-height:40px;padding:.5rem .6rem .5rem .45rem;font-size:var(--font-paragraph);color:var(--gray-100);border-bottom:1px solid rgba(255,255,255,4%)}.hero{background:linear-gradient(111deg,var(--brand-100) 0%,#f7f7fb 55%,var(--color-white) 100%);padding:clamp(3rem,6vw,5rem)0}html[data-theme=dark] .hero{background:linear-gradient(111deg,#1a0a3a 0%,var(--slate-900) 55%,var(--slate-800) 100%)}html[data-theme=dark] .hero-desc{color:var(--text-soft)}html[data-theme=dark] .feature p{color:var(--text-muted)}html[data-theme=dark] .feature-icon svg{fill:#a78bfa}html[data-theme=dark] a.feature:hover{background:rgba(167,139,250,.1)}html[data-theme=dark] a.feature:hover h5{color:#ddd6fe}html[data-theme=dark] a.feature:hover .feature-icon svg{fill:#ddd6fe}.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,4vw,3rem);align-items:center}.hero-left h1{font-size:clamp(2rem,4vw,2.8rem);font-weight:800;margin-bottom:1rem;line-height:1.2}.container{max-width:100%;margin-inline:auto;padding-inline:clamp(1rem,6vw,6rem);box-sizing:border-box}.author-box{margin-top:2.25rem;padding:1.1rem 1.25rem;border:1px solid var(--border);border-left:4px solid var(--accent-green);border-radius:12px;background:var(--bg-article)}.author-box-header{display:flex;gap:.9rem;align-items:center}.author-avatar{width:56px;height:56px;flex-shrink:0;border-radius:50%;object-fit:cover;border:2px solid var(--border);background:var(--surface-1)}.author-box-identity{flex:1;min-width:0}.author-name{margin:0;font-size:1rem;font-weight:700;line-height:1.25;color:var(--text-strong)}.author-title{margin:.15rem 0 0;font-size:.8rem;font-weight:500;line-height:1.3;color:var(--text-muted)}.author-box-body{margin-top:.85rem}.author-bio{margin:0;font-size:.88rem;line-height:1.55;color:var(--text)}@media(max-width:1200px){.right-sidebar{display:none}.page-grid{grid-template-columns:var(--left-w)minmax(0,1fr)}}@media(max-width:992px){:root{--h2-size:1.5rem;--h3-size:1.25rem;--h4-size:1.075rem;--h5-size:.95rem}h1{font-size:1.85rem}.page-grid{grid-template-columns:minmax(220px,320px)minmax(0,1fr)}.hero-inner{grid-template-columns:1fr;text-align:center}}body.has-mobile-panel-open{overflow:hidden;touch-action:none}@media(max-width:768px){:root{--h2-size:1.35rem;--h3-size:1.175rem;--h4-size:1.05rem;--h5-size:.92rem}h1{font-size:1.6rem}.page-grid{grid-template-columns:1fr;margin-top:.4rem}.shell:not(.shell-full){padding-inline:var(--space-4)}.article{padding:var(--space-4);margin-inline:calc(var(--space-4) * -1);border-inline:0;border-radius:0}.left-sidebar{position:fixed;top:var(--header-h);left:0;width:280px;height:calc(100vh - var(--header-h));background:var(--sidebar-bg);transform:translateX(-100%);transition:transform .3s ease;z-index:900;overflow-y:auto;padding-right:0}.left-sidebar.open{transform:translateX(0)}.header-menu-toggle,.sidebar-menu-toggle{display:block;background:0 0;border:none;color:var(--color-white);font-size:1.3rem;cursor:pointer}.header-inner{position:relative;justify-content:center}.site-brand{position:absolute;left:50%;transform:translateX(-50%)}.sidebar-menu-toggle{position:absolute;left:var(--space-4)}.header-menu-toggle{position:absolute;right:var(--space-4)}.header-menu{position:fixed;top:var(--header-h);right:0;width:300px;max-width:85%;height:calc(100vh - var(--header-h));background:linear-gradient(180deg,var(--slate-800) 0%,var(--slate-900) 100%);flex-direction:column;transform:translateX(100%);transition:transform .3s ease;z-index:2000;padding:1.25rem var(--space-4);overflow-y:auto}.header-menu.open{transform:translateX(0)}}