:root{--color-primary:#2d5a7b;--color-primary-dark:#1e3f56;--color-primary-light:#4a7fa0;--color-accent:#c4956a;--color-accent-dark:#a87a52;--color-bg:#fafafa;--color-bg-alt:#f0f0f0;--color-surface:#ffffff;--color-text:#2c2c2c;--color-text-secondary:#6b6b6b;--color-text-muted:#999999;--color-border:#e0e0e0;--font-heading:'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;--font-body:'Source Serif 4', 'Georgia', serif;--font-mono:'Fira Code', 'Consolas', monospace;--text-base:1.125rem;--text-sm:0.875rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.5rem;--text-4xl:3.5rem;--line-height:1.7;--line-height-heading:1.2;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:5rem;--container-width:1200px;--container-narrow:800px;--transition:0.3s ease;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.08);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.1);--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.12);--radius-sm:4px;--radius-md:8px;--radius-lg:12px}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{font-size:100%;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--line-height);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:var(--line-height-heading);font-weight:700;color:var(--color-text)}h1{font-size:var(--text-3xl);margin-bottom:var(--space-lg)}h2{font-size:var(--text-2xl);margin-bottom:var(--space-md)}h3{font-size:var(--text-xl);margin-bottom:var(--space-md)}p{margin-bottom:var(--space-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto;display:block}ul,ol{padding-left:var(--space-lg);margin-bottom:var(--space-md)}blockquote{border-left:3px solid var(--color-primary);padding-left:var(--space-md);margin:var(--space-lg)0;color:var(--color-text-secondary);font-style:italic}code{font-family:var(--font-mono);font-size:var(--text-sm);background-color:var(--color-bg-alt);padding:2px 6px;border-radius:var(--radius-sm)}pre{background-color:var(--color-bg-alt);padding:var(--space-md);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-lg)}pre code{background:0 0;padding:0}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--space-lg)}.container-narrow{max-width:var(--container-narrow)}.section{padding:var(--space-2xl)0}.section-alt{background-color:var(--color-bg-alt)}.section-title{text-align:center;margin-bottom:var(--space-xl)}.section-desc{text-align:center;color:var(--color-text-secondary);max-width:600px;margin:calc(-1 * var(--space-lg))auto var(--space-xl)}.section-cta{text-align:center;margin-top:var(--space-xl)}.page-header{margin-bottom:var(--space-xl)}.page-desc{color:var(--color-text-secondary);font-size:var(--text-lg)}.page-content{margin-bottom:var(--space-xl)}.article-header{margin-bottom:var(--space-xl)}.article-date{display:block;color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-sm)}.article-categories{margin-top:var(--space-sm)}.article-content{margin-bottom:var(--space-xl)}.article-content h2{margin-top:var(--space-xl)}.article-content h3{margin-top:var(--space-lg)}.article-footer{border-top:1px solid var(--color-border);padding-top:var(--space-lg)}.article-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.tag{display:inline-block;font-family:var(--font-heading);font-size:var(--text-sm);color:var(--color-primary);background-color:var(--color-bg-alt);padding:2px 10px;border-radius:var(--radius-sm);transition:background-color var(--transition)}.tag:hover{background-color:var(--color-border);color:var(--color-primary-dark)}.btn{display:inline-block;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;padding:12px 28px;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--transition);text-decoration:none}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark);color:#fff}.btn-secondary{background-color:initial;color:var(--color-primary);border-color:var(--color-primary)}.btn-secondary:hover{background-color:var(--color-primary);color:#fff}.pagination{display:flex;justify-content:center;gap:var(--space-sm);margin-top:var(--space-xl);list-style:none;padding:0}.page-item .page-link{display:inline-block;padding:8px 16px;border-radius:var(--radius-sm);font-family:var(--font-heading);font-size:var(--text-sm)}.page-item.active .page-link{background-color:var(--color-primary);color:#fff}@media(min-width:768px){h1{font-size:var(--text-3xl)}}@media(min-width:1024px){h1{font-size:var(--text-4xl)}}[data-theme=dark]{--color-bg:#1a1a2e;--color-bg-alt:#16213e;--color-surface:#0f3460;--color-text:#e0e0e0;--color-text-secondary:#a0a0a0;--color-text-muted:#777777;--color-border:#2a2a4a;--color-primary:#6baed6;--color-primary-dark:#8ec8e8;--color-primary-light:#4a8ab0;--color-accent:#d4a574;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.3);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.4);--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.5)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#1a1a2e;--color-bg-alt:#16213e;--color-surface:#0f3460;--color-text:#e0e0e0;--color-text-secondary:#a0a0a0;--color-text-muted:#777777;--color-border:#2a2a4a;--color-primary:#6baed6;--color-primary-dark:#8ec8e8;--color-primary-light:#4a8ab0;--color-accent:#d4a574;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.3);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.4);--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.5)}}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);transition:background-color var(--transition),box-shadow var(--transition)}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:64px}.site-logo{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:800;color:var(--color-text);letter-spacing:-.02em}.site-logo:hover{color:var(--color-primary)}.site-nav{display:flex;gap:var(--space-lg)}.site-nav a{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-sm)0;position:relative}.site-nav a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-primary);transition:width var(--transition)}.site-nav a:hover,.site-nav a.active{color:var(--color-text)}.site-nav a:hover::after,.site-nav a.active::after{width:100%}.menu-toggle{display:none;background:0 0;border:none;cursor:pointer;padding:var(--space-sm)}.hamburger{display:block;width:24px;height:2px;background-color:var(--color-text);position:relative;transition:background-color var(--transition)}.hamburger::before,.hamburger::after{content:'';position:absolute;left:0;width:24px;height:2px;background-color:var(--color-text);transition:transform var(--transition)}.hamburger::before{top:-7px}.hamburger::after{top:7px}.menu-toggle[aria-expanded=true] .hamburger{background-color:initial}.menu-toggle[aria-expanded=true] .hamburger::before{top:0;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .hamburger::after{top:0;transform:rotate(-45deg)}body{padding-top:64px}@media(max-width:767px){.menu-toggle{display:block}.site-nav{position:fixed;top:64px;left:0;right:0;bottom:0;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xl);background-color:var(--color-bg);opacity:0;visibility:hidden;transition:opacity var(--transition),visibility var(--transition)}.site-nav.open{opacity:1;visibility:visible}.site-nav a{font-size:var(--text-lg)}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background-color:var(--color-primary-dark);background-size:cover;background-position:50%;background-repeat:no-repeat;margin-top:-64px}.hero-overlay{position:absolute;inset:0;background:linear-gradient( to bottom,rgba(0,0,0,.4) 0%,rgba(0,0,0,.6) 100% )}.hero-content{position:relative;z-index:1;max-width:800px;padding:var(--space-2xl)var(--space-lg);color:#fff}.hero-content h1{font-size:var(--text-4xl);color:#fff;margin-bottom:var(--space-md);letter-spacing:-.02em}.hero-subtitle{font-size:var(--text-xl);opacity:.9;margin-bottom:var(--space-sm)}.hero-text{font-size:var(--text-lg);opacity:.8;margin-bottom:var(--space-xl)}.hero-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.hero .btn-primary{background-color:var(--color-accent);border-color:var(--color-accent)}.hero .btn-primary:hover{background-color:var(--color-accent-dark);border-color:var(--color-accent-dark)}.hero .btn-secondary{color:#fff;border-color:#fff}.hero .btn-secondary:hover{background-color:rgba(255,255,255,.15);color:#fff}@media(min-width:768px){.hero-content h1{font-size:4rem}}@media(min-width:1024px){.hero-content h1{font-size:5rem}}.card-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media(min-width:768px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--transition),transform var(--transition)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-body{padding:var(--space-lg)}.card-title{font-size:var(--text-lg);margin-bottom:var(--space-sm)}.card-title a{color:var(--color-text)}.card-title a:hover{color:var(--color-primary)}.card-date{display:block;font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-sm)}.card-desc{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-sm)}.card-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.card-count{font-family:var(--font-heading);font-size:var(--text-sm);color:var(--color-text-muted)}.site-footer{background-color:var(--color-bg-alt);border-top:1px solid var(--color-border);padding:var(--space-2xl)0 var(--space-lg)}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl);margin-bottom:var(--space-xl)}@media(min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}.footer-col h3{font-size:var(--text-base);margin-bottom:var(--space-md)}.footer-col p{color:var(--color-text-secondary);font-size:var(--text-sm)}.footer-col ul{list-style:none;padding:0}.footer-col li{margin-bottom:var(--space-sm)}.footer-col a{color:var(--color-text-secondary);font-size:var(--text-sm)}.footer-col a:hover{color:var(--color-primary)}.social-links{display:flex;gap:var(--space-md)}.footer-bottom{border-top:1px solid var(--color-border);padding-top:var(--space-lg);text-align:center}.footer-bottom p{font-size:var(--text-sm);color:var(--color-text-muted)}.contact-form{max-width:600px}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-sm);color:var(--color-text)}.form-group input,.form-group textarea{width:100%;padding:12px 16px;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition),box-shadow var(--transition)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(45,90,123,.15)}.form-group textarea{resize:vertical}.kb-breadcrumb{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border);font-family:var(--font-heading);font-size:var(--text-sm)}.kb-breadcrumb a{color:var(--color-text-secondary)}.kb-breadcrumb a:hover{color:var(--color-primary)}.kb-breadcrumb .separator{margin:0 var(--space-sm);color:var(--color-text-muted)}.comments{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.comments h2{font-family:var(--font-heading);font-size:var(--text-xl);margin-bottom:var(--space-lg)}#isso-thread .isso-comment{border-left:3px solid var(--color-primary);padding-left:var(--space-md);margin-bottom:var(--space-lg)}#isso-thread .isso-comment .isso-text-wrapper p{color:var(--color-text);line-height:var(--line-height-body)}#isso-thread .isso-postbox .isso-textarea{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:4px;font-family:var(--font-body);padding:var(--space-sm)}#isso-thread .isso-postbox .isso-post-action input[type=submit]{background:var(--color-primary);color:#fff;border:none;padding:var(--space-sm)var(--space-lg);border-radius:4px;cursor:pointer;font-family:var(--font-heading)}#isso-thread .isso-postbox .isso-post-action input[type=submit]:hover{background:var(--color-primary-dark)}