:root{--brand-primary: #1d2d41;--brand-accent: #a89683;--bg-light: #f9fafb;--text: #111827}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text);line-height:1.7;padding-top:56px}#reading-progress{position:fixed;top:0;left:0;width:0%;height:4px;background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent));z-index:9999;transition:width .1s ease}.blog-hero{position:relative;height:500px;background-size:cover;background-position:center;display:flex;align-items:flex-end;margin-bottom:3rem}.blog-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0000004d,#1d2d41cc)}.blog-hero-content{position:relative;z-index:2;color:#fff;padding:3rem 0}.author-box{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:var(--bg-light);border-radius:12px}.author-avatar{width:80px;height:80px;border-radius:50%;border:3px solid var(--brand-primary);object-fit:cover;object-position:center;background:#fff}#table-of-contents{background:transparent}#table-of-contents h4{color:var(--brand-primary);font-size:1.125rem;margin-bottom:1rem;font-weight:700}#table-of-contents ul{list-style:none;padding-left:0}#table-of-contents li{margin-bottom:.5rem}#table-of-contents a{color:var(--text);text-decoration:none;font-size:.95rem;transition:all .2s;display:block;padding:.375rem .75rem;border-radius:6px}#table-of-contents a:hover{background:#fff;color:var(--brand-primary);transform:translate(4px)}#table-of-contents a.active{background:var(--brand-primary);color:#fff;font-weight:600}.blog-content{font-size:1.125rem;line-height:1.8}.blog-content h2{color:var(--brand-primary);font-weight:700;margin-top:3rem;margin-bottom:1.25rem;font-size:2rem;scroll-margin-top:100px}.blog-content h3{color:var(--brand-primary);font-weight:600;margin-top:2.5rem;margin-bottom:1rem;font-size:1.5rem;scroll-margin-top:100px}.blog-content h4{color:var(--brand-primary);font-weight:600;margin-top:2rem;margin-bottom:.75rem;font-size:1.25rem;scroll-margin-top:100px}.blog-content p{margin-bottom:1.5rem}.blog-content ul,.blog-content ol{margin-bottom:1.5rem;padding-left:2rem}.blog-content li{margin-bottom:.5rem}.blog-content strong{color:var(--brand-primary);font-weight:600}.blog-content a{color:var(--brand-primary);text-decoration:underline;transition:color .2s}.blog-content a:hover{color:var(--brand-accent)}.blog-content blockquote{border-left:4px solid var(--brand-accent);padding-left:1.5rem;margin:2rem 0;font-style:italic;color:#6c757d;background:var(--bg-light);padding:1.5rem;border-radius:8px}.blog-content img{max-width:100%;height:auto;border-radius:12px;margin:2rem 0;box-shadow:0 4px 12px #0000001a}.blog-content table{width:100%;margin:2rem 0;border-collapse:collapse;box-shadow:0 2px 8px #00000014}.blog-content table th{background:var(--brand-primary);color:#fff;padding:1rem;text-align:left;font-weight:600}.blog-content table td{padding:1rem;border-bottom:1px solid #e5e7eb}.blog-content table tr:nth-child(2n){background:var(--bg-light)}.sidebar-sticky-wrapper{position:sticky;top:70px;z-index:10;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #00000014;max-height:calc(100vh - 90px);overflow-y:auto}.share-section-inline{padding-bottom:1rem;border-bottom:2px solid var(--bg-light);margin-bottom:1.5rem}.share-icon{width:40px;height:40px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:all .2s;font-size:1.25rem;background:var(--brand-primary);color:#fff}.share-icon:hover{transform:translateY(-2px);background:var(--brand-accent);color:#fff}.related-keywords .badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003;opacity:.9}.related-articles{background:var(--bg-light);padding:3rem 0;margin-top:4rem}.related-card{transition:all .3s;height:100%}.related-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026!important}@media (max-width: 991px){.blog-hero{height:350px}#table-of-contents{position:static;margin-bottom:2rem}#table-of-contents,.share-icons-mobile{margin-bottom:2rem}.blog-content{font-size:1rem}.blog-content h2{font-size:1.5rem}.blog-content h3{font-size:1.25rem}}