:root{--bg-page:#f9fafb;--bg-surface:#fff;--bg-surface-elevated:#f3f5f7;--bg-surface-hover:#ecf0f4;--bg-header:#ffffffd9;--text-primary:#0f1729;--text-secondary:#4b5768;--text-muted:#718198;--text-code:#104dc6;--border-subtle:#e1e7ef;--border-card:#e7ecf3;--border-focus:#7166f0;--accent-primary:#5c4fee;--accent-primary-hover:#3a2aea;--accent-primary-subtle:#f1f0ff;--color-kicker:#b2385d;--color-pill-bg:#eaedf0;--color-pill-text:#364459;--color-pill-hover:#d7dde4;--card-shadow:0 1px 3px #0000000a, 0 4px 12px #00000008;--card-shadow-hover:0 6px 20px #00000014, 0 2px 6px #0000000a;--color-business:#6d28d9;--color-oss:#047857;--color-founder:#b45309;--color-growth:#be123c;--color-landing:#0369a1;--color-dev:#1d4ed8;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Pretendard", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace;--max-width-content:1120px;--max-width-article:760px;--header-height:70px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--transition-normal:.2s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--bg-page:#0b111e;--bg-surface:#101728;--bg-surface-elevated:#1a2337;--bg-surface-hover:#242d42;--bg-header:#0b111ed9;--text-primary:#f8fafc;--text-secondary:#b3bdcc;--text-muted:#7a899f;--text-code:#80bfff;--border-subtle:#20283c;--border-card:#1d2435;--border-focus:#7e74f1;--accent-primary:#7166f0;--accent-primary-hover:#948bf4;--accent-primary-subtle:#1f1c40;--color-kicker:#e3829f;--color-pill-bg:#272b35;--color-pill-text:#ced5de;--color-pill-hover:#313949;--card-shadow:0 1px 3px #0006, 0 4px 12px #00000040;--card-shadow-hover:0 8px 24px #00000080, 0 2px 8px #0000004d}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;line-height:1.6}body{background-color:var(--bg-page);min-height:100vh;color:var(--text-primary);transition:background-color var(--transition-normal), color var(--transition-normal);flex-direction:column;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}.site-header{z-index:100;height:var(--header-height);background-color:var(--bg-header);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-subtle);transition:border-color var(--transition-normal), background-color var(--transition-normal);position:sticky;top:0}.header-inner{max-width:var(--max-width-content);justify-content:space-between;align-items:center;gap:1.5rem;height:100%;margin:0 auto;padding:0 1.5rem;display:flex}.header-left-group{align-items:center;gap:2.25rem;display:flex}.brand-logo{letter-spacing:-.03em;color:var(--text-primary);flex-shrink:0;align-items:center;gap:.6rem;font-size:1.35rem;font-weight:800;transition:transform .15s;display:flex}.brand-logo:hover{transform:scale(1.02)}.brand-badge{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent-primary), #ab30e8);color:#fff;width:28px;height:28px;font-family:var(--font-mono);justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #6366f166}.brand-text-accent{background:linear-gradient(120deg, var(--accent-primary), #b447eb);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--radius-sm);white-space:nowrap;cursor:pointer;background:0 0;border:none;align-items:center;padding:.4rem .65rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:color .15s,background-color .15s;display:inline-flex}.nav-link:hover,.nav-link.active{color:var(--color-kicker);background-color:var(--bg-surface-hover)}.categories-popover-container{align-items:center;display:inline-flex;position:relative}.categories-trigger-btn{gap:.35rem}.categories-popover-menu{background-color:var(--bg-surface);border:1px solid var(--border-subtle);z-index:250;border-radius:14px;width:max-content;min-width:360px;max-width:440px;padding:1.25rem 1.4rem;animation:.18s cubic-bezier(.16,1,.3,1) popoverFadeIn;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000001f,0 2px 6px #0000000d}@keyframes popoverFadeIn{0%{opacity:0;transform:translate(-50%)translateY(-6px)scale(.98)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.categories-popover-pointer{background-color:var(--bg-surface);border-top:1px solid var(--border-subtle);border-left:1px solid var(--border-subtle);border-radius:2px;width:14px;height:14px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.categories-popover-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.2rem;display:grid}.category-popover-item{border-radius:var(--radius-sm);color:var(--text-primary);align-items:center;gap:.65rem;padding:.5rem .65rem;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.category-popover-item:hover{background-color:var(--bg-surface-hover);color:var(--color-kicker)}.category-popover-icon{color:var(--color-kicker);opacity:.85;flex-shrink:0;justify-content:center;align-items:center;transition:transform .15s,opacity .15s;display:flex}.category-popover-item:hover .category-popover-icon{opacity:1;transform:scale(1.1)}.category-popover-text{white-space:nowrap;font-size:.875rem;font-weight:600;line-height:1.35}.header-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.theme-toggle-btn{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background-color:var(--bg-surface);width:38px;height:38px;color:var(--text-secondary);justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-toggle-btn:hover{color:var(--text-primary);background-color:var(--bg-surface-hover);border-color:var(--text-muted)}.mobile-nav-container{display:none}.mobile-nav-toggle{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background-color:var(--bg-surface);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.mobile-nav-toggle:hover{color:var(--text-primary);background-color:var(--bg-surface-hover);border-color:var(--text-muted)}.mobile-nav-overlay{top:var(--header-height);-webkit-backdrop-filter:blur(8px);z-index:150;background:#00000073;animation:.2s ease-out fadeInMobileOverlay;position:fixed;bottom:0;left:0;right:0}.mobile-nav-card{top:calc(var(--header-height) + 8px);max-height:calc(100vh - var(--header-height) - 20px);background-color:var(--bg-surface);border:1px solid var(--border-subtle);z-index:160;overscroll-behavior:contain;border-radius:20px;flex-direction:column;animation:.22s cubic-bezier(.16,1,.3,1) slideDownMobileCard;display:flex;position:fixed;left:12px;right:12px;overflow-y:auto;box-shadow:0 16px 40px #00000038}@keyframes fadeInMobileOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideDownMobileCard{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.mobile-nav-items{flex-direction:column;display:flex}.mobile-nav-link{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);text-align:left;cursor:pointer;background:0 0;border-top:none;border-left:none;border-right:none;align-items:center;gap:.9rem;width:100%;padding:1.05rem 1.25rem;font-family:inherit;font-size:1.02rem;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.mobile-nav-link:hover,.mobile-nav-link:active{background-color:var(--bg-surface-hover);color:var(--color-kicker)}.mobile-nav-icon{color:var(--color-kicker);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mobile-nav-title{letter-spacing:-.01em;flex:1}.mobile-accordion-chevron{color:var(--text-tertiary);transition:transform .2s}.mobile-accordion-chevron.open{color:var(--color-kicker);transform:rotate(180deg)}.mobile-categories-wrapper{background-color:var(--bg-card);border-bottom:1px solid var(--border-subtle);padding:.85rem 1rem}.mobile-categories-grid{grid-template-columns:repeat(2,1fr);gap:.65rem;display:grid}.mobile-category-card{border-radius:var(--radius-sm);background-color:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-primary);align-items:center;gap:.65rem;padding:.75rem .85rem;text-decoration:none;transition:transform .15s,border-color .15s,background-color .15s;display:flex}.mobile-category-card:hover,.mobile-category-card:active{border-color:var(--color-kicker);background-color:var(--bg-surface-hover);transform:translateY(-1px)}.mobile-category-icon{color:var(--color-kicker);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mobile-category-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.mobile-brand-card{border-top:1px solid var(--border-subtle);background:linear-gradient(135deg,#6366f10d,#f43f5e0d);flex-direction:column;gap:.85rem;padding:1.25rem;display:flex}.mobile-brand-header{align-items:center;gap:.75rem;display:flex}.mobile-brand-meta{flex-direction:column;display:flex}.mobile-brand-name{color:var(--text-primary);font-size:1.05rem;font-weight:800}.mobile-brand-tagline{color:var(--text-tertiary);font-size:.78rem;line-height:1.35}.mobile-brand-links{align-items:center;gap:.6rem;font-size:.85rem;font-weight:500;display:flex}.mobile-brand-sublink{color:var(--text-secondary);text-decoration:none;transition:color .15s}.mobile-brand-sublink:hover{color:var(--color-kicker)}.mobile-brand-dot{color:var(--border-subtle);font-size:.7rem}.mobile-brand-copyright{color:var(--text-tertiary);font-size:.75rem}.hero-section{border-bottom:1px solid var(--border-subtle);background-color:var(--bg-surface);padding:3rem 0 2.5rem}.hero-inner{max-width:var(--max-width-content);margin:0 auto;padding:0 1.5rem}.hero-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-primary);background-color:var(--accent-primary-subtle);border-radius:var(--radius-full);align-items:center;gap:.4rem;margin-bottom:1rem;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.hero-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:1rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:800;line-height:1.25}.hero-subtitle{color:var(--text-secondary);max-width:720px;font-size:clamp(1rem,2vw,1.15rem);line-height:1.65}.main-wrapper{max-width:var(--max-width-content);flex:1;width:100%;margin:0 auto;padding:3rem 1.5rem 5rem}.layout-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:3rem 4.5rem;display:grid}@media (max-width:900px){.layout-grid{grid-template-columns:1fr;gap:3rem 0}}.section-kicker{color:var(--color-kicker);text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.8125rem;font-weight:700;display:flex}.section-kicker-title{align-items:center;gap:.5rem;display:inline-flex}.section-count{color:var(--text-muted);letter-spacing:.05em;font-size:.75rem;font-weight:700}.articles-list{flex-direction:column;display:flex}.article-card{box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;gap:.4rem;margin-bottom:3.75rem;padding:0;display:flex;position:relative}.article-card:hover{box-shadow:none;border-color:#0000;transform:none}.article-title{letter-spacing:-.025em;color:var(--text-primary);margin:0;font-size:clamp(1.6rem,2.75vw,2.1rem);font-weight:800;line-height:1.25}.article-title-link{color:inherit;text-decoration:none;transition:color .15s}.article-card:hover .article-title-link,.article-title-link:hover{color:var(--color-kicker)}.article-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.85rem;font-weight:500;display:flex}.article-meta-cat{color:var(--color-kicker);font-weight:700}.category-badge{border-radius:var(--radius-full);background-color:var(--color-pill-bg);color:var(--color-pill-text);align-items:center;gap:.35rem;padding:.15rem .55rem;font-size:.75rem;font-weight:600;transition:opacity .15s;display:inline-flex}.category-badge:hover{opacity:.85}.category-badge-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.article-excerpt{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:.25rem;margin-bottom:.75rem;font-size:1.025rem;line-height:1.65;display:-webkit-box;overflow:hidden}.read-more-wrapper{color:var(--text-primary);align-items:center;gap:.4rem;width:fit-content;font-size:.95rem;font-weight:700;text-decoration:none;transition:gap .2s,color .15s;display:inline-flex}.article-card:hover .read-more-wrapper,.read-more-wrapper:hover{color:var(--color-kicker);gap:.65rem}.read-more-arrow{font-size:1.1rem;transition:transform .2s}.article-card:hover .read-more-arrow,.read-more-wrapper:hover .read-more-arrow{transform:translate(4px)}.show-more-wrap{justify-content:flex-start;margin-top:.5rem;margin-bottom:2rem;display:flex}.show-more-btn{border-radius:var(--radius-full);background-color:var(--bg-surface);border:2px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;align-items:center;gap:.6rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex}.show-more-btn:hover{border-color:var(--color-kicker);color:var(--color-kicker);transform:translateY(-2px)}.sidebar{flex-direction:column;gap:3.5rem;display:flex}.sidebar-section{flex-direction:column;display:flex}.category-chips-grid{flex-wrap:wrap;gap:8px 10px;display:flex}.category-chip{background-color:var(--color-pill-bg);color:var(--color-pill-text);cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:.35rem;padding:6px 14px;font-size:.875rem;font-weight:600;text-decoration:none;transition:transform .15s,background-color .15s,color .15s;display:inline-flex}.category-chip:hover{background-color:var(--color-pill-hover);transform:translateY(-2px)}.category-chip.active{background-color:var(--color-kicker);color:#fff}.category-list{flex-wrap:wrap;gap:8px 10px;display:flex}.category-item-link{background-color:var(--color-pill-bg);color:var(--color-pill-text);border-radius:8px;align-items:center;gap:.35rem;padding:6px 14px;font-size:.875rem;font-weight:600;text-decoration:none;transition:transform .15s,background-color .15s;display:inline-flex}.category-item-link:hover,.category-item-link.active{background-color:var(--color-pill-hover);transform:translateY(-2px)}.category-item-count{opacity:.7;font-size:.75rem}.popular-content-list{flex-direction:column;gap:1.1rem;list-style:none;display:flex}.popular-content-item{display:block}.popular-content-link{color:var(--text-primary);font-size:.95rem;font-weight:700;line-height:1.45;text-decoration:none;transition:color .15s;display:block}.popular-content-link:hover{color:var(--color-kicker)}.popular-list{flex-direction:column;gap:1.15rem;list-style:none;display:flex}.popular-item-link{color:var(--text-primary);align-items:flex-start;gap:.6rem;font-size:.95rem;font-weight:700;line-height:1.45;text-decoration:none;transition:color .15s;display:flex}.popular-item-link:hover{color:var(--color-kicker)}.popular-rank{display:none}.popular-item-title{flex:1}.search-wrap{margin-bottom:2.5rem;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{border:1px solid var(--border-subtle);background-color:var(--bg-surface);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:.75rem 2.2rem .75rem 2.6rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--color-kicker);box-shadow:0 0 0 3px #ff00731a}.search-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:.85rem;line-height:1;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search-clear-btn:hover{color:var(--text-primary)}.filter-reset-badge{color:var(--color-kicker);background-color:var(--color-pill-bg);border-radius:var(--radius-full);cursor:pointer;border:none;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;transition:opacity .15s;display:inline-flex}.filter-reset-badge:hover{opacity:.8}.article-page-wrapper{width:100%}.article-hero-header{border-bottom:1px solid var(--border-subtle);background-color:var(--bg-surface);margin-bottom:3.5rem;padding:3.5rem 0 2rem}.article-hero-inner{max-width:var(--max-width-content);margin:0 auto;padding:0 1.5rem}.article-filed-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:.9rem;display:flex}.filed-label{color:var(--text-muted);font-size:.85rem}.filed-category-tag{color:var(--color-kicker);border-radius:var(--radius-sm);background-color:var(--color-pill-bg);align-items:center;gap:.4rem;padding:.2rem .65rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-flex}.filed-category-tag:hover{opacity:.85}.filed-category-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.meta-sep{color:var(--text-muted);opacity:.6}.filed-date{color:var(--text-secondary);font-weight:500}.filed-read-time{color:var(--text-muted)}.article-hero-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:1.25rem;font-size:clamp(2.1rem,4.25vw,3.1rem);font-weight:800;line-height:1.2}.article-hero-desc{color:var(--text-secondary);max-width:800px;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.65}.article-grid-container{max-width:var(--max-width-content);grid-template-columns:240px minmax(0,1fr);align-items:start;column-gap:4.5rem;margin:0 auto;padding:0 1.5rem 6rem;display:grid}@media (max-width:960px){.article-grid-container{grid-template-columns:1fr;column-gap:0}}.article-toc-sidebar{max-height:calc(100vh - 7rem);padding-right:.5rem;position:sticky;top:5.5rem;overflow-y:auto}@media (max-width:960px){.article-toc-sidebar{display:none}}.toc-sticky-box{flex-direction:column;display:flex}.toc-heading{text-transform:uppercase;letter-spacing:.12em;color:var(--color-kicker);margin-bottom:1rem;font-size:.8125rem;font-weight:800}.toc-nav{border-left:2px solid var(--border-subtle);flex-direction:column;gap:.65rem;padding-left:.85rem;display:flex}.toc-nav-link{color:var(--text-secondary);font-size:.875rem;font-weight:500;line-height:1.4;text-decoration:none;transition:color .15s,transform .15s}.toc-nav-link:hover{color:var(--color-kicker);transform:translate(2px)}.toc-nav-sub{color:var(--text-muted);padding-left:.75rem;font-size:.8125rem}.article-toc-placeholder{display:none}.article-content-column{width:100%;min-width:0;max-width:760px}.article-heading{position:relative}.heading-anchor{opacity:0;color:var(--color-kicker);font-weight:400;text-decoration:none;transition:opacity .15s;position:absolute;left:-1.25rem}.article-heading:hover .heading-anchor{opacity:.8}.related-articles-section{border-top:1px solid var(--border-subtle);margin-top:4rem;padding-top:2.5rem}.related-section-title{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:1.5rem;font-size:1.15rem;font-weight:800}.related-articles-list{flex-direction:column;gap:1rem;list-style:none;display:flex}.related-article-item{align-items:flex-start;gap:.6rem;display:flex}.related-arrow{color:var(--text-primary);flex-shrink:0;font-size:1.1rem;font-weight:700;line-height:1.4;transition:transform .2s,color .2s}.related-article-link{color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.4;text-decoration:none;transition:color .15s}.related-article-item:hover .related-arrow{color:var(--color-kicker);transform:translate(4px)}.related-article-item:hover .related-article-link{color:var(--color-kicker)}.prose-content{color:var(--text-secondary);font-size:1.05rem;line-height:1.8}.prose-content h2{letter-spacing:-.02em;color:var(--text-primary);margin-top:2.5rem;margin-bottom:1rem;padding-top:.5rem;font-size:1.65rem;font-weight:700}.prose-content h3{letter-spacing:-.01em;color:var(--text-primary);margin-top:2rem;margin-bottom:.75rem;font-size:1.3rem;font-weight:600}.prose-content p{margin-bottom:1.5rem}.prose-content a{color:var(--accent-primary);text-underline-offset:3px;transition:color var(--transition-fast), opacity var(--transition-fast);font-weight:500;text-decoration:underline;text-decoration-thickness:1.5px}.prose-content a:hover{color:var(--color-primary);opacity:.85}.prose-content strong{color:var(--text-primary);font-weight:600}.prose-content ul,.prose-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.prose-content li{margin-bottom:.5rem}.prose-content hr{background-color:var(--border-subtle);border:none;height:1px;margin:2.5rem 0}.prose-content blockquote{border-left:4px solid var(--accent-primary);background-color:var(--accent-primary-subtle);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary);margin:1.75rem 0;padding:1rem 1.25rem;font-style:italic}.prose-content code{font-family:var(--font-mono);background-color:var(--bg-surface-elevated);color:var(--text-code);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:.2em .4em;font-size:.875em}.prose-content pre{border-radius:var(--radius-md);color:#edf2f7;border:1px solid var(--border-subtle);font-family:var(--font-mono);background-color:#0e1525;margin:1.75rem 0;padding:1.25rem;font-size:.9rem;line-height:1.6;overflow-x:auto}.prose-content pre code{color:inherit;background-color:#0000;border:none;padding:0}.prose-content img{border-radius:var(--radius-md);border:1px solid var(--border-subtle);max-width:100%;height:auto;margin:2rem auto;display:block;box-shadow:0 4px 20px -2px #00000014,0 2px 6px -1px #0000000a}.prose-content figure{text-align:center;margin:2rem 0}.prose-content figure img{margin:0 auto .75rem}.prose-content figcaption{color:var(--text-muted);text-align:center;margin-top:.5rem;font-size:.875rem}.prose-content table{border-collapse:collapse;width:100%;margin:2rem 0;display:block;overflow-x:auto}.infographic-box{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);margin:2.5rem 0;padding:1.75rem}.infographic-title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.1rem;font-weight:700;display:flex}.infographic-table{border-collapse:collapse;width:100%;margin-top:.75rem;font-size:.9rem}.infographic-table th,.infographic-table td{text-align:left;border-bottom:1px solid var(--border-subtle);padding:.75rem 1rem}.infographic-table th{background-color:var(--bg-surface-elevated);color:var(--text-primary);font-weight:600}.infographic-steps{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.step-item{border-radius:var(--radius-md);background-color:var(--bg-surface-elevated);align-items:flex-start;gap:1rem;padding:1rem;display:flex}.step-num{background-color:var(--accent-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex}.step-content strong{color:var(--text-primary);margin-bottom:.25rem;font-size:.95rem;display:block}.step-content p{color:var(--text-secondary);margin:0;font-size:.875rem}.faq-section{border-radius:var(--radius-lg);background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);margin:3rem 0;padding:2rem}.faq-header{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.35rem;font-weight:700}.faq-item{border-bottom:1px solid var(--border-subtle);padding:1rem 0}.faq-item:last-child{border-bottom:none}.faq-question{color:var(--text-primary);margin-bottom:.5rem;font-size:1.05rem;font-weight:600}.faq-answer{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.article-nav-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:3.5rem;padding-top:2rem;display:flex}.back-to-articles-btn{color:var(--accent-primary);border-radius:var(--radius-md);background-color:var(--bg-surface);border:1px solid var(--border-subtle);align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.95rem;font-weight:600;transition:all .15s;display:inline-flex}.back-to-articles-btn:hover{background-color:var(--bg-surface-hover);border-color:var(--accent-primary)}.site-footer{border-top:1px solid var(--border-subtle);background-color:var(--bg-surface);margin-top:auto;padding:3rem 1.5rem 2.5rem}.footer-inner{max-width:var(--max-width-content);flex-direction:column;gap:2rem;margin:0 auto;display:flex}.footer-top{flex-wrap:wrap;justify-content:space-between;gap:2rem;display:flex}.footer-info{max-width:360px}.footer-logo{color:var(--text-primary);margin-bottom:.5rem;font-size:1.2rem;font-weight:800}.footer-desc{color:var(--text-muted);font-size:.875rem;line-height:1.6}.footer-links-group{gap:3rem;display:flex}.footer-col-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);margin-bottom:.85rem;font-size:.85rem;font-weight:700}.footer-nav{flex-direction:column;gap:.5rem;list-style:none;display:flex}.footer-nav a{color:var(--text-secondary);font-size:.875rem;transition:color .15s}.footer-nav a:hover{color:var(--accent-primary)}.footer-bottom{border-top:1px solid var(--border-subtle);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;font-size:.825rem;display:flex}.lang-switcher-wrap{position:relative}.lang-switcher-btn{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background-color:var(--bg-surface);height:38px;color:var(--text-secondary);cursor:pointer;align-items:center;gap:.4rem;padding:0 .75rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.lang-switcher-btn:hover{color:var(--text-primary);border-color:var(--color-kicker);background-color:var(--bg-surface-hover)}.lang-dropdown{z-index:200;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:220px;max-height:360px;box-shadow:var(--card-shadow-hover);flex-direction:column;gap:2px;padding:.5rem;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.lang-option{border-radius:var(--radius-sm);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.lang-option:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.lang-option.active{background-color:var(--color-pill-bg);color:var(--color-kicker);font-weight:700}.static-page-container{max-width:var(--max-width-article);margin:0 auto;padding:3rem 1.5rem 6rem}.static-page-header{border-bottom:1px solid var(--border-subtle);margin-bottom:2.5rem;padding-bottom:1.5rem}.static-page-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:.75rem;font-size:clamp(2rem,3.5vw,2.5rem);font-weight:800}.static-page-desc{color:var(--text-secondary);font-size:1.05rem;line-height:1.65}.static-page-body{color:var(--text-secondary);font-size:1rem;line-height:1.8}.static-page-body h2{color:var(--text-primary);margin-top:2.5rem;margin-bottom:.85rem;font-size:1.45rem;font-weight:700}.static-page-body p{margin-bottom:1.25rem}.static-page-body ul{margin-bottom:1.25rem;padding-left:1.5rem}.static-page-body li{margin-bottom:.4rem}.category-page-wrapper{max-width:68.75rem;margin:0 auto;padding:2.5rem 1.5rem 6rem}.category-back-link{color:var(--color-kicker);align-items:center;gap:.4rem;margin-bottom:2rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:transform .15s;display:inline-flex}.category-back-link:hover{transform:translate(-3px)}.category-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1.5rem;margin-bottom:1.5rem;display:flex}.category-hero-title{letter-spacing:-.025em;color:var(--text-primary);margin:0;font-size:clamp(2rem,4vw,2.75rem);font-weight:800}.category-count-badge{color:var(--text-muted);font-size:1.05rem;font-weight:500}.category-hero-desc{color:var(--text-secondary);max-width:780px;margin-bottom:3rem;font-size:1.05rem;line-height:1.65}.category-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;display:grid}@media (max-width:768px){.category-cards-grid{grid-template-columns:1fr;gap:1.5rem}}.category-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;flex-direction:column;justify-content:space-between;padding:2.25rem 2rem;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;box-shadow:0 4px 20px #0000000d}.category-card:hover{border-color:var(--color-kicker);transform:translateY(-4px);box-shadow:0 14px 32px #00000017}.category-card-content{flex-direction:column;display:flex}.category-card-title{color:var(--text-primary);margin:0 0 .85rem;font-size:1.35rem;font-weight:700;line-height:1.35;transition:color .15s}.category-card:hover .category-card-title{color:var(--color-kicker)}.category-card-desc{color:var(--text-secondary);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-bottom:2rem;font-size:.95rem;line-height:1.65;display:-webkit-box;overflow:hidden}.category-card-readmore{color:var(--text-primary);font-size:.95rem;font-weight:700;transition:color .15s;display:inline-block}.category-card:hover .category-card-readmore{color:var(--color-kicker)}@media (max-width:768px){.nav-links{display:none!important}.mobile-nav-container{align-items:center;display:flex}.site-header{height:56px}.header-inner{gap:.75rem;padding:0 1rem}.header-left-group{gap:0}.brand-logo{gap:.5rem;font-size:1.18rem}.brand-badge{width:26px;height:26px;font-size:.82rem}.header-actions{gap:.45rem}.theme-toggle-btn,.mobile-nav-toggle{width:35px;height:35px}.main-wrapper{padding:1.75rem 1rem 3.5rem}.layout-grid{grid-template-columns:1fr;row-gap:2.75rem}.hero-section{padding:1.25rem 0 .5rem}.hero-title{font-size:1.75rem;line-height:1.25}.hero-subtitle{font-size:.95rem;line-height:1.6}.article-card{margin-bottom:2.75rem}.article-title{font-size:1.4rem;line-height:1.32}.article-meta{gap:.4rem;font-size:.8rem}.article-excerpt{margin-bottom:.65rem;font-size:.95rem;line-height:1.6}.read-more-wrapper{font-size:.92rem}.sidebar{gap:2.5rem;margin-top:1rem}.article-grid-container{grid-template-columns:1fr;padding:0 1rem 4rem}.article-hero{padding:1.75rem 0 1.25rem}.article-hero-title{font-size:1.65rem;line-height:1.3}.article-hero-desc{font-size:.98rem;line-height:1.6}.article-hero-meta{gap:.4rem;font-size:.82rem}.article-prose{font-size:1.02rem;line-height:1.75}.article-prose h2{margin-top:2rem;margin-bottom:.75rem;font-size:1.35rem}.article-prose h3{margin-top:1.75rem;margin-bottom:.5rem;font-size:1.18rem}.article-toc-sidebar{display:none!important}.category-hero-title{font-size:1.75rem}.category-hero-desc{margin-bottom:2rem;font-size:.95rem}.category-card{padding:1.5rem 1.25rem}.category-card-title{font-size:1.2rem}.category-card-desc{margin-bottom:1.25rem;font-size:.9rem}}