*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--text:#1f2937;--text-light:#6b7280;--bg:#ffffff;--bg-alt:#f9fafb;--border:#e5e7eb;--radius:8px;--shadow:0 1px 3px rgba(0,0,0,0.1);--shadow-md:0 4px 6px rgba(0,0,0,0.07);--max-width:1200px;--font:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--primary);text-decoration:none;transition:color 0.2s}a:hover{color:var(--primary-dark);text-decoration:underline}img{max-width:100%;height:auto;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reading-progress{position:fixed;top:0;left:0;height:3px;width:0%;background:var(--primary);z-index:9999;transition:width 0.1s;pointer-events:none}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--text);color:#fff;padding:1rem}.cookie-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.cookie-inner p{margin:0;font-size:0.9rem}.cookie-inner a{color:#93c5fd}.btn{display:inline-block;padding:0.5rem 1.25rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);cursor:pointer;font-size:0.9rem;font-weight:500;transition:background 0.2s}.btn:hover{background:var(--primary-dark);color:#fff;text-decoration:none}.btn-sm{padding:0.35rem 1rem;font-size:0.85rem}.site-header{background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);padding:0.75rem 0;position:sticky;top:0;z-index:100;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 3px rgba(0,0,0,0.04)}.site-header .container{display:flex;align-items:center;justify-content:space-between}.site-logo{display:flex;align-items:center}.site-logo:hover{text-decoration:none}.logo-img{height:42px;width:auto;border-radius:8px}.nav-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text);padding:0.25rem}.nav-links{list-style:none;display:flex;gap:1.5rem;align-items:center}.nav-links a{color:var(--text-light);font-size:0.95rem;font-weight:500;transition:color 0.2s}.nav-links a:hover{color:var(--primary);text-decoration:none}.breadcrumbs{background:var(--bg-alt);padding:0.75rem 0;border-bottom:1px solid var(--border)}.breadcrumbs ol{list-style:none;display:flex;gap:0.5rem;font-size:0.85rem}.breadcrumbs li + li::before{content:"\203A";margin-right:0.5rem;color:var(--text-light)}.breadcrumbs a{color:var(--text-light)}.breadcrumbs li:last-child{color:var(--text);font-weight:500}.articles-section{margin-bottom:3rem;padding-top:1.5rem}.articles-section h2,.categories-section h2{font-size:1.4rem;margin-bottom:1.25rem;padding-bottom:0.5rem;border-bottom:2px solid var(--primary)}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.article-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:box-shadow 0.2s,transform 0.2s}.article-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.article-card-thumb{display:block;overflow:hidden;aspect-ratio:16/9;background:var(--bg-alt)}.article-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s}.article-card:hover .article-card-thumb img{transform:scale(1.03)}.article-card-body{padding:1.25rem}.article-category{font-size:0.75rem;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:0.05em}.article-card h3{font-size:1.1rem;margin:0.5rem 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card h3 a{color:var(--text)}.article-card h3 a:hover{color:var(--primary);text-decoration:none}.article-card p{font-size:0.9rem;color:var(--text-light);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-meta{display:flex;gap:1rem;margin-top:0.75rem;font-size:0.82rem;color:var(--text-light)}.article-list-item{padding:1.25rem 0;border-bottom:1px solid var(--border);display:flex;gap:1rem;align-items:flex-start}.article-list-thumb{flex-shrink:0;border-radius:var(--radius);overflow:hidden}.article-list-thumb img{width:120px;height:68px;object-fit:cover;display:block;border-radius:var(--radius)}.article-list-text{flex:1;min-width:0}.article-list-item h3{font-size:1.05rem;margin-bottom:0.35rem}.article-list-item h3 a{color:var(--text)}.article-list-item p{font-size:0.9rem;color:var(--text-light)}.categories-section{margin-bottom:3rem}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.category-card{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;text-align:center;transition:all 0.2s}.category-card:hover{background:var(--primary);color:#fff;text-decoration:none;border-color:var(--primary);transform:translateY(-2px)}.category-card:hover h3,.category-card:hover span{color:#fff}.category-card h3{font-size:1rem;margin-bottom:0.25rem;color:var(--text)}.category-card span{font-size:0.85rem;color:var(--text-light)}.category-page{padding:2rem 0}.category-page h1{font-size:1.8rem;margin-bottom:0.5rem}.category-desc{color:var(--text-light);margin-bottom:2rem}.article-layout{display:grid;grid-template-columns:1fr 300px;gap:2.5rem;padding:2rem 0}.article-header{margin-bottom:2rem}.article-category-tag a{font-size:0.8rem;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:0.05em}.article-content h1{font-size:1.8rem;margin:0.5rem 0 0.75rem;line-height:1.3}.article-meta-header{display:flex;gap:1rem;color:var(--text-light);font-size:0.88rem;flex-wrap:wrap}.article-featured-image{margin:1.5rem 0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);aspect-ratio:20/9;background:var(--bg-alt)}.article-featured-image img{width:100%;height:100%;object-fit:cover;display:block}.author-box{display:flex;gap:1rem;align-items:center;background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-top:2rem}.author-avatar{width:64px;height:64px;border-radius:50%;flex-shrink:0}.author-label{font-size:0.75rem;color:var(--text-light);text-transform:uppercase;letter-spacing:0.05em;display:block}.author-info strong{font-size:1rem}.author-info p{font-size:0.9rem;color:var(--text-light);margin-top:0.25rem}.footer-logo{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.75rem}.footer-logo img{border-radius:4px}.cookie-buttons{display:flex;gap:0.5rem}.btn-outline{background:transparent;border:1px solid #fff;color:#fff}.btn-outline:hover{background:rgba(255,255,255,0.1)}.toc-box{background:var(--bg);border:2px solid var(--primary);border-radius:var(--radius);padding:1.5rem;margin-bottom:2rem}.toc-title{font-size:1.15rem;margin-bottom:1rem;font-weight:700;color:var(--text)}.toc-nav ol{list-style:none;counter-reset:toc}.toc-nav li{counter-increment:toc;padding:0.5rem 0.4rem;border-bottom:1px solid var(--border)}.toc-nav li:last-child{border-bottom:none}.toc-nav li::before{content:counter(toc) ". ";color:var(--primary);font-size:1rem;font-weight:700}.toc-nav a{font-size:1rem;color:var(--text);font-weight:500}.toc-nav a:hover{color:var(--primary);text-decoration:underline}.toc-h3{padding-left:1.5rem;border-bottom:none}.toc-h3::before{color:var(--text-light);font-weight:400;font-size:0.92rem}.toc-h3 a{font-size:0.92rem;font-weight:400;color:var(--text-light)}.article-body{font-size:1.05rem;line-height:1.8;max-width:720px}.article-body h2{font-size:1.4rem;margin:2rem 0 0.75rem;padding-bottom:0.4rem;border-bottom:1px solid var(--border);scroll-margin-top:5rem}.article-body h3{font-size:1.15rem;margin:1.5rem 0 0.5rem;scroll-margin-top:5rem}.article-body p{margin-bottom:1rem}.article-body ul,.article-body ol{margin:0.75rem 0 1rem 1.5rem}.article-body li{margin-bottom:0.35rem}.article-body blockquote{border-left:4px solid var(--primary);padding:0.75rem 1rem;background:var(--bg-alt);margin:1rem 0;font-style:italic}.article-body table{width:100%;border-collapse:collapse;margin:1rem 0}.article-body th,.article-body td{padding:0.6rem 0.75rem;border:1px solid var(--border);text-align:left}.article-body th{background:var(--bg-alt);font-weight:600}.article-body a{text-decoration:underline}.article-body code{background:var(--bg-alt);padding:0.15rem 0.4rem;border-radius:3px;font-size:0.9em}.article-figure{margin:1.5rem 0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--bg-alt)}.article-figure img{width:100%;height:auto;display:block}.article-figure figcaption{padding:0.6rem 1rem;font-size:0.85rem;color:var(--text-light);text-align:center;border-top:1px solid var(--border)}.article-sidebar{position:sticky;top:5rem;align-self:start}.sidebar-widget{background:#ffffff;border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1.5rem}.sidebar-widget h3{font-size:1rem;margin-bottom:0.75rem;color:#1f2937}.sidebar-categories,.sidebar-articles{list-style:none}.sidebar-categories li,.sidebar-articles li{padding:0.35rem 0;border-bottom:1px solid #e5e7eb}.sidebar-categories li:last-child,.sidebar-articles li:last-child{border-bottom:none}.sidebar-categories a,.sidebar-articles a{color:#1f2937;font-size:0.9rem}.related-articles{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.related-articles h2{font-size:1.25rem;margin-bottom:1rem}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.related-card{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:box-shadow 0.2s,transform 0.2s}.related-card:hover{box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-2px)}.related-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--bg-alt)}.related-card h3{font-size:0.95rem;color:var(--text);margin:0.5rem 1rem 0.25rem}.related-meta{font-size:0.82rem;color:var(--text-light);padding:0 1rem 0.75rem;display:block}.page-layout{padding:2rem 0;max-width:800px}.page-content h1{font-size:1.8rem;margin-bottom:0.5rem}.page-updated{color:var(--text-light);font-size:0.9rem;margin-bottom:1.5rem}.page-body{font-size:1.05rem;line-height:1.8}.page-body h2{font-size:1.3rem;margin:1.5rem 0 0.75rem}.page-body h3{font-size:1.1rem;margin:1.25rem 0 0.5rem}.page-body p{margin-bottom:1rem}.page-body ul{margin:0.75rem 0 1rem 1.5rem}.newsletter-section{background:var(--primary);color:#fff;padding:2.5rem 0;text-align:center;margin-top:3rem}.newsletter-section h2{color:#fff;font-size:1.4rem;margin-bottom:0.4rem}.newsletter-section p{opacity:0.9;margin-bottom:1.25rem;font-size:0.95rem}.newsletter-form{display:flex;gap:0.5rem;justify-content:center;max-width:460px;margin:0 auto}.newsletter-form input{flex:1;padding:0.6rem 1rem;border:none;border-radius:var(--radius);font-size:0.95rem;font-family:var(--font)}.newsletter-form .btn{background:var(--text);flex-shrink:0}.newsletter-form .btn:hover{background:#374151}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:40px;height:40px;background:var(--primary);color:#fff;border:none;border-radius:50%;font-size:1.2rem;cursor:pointer;opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s,transform 0.2s;z-index:90;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{transform:translateY(-2px);background:var(--primary-dark)}.site-footer{background:var(--text);color:#d1d5db;padding:3rem 0 1.5rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;margin-bottom:2rem}.footer-col h3{color:#fff;font-size:1rem;margin-bottom:0.75rem}.footer-col p{font-size:0.9rem;line-height:1.6}.footer-col ul{list-style:none}.footer-col li{padding:0.25rem 0}.footer-col a{color:#d1d5db;font-size:0.9rem}.footer-col a:hover{color:#fff}.footer-bottom{text-align:center;padding-top:1.5rem;border-top:1px solid #374151;font-size:0.85rem}.error-page{text-align:center;padding:4rem 1rem}.error-page h1{font-size:6rem;color:var(--primary);margin-bottom:1rem;line-height:1}.error-page p{font-size:1.1rem;color:var(--text-light);margin-bottom:2rem}@media (max-width:768px){.nav-toggle{display:block}.nav-links{display:flex;flex-direction:column;position:fixed;top:0;right:-100%;width:280px;height:100vh;background:var(--bg);padding:2rem 1.5rem;gap:0.5rem;box-shadow:-4px 0 12px rgba(0,0,0,0.1);transition:right 0.3s ease;z-index:200;overflow-y:auto}.nav-links.open{right:0}.nav-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:199;opacity:0;visibility:hidden;transition:all 0.3s}.nav-overlay.open{opacity:1;visibility:visible}.nav-close{display:block;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text);align-self:flex-end;margin-bottom:1rem}.article-layout{grid-template-columns:1fr}.article-sidebar{position:static}.footer-grid{grid-template-columns:1fr}.article-content h1{font-size:1.4rem}.back-to-top{bottom:1.5rem;right:1.5rem}}@media (min-width:769px){.nav-close{display:none}.nav-overlay{display:none}}a:focus-visible,button:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:2px}@media (prefers-color-scheme:dark){:root{--bg:#1a1a2e;--bg-alt:#16213e;--text:#f0f0f0;--text-light:#b0b0c0;--border:#2a2a4a;--primary:#7eb8ff;--primary-dark:#5a9cf0;--card-bg:#1e1e3a;--card-shadow:0 2px 8px rgba(0,0,0,.4)}body{background:var(--bg);color:var(--text)}.site-header{background:rgba(26,26,46,0.97);border-bottom-color:var(--border)}.article-card,.author-box{background:var(--card-bg);border-color:var(--border)}.category-card{background:var(--card-bg)}.toc-box{background:var(--bg);border-color:var(--primary)}.toc-nav a{color:var(--text)}.toc-title{color:var(--text)}.article-body h2,.article-body h3{color:#ffffff}.article-body blockquote{border-left-color:var(--primary);background:var(--bg-alt);color:var(--text)}.article-body table th{background:var(--bg-alt);color:var(--text)}.article-body table td{border-color:var(--border);color:var(--text)}.article-body code{background:var(--bg-alt);color:#fbbf24}.cookie-banner{background:#16213e}.cookie-banner .cookie-inner{background:#16213e}.site-footer{background:#0f0f1e}img{opacity:.95}.sidebar-widget{background:#ffffff;border-color:#e5e7eb}.sidebar-widget h3{color:#1f2937}.sidebar-categories a,.sidebar-articles a{color:#1f2937}.sidebar-categories li,.sidebar-articles li{border-bottom-color:#e5e7eb}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:root{--primary:#ea580c;--primary-dark:#c2410c;--text:#292524;--text-light:#78716c;--bg:#fffbf5;--bg-alt:#fef3e2;--border:#e7d5c0;--radius:12px;--shadow:0 1px 3px rgba(0,0,0,0.1);--shadow-md:0 4px 6px rgba(0,0,0,0.07);--max-width:1200px;--font:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande",sans-serif;--heading-font:"Trebuchet MS","Lucida Sans Unicode",sans-serif;--accent:#f97316}html{font-size:16px}body{font-family:var(--font);line-height:1.7}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);font-weight:800}.site-header{background:#ea580c;border-bottom:none}.site-logo{color:#fff}.site-logo:hover{color:rgba(255,255,255,0.85);text-decoration:none}.nav-links a{color:rgba(255,255,255,0.9)}.nav-links a:hover{color:#fff}.nav-toggle{color:#fff}.breadcrumbs{background:#c2410c;border-bottom:none}.breadcrumbs a,.breadcrumbs li:last-child{color:rgba(255,255,255,0.85)}.breadcrumbs li + li::before{color:rgba(255,255,255,0.5)}.hero{background:linear-gradient(135deg,#ea580c 0%,#f97316 100%);color:#fff;padding:3.5rem 2rem;border-radius:var(--radius);margin-bottom:2.5rem;border:none}.hero h1{color:#fff}.hero p{color:rgba(255,255,255,0.9)}.article-card{border:none;box-shadow:var(--shadow)}.article-card:hover{box-shadow:0 8px 25px rgba(0,0,0,0.12);transform:translateY(-2px);transition:all 0.3s}.category-card{border:none;box-shadow:var(--shadow)}.related-card{border:none;box-shadow:var(--shadow)}.site-footer{background:#292524;color:#d6d3d1}.footer-col a{color:#d6d3d1}.footer-col a:hover{color:#fff}.footer-col h3{color:#fff}