:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bg-primary:#ffffff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#475569;--border-color:#e2e8f0;--primary:#2563eb;--primary-hover:#1d4ed8;--accent:#0ea5e9;--badge-bg:#eff6ff;--badge-text:#1d4ed8;--card-bg:#ffffff;--card-border:#e2e8f0;--card-shadow:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -2px rgba(0,0,0,0.05);--card-shadow-hover:0 10px 15px -3px rgba(0,0,0,0.08),0 4px 6px -4px rgba(0,0,0,0.04);--max-width:1200px;--radius:8px}[data-theme="dark"]{--bg-primary:#0b0f19;--bg-secondary:#111827;--bg-tertiary:#1f2937;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-color:#334155;--primary:#3b82f6;--primary-hover:#60a5fa;--accent:#38bdf8;--badge-bg:#1e293b;--badge-text:#93c5fd;--card-bg:#111827;--card-border:#1f2937;--card-shadow:0 4px 6px -1px rgba(0,0,0,0.3);--card-shadow-hover:0 10px 15px -3px rgba(0,0,0,0.5)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--primary);text-decoration:none;transition:color 0.15s ease-in-out}a:hover{color:var(--primary-hover);text-decoration:underline}img{max-width:100%;height:auto;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 20px}.site-header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;box-shadow:0 1px 2px 0 rgba(0,0,0,0.03)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px}.site-brand{display:flex;align-items:center;gap:12px}.brand-logo{font-size:1.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-0.025em;display:flex;align-items:center;gap:8px}.brand-logo span{color:var(--primary)}.brand-logo:hover{text-decoration:none}.nav-menu{display:flex;align-items:center;list-style:none;gap:24px}.nav-link{color:var(--text-secondary);font-weight:500;font-size:0.95rem;padding:6px 0;transition:color 0.15s}.nav-link:hover,.nav-link.active{color:var(--primary);text-decoration:none}.header-actions{display:flex;align-items:center;gap:14px}.search-form{position:relative;display:flex;align-items:center}.search-input{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 14px 8px 34px;border-radius:20px;font-size:0.875rem;outline:none;width:180px;transition:width 0.2s,border-color 0.2s}.search-input:focus{width:240px;border-color:var(--primary);background-color:var(--bg-primary)}.search-icon{position:absolute;left:12px;color:var(--text-muted);width:16px;height:16px;pointer-events:none}.theme-toggle-btn{background:none;border:1px solid var(--border-color);border-radius:50%;width:44px;height:44px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:background-color 0.15s}.theme-toggle-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);font-size:1.5rem;width:44px;height:44px;min-width:44px;min-height:44px;cursor:pointer;align-items:center;justify-content:center}.adsense-container{margin:25px auto;text-align:center;overflow:hidden;max-width:100%}.adsense-slot-placeholder{background-color:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:var(--radius);color:var(--text-muted);font-size:0.8rem;text-transform:uppercase;letter-spacing:0.05em;display:flex;align-items:center;justify-content:center;margin:0 auto}.adsense-leaderboard{min-height:90px;max-width:728px}.adsense-in-article{min-height:250px;max-width:100%;margin:30px 0}.adsense-sidebar{min-height:250px;max-width:300px}.adsense-footer{min-height:90px;max-width:970px}.main-wrapper{padding:40px 0}.content-grid{display:grid;grid-template-columns:1fr 340px;gap:36px;align-items:start}.full-width{grid-template-columns:1fr}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}.post-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--card-shadow);transition:transform 0.2s,box-shadow 0.2s;display:flex;flex-direction:column}.post-card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover)}.post-card-thumb{aspect-ratio:16 / 9;overflow:hidden;position:relative;background-color:var(--bg-tertiary)}.post-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s}.post-card:hover .post-card-thumb img{transform:scale(1.03)}.post-card-body{padding:22px;display:flex;flex-direction:column;flex-grow:1}.category-badge{display:inline-block;background-color:var(--badge-bg);color:var(--badge-text);font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;padding:4px 10px;border-radius:4px;margin-bottom:12px;width:fit-content}.category-badge:hover{text-decoration:none;filter:brightness(0.95)}.post-card-title{font-size:1.25rem;font-weight:700;line-height:1.35;margin-bottom:10px}.post-card-title a{color:var(--text-primary)}.post-card-title a:hover{color:var(--primary);text-decoration:none}.post-card-excerpt{color:var(--text-secondary);font-size:0.925rem;line-height:1.55;margin-bottom:16px;flex-grow:1}.post-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:0.8rem;color:var(--text-muted);border-top:1px solid var(--border-color);padding-top:14px}.featured-hero{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--card-shadow);overflow:hidden;margin-bottom:40px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center}.featured-hero-thumb{height:100%;min-height:340px;overflow:hidden}.featured-hero-thumb img{width:100%;height:100%;object-fit:cover}.featured-hero-content{padding:40px}.featured-hero-title{font-size:2rem;font-weight:800;line-height:1.25;margin:14px 0 16px}.featured-hero-title a{color:var(--text-primary)}.featured-hero-title a:hover{color:var(--primary);text-decoration:none}.sidebar{display:flex;flex-direction:column;gap:28px}.widget{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:24px;box-shadow:var(--card-shadow)}.widget-title{font-size:1.1rem;font-weight:700;margin-bottom:18px;padding-bottom:10px;border-bottom:2px solid var(--primary);color:var(--text-primary);display:flex;align-items:center;justify-content:space-between}.author-widget{text-align:center}.author-avatar{width:96px;height:96px;border-radius:50%;margin:0 auto 16px;object-fit:cover;border:3px solid var(--primary)}.author-widget h3{font-size:1.2rem;font-weight:700}.author-widget .author-role{font-size:0.85rem;color:var(--primary);font-weight:600;margin-bottom:12px}.author-widget p{font-size:0.875rem;color:var(--text-secondary);margin-bottom:18px;line-height:1.5}.fiverr-badge-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:#1dbf73;color:#ffffff !important;font-weight:600;font-size:0.9rem;padding:10px 18px;border-radius:6px;width:100%;transition:background-color 0.15s}.fiverr-badge-btn:hover{background-color:#179b5c;text-decoration:none}.category-list{list-style:none}.category-list li{border-bottom:1px solid var(--border-color)}.category-list li:last-child{border-bottom:none}.category-list a{display:flex;justify-content:space-between;align-items:center;padding:10px 0;color:var(--text-primary);font-size:0.925rem;font-weight:500}.category-list a:hover{color:var(--primary);text-decoration:none}.category-count{background-color:var(--bg-tertiary);color:var(--text-muted);font-size:0.75rem;padding:2px 8px;border-radius:12px}.article-header{margin-bottom:30px}.breadcrumbs{font-size:0.85rem;color:var(--text-muted);margin-bottom:16px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.breadcrumbs a{color:var(--text-muted)}.breadcrumbs a:hover{color:var(--primary)}.article-title{font-size:2.35rem;font-weight:800;line-height:1.25;letter-spacing:-0.025em;margin-bottom:18px}.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:18px;font-size:0.875rem;color:var(--text-muted);padding-bottom:20px;border-bottom:1px solid var(--border-color)}.meta-item{display:flex;align-items:center;gap:6px}.article-featured-image{margin:30px 0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--card-shadow)}.article-featured-image img{width:100%;max-height:520px;object-fit:cover}.article-content{font-size:1.1rem;line-height:1.8;color:var(--text-primary)}.article-content p{margin-bottom:1.5em}.article-content h2{font-size:1.7rem;font-weight:700;margin:1.8em 0 0.8em;line-height:1.3}.article-content h3{font-size:1.35rem;font-weight:600;margin:1.5em 0 0.6em;line-height:1.35}.article-content ul,.article-content ol{margin:0 0 1.5em 1.5em}.article-content li{margin-bottom:0.5em}.article-content blockquote{border-left:4px solid var(--primary);background-color:var(--bg-tertiary);padding:18px 24px;margin:2em 0;border-radius:0 var(--radius) var(--radius) 0;font-style:italic;color:var(--text-secondary)}.article-content pre{background-color:#0f172a;color:#f8fafc;padding:20px;border-radius:var(--radius);overflow-x:auto;font-family:var(--font-mono);font-size:0.9rem;margin:1.8em 0}.article-content code{font-family:var(--font-mono);font-size:0.875em;background-color:var(--bg-tertiary);color:var(--primary);padding:2px 6px;border-radius:4px}.article-content pre code{color:inherit;background:none;padding:0}.article-content figure{margin:2em 0}.article-content figcaption{font-size:0.85rem;color:var(--text-muted);text-align:center;margin-top:8px}.author-box{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:30px;margin-top:45px;display:flex;gap:24px;align-items:center;box-shadow:var(--card-shadow)}.author-box-avatar{width:100px;height:100px;border-radius:50%;flex-shrink:0;object-fit:cover;border:3px solid var(--primary)}.author-box-content h4{font-size:1.25rem;margin-bottom:6px}.author-box-content p{font-size:0.925rem;color:var(--text-secondary);margin-bottom:12px}.related-posts-section{margin-top:50px}.section-title{font-size:1.4rem;font-weight:700;margin-bottom:24px}.pagination{display:flex;justify-content:center;gap:8px;margin-top:40px}.page-btn{background-color:var(--card-bg);border:1px solid var(--card-border);color:var(--text-primary);padding:8px 16px;border-radius:6px;font-weight:600;font-size:0.9rem}.page-btn.active,.page-btn:hover{background-color:var(--primary);color:#ffffff;border-color:var(--primary);text-decoration:none}.page-box{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:40px;box-shadow:var(--card-shadow)}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:600;margin-bottom:8px;font-size:0.9rem}.form-control{width:100%;padding:12px 16px;border:1px solid var(--border-color);background-color:var(--bg-tertiary);color:var(--text-primary);border-radius:6px;font-family:inherit;font-size:1rem;outline:none;transition:border-color 0.15s}.form-control:focus{border-color:var(--primary);background-color:var(--bg-primary)}.btn-submit{background-color:var(--primary);color:#ffffff;border:none;padding:12px 28px;border-radius:6px;font-weight:600;font-size:1rem;cursor:pointer;transition:background-color 0.15s}.btn-submit:hover{background-color:var(--primary-hover)}.site-footer{background-color:var(--bg-primary);border-top:1px solid var(--border-color);margin-top:60px;padding:60px 0 30px;color:var(--text-secondary)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:40px}.footer-col h4{color:var(--text-primary);font-size:1.05rem;font-weight:700;margin-bottom:18px}.footer-col p{font-size:0.9rem;line-height:1.6;margin-bottom:16px}.footer-links{list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{color:var(--text-secondary);font-size:0.9rem}.footer-links a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border-color);padding-top:24px;display:flex;align-items:center;justify-content:space-between;font-size:0.85rem;color:var(--text-muted)}@media (max-width:992px){.content-grid{grid-template-columns:1fr}.featured-hero{grid-template-columns:1fr}.featured-hero-thumb{min-height:240px}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.nav-menu{display:none;position:absolute;top:72px;left:0;width:100%;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);flex-direction:column;padding:20px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1)}.nav-menu.is-active{display:flex}.mobile-menu-btn{display:block}.article-title{font-size:1.85rem}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:12px;text-align:center}.search-input{width:130px}.search-input:focus{width:170px}}.aeo-direct-answer{background:linear-gradient(180deg,#f0f7ff 0%,#ffffff 100%);border:1px solid #bfdbfe;border-left:4px solid var(--primary);border-radius:12px;padding:22px 24px;margin:24px 0 30px;box-shadow:0 2px 10px rgba(37,99,235,0.05)}[data-theme="dark"] .aeo-direct-answer{background:#111827;border-color:#1e3a8a;border-left-color:#3b82f6}.aeo-answer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.aeo-badge{display:inline-flex;align-items:center;gap:6px;background:var(--primary);color:#ffffff;font-size:0.78rem;font-weight:700;padding:4px 10px;border-radius:20px;letter-spacing:0.02em;text-transform:uppercase}.aeo-verified-tag{display:inline-flex;align-items:center;gap:4px;background:#ecfdf5;color:#059669;font-size:0.78rem;font-weight:600;padding:3px 8px;border-radius:6px}[data-theme="dark"] .aeo-verified-tag{background:#064e3b;color:#6ee7b7}.aeo-summary-lead{font-size:1.05rem;font-weight:500;line-height:1.6;color:var(--text-primary);margin-bottom:14px}.aeo-takeaways-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.aeo-summary-point{font-size:0.92rem;color:var(--text-secondary);line-height:1.5;position:relative;padding-left:20px}.aeo-summary-point::before{content:"✔";position:absolute;left:0;color:#10b981;font-weight:800;font-size:0.85rem}.aeo-answer-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:10px;border-top:1px solid var(--border-color);font-size:0.75rem;color:var(--text-muted)}.aeo-faq-container{margin:40px 0;padding:26px 24px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:14px}.aeo-faq-header{margin-bottom:18px}.aeo-faq-title{display:flex;align-items:center;gap:8px;font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.aeo-faq-subtitle{font-size:0.85rem;color:var(--text-muted)}.aeo-faq-list{display:flex;flex-direction:column;gap:10px}.aeo-faq-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:border-color 0.15s ease}.aeo-faq-item[open]{border-color:var(--primary)}.aeo-faq-question{padding:14px 18px;font-weight:600;font-size:0.95rem;color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none;user-select:none}.aeo-faq-question::-webkit-details-marker{display:none}.aeo-faq-question .faq-icon{font-size:1.1rem;color:var(--primary);font-weight:700;transition:transform 0.2s ease}.aeo-faq-item[open] .faq-icon{transform:rotate(45deg)}.aeo-faq-answer{padding:0 18px 16px;font-size:0.92rem;color:var(--text-secondary);line-height:1.6;border-top:1px dashed var(--border-color);margin-top:4px;padding-top:12px}.workbench-wrap{padding:30px 0 60px}.workbench-hero{background:linear-gradient(135deg,rgba(37,99,235,0.08) 0%,rgba(29,191,115,0.08) 100%);border:1px solid var(--border-color);border-radius:16px;padding:36px 32px;margin-bottom:28px;text-align:center}[data-theme="dark"] .workbench-hero{background:linear-gradient(135deg,rgba(37,99,235,0.15) 0%,rgba(29,191,115,0.12) 100%)}.workbench-badge{display:inline-flex;align-items:center;gap:6px;background:#ecfdf5;color:#059669;border:1px solid #a7f3d0;font-size:0.78rem;font-weight:700;padding:4px 12px;border-radius:9999px;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:14px}[data-theme="dark"] .workbench-badge{background:#064e3b;color:#6ee7b7;border-color:#047857}.workbench-title{font-size:2.2rem;font-weight:800;color:var(--text-primary);line-height:1.25;letter-spacing:-0.02em;margin-bottom:10px}.workbench-subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:820px;margin:0 auto 20px;line-height:1.6}.workbench-meta-pills{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.meta-pill{display:inline-flex;align-items:center;gap:6px;font-size:0.8rem;font-weight:600;color:var(--text-muted);background:var(--bg-primary);border:1px solid var(--border-color);padding:4px 12px;border-radius:20px}.toolkit-nav-wrap{display:flex;align-items:center;gap:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);padding:6px;border-radius:12px;margin-bottom:24px;overflow-x:auto}.toolkit-tab-btn{flex:1;min-width:200px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:none;background:transparent;color:var(--text-secondary);font-size:0.92rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all 0.15s ease;white-space:nowrap}.toolkit-tab-btn:hover{color:var(--text-primary);background:rgba(0,0,0,0.03)}[data-theme="dark"] .toolkit-tab-btn:hover{background:rgba(255,255,255,0.05)}.toolkit-tab-btn.active{background:var(--bg-primary);color:var(--primary);box-shadow:0 2px 8px rgba(0,0,0,0.06);font-weight:700}[data-theme="dark"] .toolkit-tab-btn.active{color:#38bdf8;box-shadow:0 2px 8px rgba(0,0,0,0.3)}.toolkit-panel{display:none}.toolkit-panel.active{display:block;animation:fadeInPanel 0.2s ease}@keyframes fadeInPanel{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.toolkit-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-bottom:30px}@media (max-width:992px){.toolkit-grid{grid-template-columns:1fr}}.tool-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,0.04)}.tool-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:10px}.tool-card-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.tool-form-group{margin-bottom:18px}.tool-label{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:0.88rem;color:var(--text-primary);margin-bottom:6px}.tool-input,.tool-select,.tool-textarea{width:100%;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;font-family:inherit;font-size:0.95rem;color:var(--text-primary);transition:border-color 0.15s,box-shadow 0.15s;outline:none}.tool-input:focus,.tool-select:focus,.tool-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,0.15)}.tool-textarea{resize:vertical;min-height:150px;line-height:1.6}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:0.75rem;font-weight:700}.status-badge.success{background:#dcfce7;color:#15803d}.status-badge.warning{background:#fef3c7;color:#b45309}.status-badge.error{background:#fee2e2;color:#b91c1c}.status-badge.neutral{background:#f1f5f9;color:#475569}[data-theme="dark"] .status-badge.success{background:#064e3b;color:#6ee7b7}[data-theme="dark"] .status-badge.warning{background:#78350f;color:#fde68a}[data-theme="dark"] .status-badge.error{background:#7f1d1d;color:#fca5a5}[data-theme="dark"] .status-badge.neutral{background:#1e293b;color:#94a3b8}.tags-input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-top:6px}.tag-field-wrap{position:relative}.tag-char-counter{position:absolute;right:8px;bottom:8px;font-size:0.7rem;color:var(--text-muted);pointer-events:none}.tag-char-counter.over-limit{color:#ef4444;font-weight:700}.output-preview-box{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;padding:16px;margin-bottom:16px}.output-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted)}.output-preview-text{font-size:1.05rem;font-weight:700;color:var(--text-primary);line-height:1.4;word-break:break-word}.output-slug-preview{font-family:var(--font-mono);font-size:0.8rem;color:#059669;background:var(--bg-primary);padding:6px 10px;border-radius:6px;border:1px dashed var(--border-color);margin-top:10px;word-break:break-all}.tag-pills-container{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag-pill-preview{display:inline-block;background:var(--primary);color:#ffffff;padding:4px 10px;border-radius:20px;font-size:0.78rem;font-weight:600}.tag-pill-preview.invalid{background:#ef4444}.tag-pill-preview.empty{background:transparent;color:var(--text-muted);border:1px dashed var(--border-color)}.btn-toolkit-copy{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;font-size:0.85rem;font-weight:600;background:var(--primary);color:#ffffff;border:none;border-radius:6px;cursor:pointer;transition:all 0.15s ease}.btn-toolkit-copy:hover{background:var(--primary-hover)}.btn-toolkit-copy.copied-state{background:#10b981 !important}.char-progress-track{height:6px;background:var(--border-color);border-radius:3px;overflow:hidden;margin-top:6px}.char-progress-bar{height:100%;width:0%;background:#10b981;transition:width 0.2s ease,background 0.2s ease}.density-matrix{display:flex;flex-direction:column;gap:8px;margin-top:10px}.density-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;font-size:0.88rem}.density-kw-info strong{color:var(--text-primary);display:block}.density-kw-info span{font-size:0.78rem;color:var(--text-muted)}.density-pill{font-size:0.75rem;font-weight:700;padding:3px 8px;border-radius:4px}.density-pill.good{background:#dcfce7;color:#15803d}.density-pill.danger{background:#fee2e2;color:#b91c1c}.density-pill.low{background:#fef3c7;color:#b45309}.density-pill.missing{background:#f1f5f9;color:#64748b}.formatting-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin:14px 0;padding:12px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color)}.formatting-option{display:flex;align-items:center;gap:8px;font-size:0.85rem;color:var(--text-primary);font-weight:500;cursor:pointer}.calc-results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:18px}@media (max-width:576px){.calc-results-grid{grid-template-columns:1fr}}.calc-stat-box{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;padding:16px}.calc-stat-label{font-size:0.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:4px}.calc-stat-value{font-size:1.45rem;font-weight:800;color:var(--text-primary)}.calc-stat-sub{font-size:0.78rem;color:var(--text-muted);margin-top:2px}.hero-payout-box{grid-column:1 / -1;background:linear-gradient(135deg,#059669 0%,#10b981 100%);color:#ffffff;border-radius:12px;padding:24px;text-align:center;box-shadow:0 4px 14px rgba(16,185,129,0.25)}.hero-payout-label{font-size:0.85rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;opacity:0.9;margin-bottom:6px}.hero-payout-val{font-size:2.5rem;font-weight:800;letter-spacing:-0.02em;line-height:1.1;margin-bottom:6px}.hero-payout-note{font-size:0.82rem;opacity:0.85}.tool-guide-article{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:44px 40px;margin-top:40px;box-shadow:0 2px 12px rgba(0,0,0,0.04)}@media (max-width:768px){.tool-guide-article{padding:28px 20px}}.tool-guide-article h2{font-size:1.7rem;font-weight:800;color:var(--text-primary);margin:36px 0 16px;padding-bottom:8px;border-bottom:2px solid var(--border-color);letter-spacing:-0.01em}.tool-guide-article h2:first-of-type{margin-top:0}.tool-guide-article h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:22px 0 10px}.tool-guide-article p{font-size:1.02rem;line-height:1.75;color:var(--text-secondary);margin-bottom:18px}.tool-guide-article ul,.tool-guide-article ol{margin:0 0 20px 24px;color:var(--text-secondary);line-height:1.75}.tool-guide-article li{margin-bottom:8px}.tool-guide-table-wrap{width:100%;overflow-x:auto;margin:24px 0}.tool-guide-table{width:100%;border-collapse:collapse;font-size:0.95rem;text-align:left}.tool-guide-table th,.tool-guide-table td{padding:14px 18px;border-bottom:1px solid var(--border-color)}.tool-guide-table th{background:var(--bg-tertiary);font-weight:700;color:var(--text-primary)}.tool-callout{background:var(--bg-tertiary);border-left:4px solid var(--primary);padding:20px 24px;border-radius:0 10px 10px 0;margin:24px 0}.tool-callout p{margin:0;color:var(--text-primary);font-weight:500}.hero-slider-section{margin:10px 0 24px}.blog-carousel{position:relative;border-radius:16px;overflow:hidden;background:#0f172a;box-shadow:0 10px 25px -5px rgba(0,0,0,0.12),0 8px 10px -6px rgba(0,0,0,0.05)}.carousel-track{position:relative;width:100%;height:440px}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity 0.5s ease-in-out,visibility 0.5s ease-in-out;z-index:1}.carousel-slide.active{opacity:1;visibility:visible;z-index:2}.slide-media{position:relative;width:100%;height:100%}.slide-media img{width:100%;height:100%;object-fit:cover}.slide-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,0.1) 0%,rgba(15,23,42,0.5) 45%,rgba(15,23,42,0.94) 100%)}.slide-content-box{position:absolute;bottom:0;left:0;right:0;padding:36px 40px;z-index:3;color:#ffffff}.slide-tags{display:flex;align-items:center;gap:10px;margin-bottom:12px}.slide-cat{background:#2563eb !important;color:#ffffff !important;font-size:0.75rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;padding:5px 12px;border-radius:20px;text-decoration:none !important}.slide-featured-pill{background:rgba(255,255,255,0.2);backdrop-filter:blur(8px);color:#fde047;font-size:0.75rem;font-weight:700;padding:4px 10px;border-radius:20px}.slide-heading{font-size:2rem;font-weight:800;line-height:1.25;margin-bottom:10px;max-width:860px}.slide-heading a{color:#ffffff !important;text-decoration:none;transition:color 0.15s ease}.slide-heading a:hover{color:#93c5fd !important}.slide-summary{color:#cbd5e1;font-size:1rem;line-height:1.55;max-width:740px;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.slide-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:0.85rem;color:#94a3b8}.slide-meta-row .meta-author{color:#ffffff;font-weight:700}.slide-meta-row .meta-views{display:inline-flex;align-items:center;gap:4px;color:#60a5fa;font-weight:600}.slide-read-btn{display:inline-flex;align-items:center;gap:8px;background:#2563eb;color:#ffffff !important;font-size:0.85rem;font-weight:700;padding:8px 18px;border-radius:6px;text-decoration:none !important;transition:background 0.2s ease,transform 0.2s ease}.slide-read-btn:hover{background:#1d4ed8;transform:translateX(2px)}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;min-width:48px;min-height:48px;border-radius:50%;background:rgba(15,23,42,0.65);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.25);color:#ffffff;font-size:1.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background 0.2s ease,transform 0.2s ease}.carousel-arrow:hover{background:#2563eb;transform:translateY(-50%) scale(1.08)}.arrow-left{left:20px}.arrow-right{right:20px}.carousel-indicators{position:absolute;bottom:24px;right:36px;display:flex;align-items:center;gap:12px;z-index:10}.carousel-dot{position:relative;width:10px;height:10px;border-radius:5px;background:rgba(255,255,255,0.4);border:none;cursor:pointer;padding:0;transition:width 0.3s ease,background 0.3s ease}.carousel-dot::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;min-width:44px;min-height:44px}.carousel-dot.active{width:26px;background:#3b82f6}@media (max-width:768px){.carousel-track{height:380px}.slide-content-box{padding:24px 20px}.slide-heading{font-size:1.35rem}.slide-summary{display:none}.carousel-arrow{display:none}.carousel-indicators{bottom:12px;right:20px}}.blog-topics-nav{display:flex;align-items:center;gap:12px;margin:20px 0 28px;padding:12px 18px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.topics-label{font-size:0.82rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);white-space:nowrap}.topics-pills-wrap{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.topics-pills-wrap::-webkit-scrollbar{display:none}.topic-pill{font-size:0.85rem;font-weight:600;color:var(--text-secondary);padding:8px 16px;min-height:38px;display:inline-flex;align-items:center;border-radius:20px;background:var(--bg-secondary);white-space:nowrap;transition:all 0.2s ease;text-decoration:none !important}.topic-pill:hover{background:var(--bg-tertiary);color:var(--primary)}.topic-pill.active{background:var(--primary);color:#ffffff !important}.topic-pill-tools{background:#f0fdf4;color:#16a34a !important;border:1px solid #bbf7d0}.topic-pill-tools:hover{background:#16a34a;color:#ffffff !important}.blog-feed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;padding-bottom:12px;border-bottom:2px solid var(--border-color)}.feed-section-title{font-size:1.4rem;font-weight:800;color:var(--text-primary);margin:0}.feed-badge-count{font-size:0.8rem;font-weight:600;color:var(--text-muted);background:var(--bg-tertiary);padding:4px 12px;border-radius:20px}.blog-posts-stream{display:flex;flex-direction:column;gap:22px}.blog-entry-card{display:flex;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,0.03);transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease}.blog-entry-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px -5px rgba(0,0,0,0.08);border-color:var(--primary)}.blog-entry-thumb{position:relative;width:290px;min-width:290px;height:200px;overflow:hidden;background:var(--bg-tertiary);flex-shrink:0}.blog-entry-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.35s ease}.blog-entry-card:hover .blog-entry-thumb img{transform:scale(1.05)}.entry-cat-badge{position:absolute;top:10px;left:10px;background:rgba(15,23,42,0.85);backdrop-filter:blur(4px);color:#ffffff;font-size:0.72rem;font-weight:700;padding:3px 9px;border-radius:12px;text-transform:uppercase;letter-spacing:0.04em}.blog-entry-content{padding:20px 24px;display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}.blog-entry-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:0.8rem;color:var(--text-muted);margin-bottom:8px}.entry-author{font-weight:600;color:var(--text-primary)}.entry-meta-dot{color:var(--border-color)}.entry-views{display:inline-flex;align-items:center;gap:4px;color:var(--primary);font-weight:600}.blog-entry-title{font-size:1.25rem;font-weight:700;line-height:1.35;margin-bottom:10px}.blog-entry-title a{color:var(--text-primary);text-decoration:none;transition:color 0.15s ease}.blog-entry-title a:hover{color:var(--primary)}.blog-entry-excerpt{color:var(--text-secondary);font-size:0.92rem;line-height:1.55;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.entry-read-more{display:inline-flex;align-items:center;gap:5px;font-size:0.85rem;font-weight:700;color:var(--primary);text-decoration:none;transition:transform 0.15s ease}.entry-read-more:hover{text-decoration:underline;transform:translateX(3px)}@media (max-width:768px){.blog-entry-card{flex-direction:column}.blog-entry-thumb{width:100%;min-width:100%;height:200px}.blog-entry-content{padding:18px 16px}}.toc-container{background:var(--bg-primary);border:1px solid var(--border-color);border-left:4px solid var(--primary);border-radius:10px;padding:18px 22px;margin:28px 0;box-shadow:0 2px 6px rgba(0,0,0,0.03)}.toc-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none}.toc-title{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:700;color:var(--text-primary)}.toc-toggle-btn{font-size:0.8rem;font-weight:600;color:var(--primary)}.toc-list{margin:14px 0 0 20px;padding:0;display:flex;flex-direction:column;gap:8px}.toc-list.is-collapsed{display:none}.toc-list li a{font-size:0.92rem;color:var(--text-secondary);text-decoration:none;transition:color 0.15s ease}.toc-list li a:hover{color:var(--primary);text-decoration:underline}.post-tools-banner{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:24px;margin:36px 0 28px}.post-tools-badge{font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--primary)}.post-tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.post-tool-card{display:flex;align-items:center;gap:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:14px;text-decoration:none !important;transition:transform 0.2s ease,border-color 0.2s ease}.post-tool-card:hover{transform:translateY(-2px);border-color:var(--primary)}.post-tool-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:0.95rem;flex-shrink:0}.post-tool-info strong{display:block;font-size:0.88rem;color:var(--text-primary);line-height:1.3}.post-tool-info span{display:block;font-size:0.78rem;color:var(--text-muted);line-height:1.35;margin-top:2px}.post-tool-arrow{color:var(--primary);font-weight:700;margin-left:auto}@media (max-width:640px){.post-tools-grid{grid-template-columns:1fr}}.home-newsletter-box{margin:48px 0 20px;background:linear-gradient(135deg,rgba(37,99,235,0.06),rgba(14,165,233,0.06));border:1px solid var(--border-color);border-radius:16px;padding:40px 28px;text-align:center}.newsletter-inner{max-width:580px;margin:0 auto}.newsletter-badge{font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--primary);display:block;margin-bottom:8px}.newsletter-headline{font-size:1.7rem;font-weight:800;color:var(--text-primary);margin-bottom:12px;line-height:1.3}.newsletter-subtitle{font-size:0.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:22px}.newsletter-inline-form{display:flex;gap:10px;max-width:480px;margin:0 auto}.newsletter-inline-form .newsletter-input{flex:1;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:0.92rem;outline:none}.newsletter-inline-form .newsletter-input:focus{border-color:var(--primary)}.newsletter-submit-btn{padding:12px 22px;background:var(--primary);color:#ffffff;border:none;border-radius:8px;font-weight:700;font-size:0.92rem;cursor:pointer;white-space:nowrap;transition:background 0.2s ease}.newsletter-submit-btn:hover{background:var(--primary-hover)}@media (max-width:540px){.newsletter-inline-form{flex-direction:column}}