:root{--color-primary: #3b82f6;--color-primary-dark: #1e64e4;--color-text: #1f2937;--color-text-light: #6b7280;--color-bg: #ffffff;--color-bg-alt: #f9fafb}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--color-text);background:var(--color-bg)}.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e5e7eb}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem 2rem;max-width:1400px;margin:0 auto}.brand{font-weight:800;font-size:1.25rem;color:var(--color-text);text-decoration:none}.site-nav{display:flex;gap:2rem}.site-nav a{color:var(--color-text);text-decoration:none;font-size:1rem}.site-nav a:hover{color:var(--color-primary)}.header-cta{margin-left:auto}.hamburger{display:none;width:40px;height:40px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;align-items:center;justify-content:center;gap:4px}.hamburger span{display:block;width:18px;height:2px;background:var(--color-text)}.blog-container{display:grid;grid-template-columns:240px 1fr 280px;gap:4rem;max-width:1400px;margin:0 auto;padding:4rem 2rem}.toc-sidebar{position:sticky;top:2rem;height:fit-content;max-height:calc(100vh - 4rem);overflow-y:auto}.toc{background:var(--color-bg-alt);border-radius:12px;padding:1.5rem}.toc-title{font-size:.875rem;font-weight:700;text-transform:uppercase;color:var(--color-text-light);margin-bottom:1rem}.toc-list{list-style:none;padding:0;margin:0}.toc-list li{margin:.5rem 0}.toc-list a{color:var(--color-text-light);text-decoration:none;font-size:.9rem;line-height:1.6;display:block;border-left:2px solid transparent;padding:.25rem 0 .25rem .75rem;transition:all .2s ease}.toc-list a:hover,.toc-list a.active{color:var(--color-primary);border-left-color:var(--color-primary)}.article-content{max-width:800px;margin:0;font-size:1.125rem;line-height:1.8;color:var(--color-text)}.article-content h2{font-size:2rem;font-weight:700;margin-top:3rem;margin-bottom:1.5rem;scroll-margin-top:2rem}.article-content h3{font-size:1.5rem;font-weight:600;margin-top:2.5rem;margin-bottom:1rem}.article-content p{margin-bottom:1.5rem}.article-content a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;transition:color .2s ease}.article-content a:hover{color:var(--color-primary-dark)}img{width:100%;height:auto;display:block;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.featured-image{border-radius:12px;margin-bottom:3rem}.content-image{margin:3rem 0}.content-image img{border-radius:8px;box-shadow:0 4px 12px #00000014}figcaption{font-size:.875rem;color:var(--color-text-light);font-style:italic;text-align:center;margin-top:.75rem}.article-header{margin-bottom:4rem}.article-meta{display:flex;gap:1rem;font-size:.875rem;color:var(--color-text-light);margin-bottom:1.5rem}.article-header h1{font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:var(--color-text)}.article-excerpt{font-size:1.25rem;line-height:1.6;color:var(--color-text-light);margin-bottom:2rem}.content-section{padding-bottom:2rem;border-bottom:1px solid #eef2f7}.narrative-block{padding:1rem 0}.transition-paragraph{font-style:italic;opacity:.95;margin:1.5em 0;color:var(--text-secondary, #666)}.article-content ul,.article-content ol{margin:1.5rem 0;padding-left:2rem}.article-content li{margin:.75rem 0;line-height:1.8}.callout{display:flex;gap:1rem;padding:1.5rem;border-radius:8px;margin:2rem 0}.callout.tip{background:#fffbeb;border-left:4px solid #f59e0b}.callout.warning{background:#fef2f2;border-left:4px solid #ef4444}.callout-icon{font-size:2rem;line-height:1;flex-shrink:0}.callout-content h4{font-size:1rem;font-weight:700;margin:0 0 .5rem}.callout-content p{margin:0;font-size:.95rem;line-height:1.6}.data-table{width:100%;border-collapse:collapse;margin:1rem 0 2rem;font-size:.95rem}.data-table thead th{text-align:left;background:var(--color-bg-alt);color:var(--color-text);padding:.75rem;border-bottom:1px solid #e5e7eb}.data-table tbody td{padding:.75rem;border-bottom:1px solid #f0f2f5;vertical-align:top}.data-table tbody tr:hover{background:#fbfdff}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:9999px;font-weight:600;text-decoration:none;transition:all .2s ease;border:none;cursor:pointer}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-full{width:100%;text-align:center}.right-sidebar{position:sticky;top:2rem;height:fit-content;max-height:calc(100vh - 4rem);overflow-y:auto}.author-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2rem;text-align:center;margin-bottom:2rem}.author-avatar{width:120px;height:120px;border-radius:50%;margin:0 auto 1rem;border:3px solid var(--color-primary)}.author-name{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.author-title{font-size:.875rem;color:var(--color-text-light);margin-bottom:1rem}.author-bio{font-size:.9rem;line-height:1.6;color:var(--color-text);margin-bottom:1.5rem}.contact-form-card{background:var(--color-bg-alt);border-radius:12px;padding:2rem}.contact-form-card h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.contact-form-card p{font-size:.9rem;color:var(--color-text-light);margin-bottom:1.5rem}.form-input,.form-textarea{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;margin-bottom:1rem;font-family:inherit}.form-input:focus,.form-textarea:focus{outline:2px solid var(--color-primary);outline-offset:0;border-color:var(--color-primary)}.form-textarea{resize:vertical}.site-footer{background:#0f172a;color:#e5e7eb;margin-top:4rem}.footer-inner{max-width:1400px;margin:0 auto;padding:3rem 2rem}.footer-about h4{margin:0 0 .5rem;font-size:1.125rem;font-weight:800;color:#fff}.footer-about p{margin:0 0 1.5rem;color:#cbd5e1}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-bottom:2rem}.footer-col h5{font-size:1rem;font-weight:700;text-transform:uppercase;color:#cbd5e1;margin:0 0 .75rem}.footer-col ul{list-style:none;margin:0;padding:0}.footer-col a{color:#e5e7eb;text-decoration:none;font-size:.875rem;display:inline-block;margin:.25rem 0}.footer-col a:hover{color:#fff;text-decoration:underline}.footer-bottom{font-size:.75rem;color:#94a3b8;border-top:1px solid #1f2937;padding-top:1rem}@media(max-width:1200px){.blog-container{grid-template-columns:1fr;gap:2rem}.toc-sidebar,.right-sidebar{position:static;max-height:none}}@media(max-width:800px){.site-nav{display:none}.hamburger{display:inline-flex}.header-cta{display:none}.article-header h1{font-size:2rem}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/article.css.map */