.blog-content{max-width:750px;font-size:1.125rem;line-height:1.7}.blog-content p{color:var(--muted-foreground);margin-bottom:1.5rem;font-size:1.125rem;line-height:1.7}.blog-content p:first-of-type{color:#4e5565;font-size:1.25rem;font-weight:400}.blog-content h2{color:#0f1729;letter-spacing:-.02em;margin-top:3rem;margin-bottom:1.25rem;font-size:1.875rem;font-weight:700;line-height:1.3}.blog-content h3{color:#141f38;margin-top:2.25rem;margin-bottom:1rem;font-size:1.375rem;font-weight:600;line-height:1.4}.blog-content h4{color:#182543;margin-top:1.5rem;margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.blog-content ul,.blog-content ol{margin-bottom:1.5rem;padding-inline-start:1.5rem}.blog-content li{color:var(--muted-foreground);margin-bottom:.75rem;line-height:1.7}.blog-content li::marker{color:#f90}.blog-content strong{color:#141f38;font-weight:600}.blog-content a{color:#f90;font-weight:500;text-decoration:none;transition:all .2s}.blog-content a:hover{color:#cc7a00;text-decoration:underline}.blog-content table{border-collapse:collapse;border:1px solid #e0e4eb;border-radius:.75rem;width:100%;margin:2rem 0;font-size:.9375rem;overflow:hidden}.blog-content thead{color:#fff;background:#0f1729}.blog-content th{text-align:left;text-transform:uppercase;letter-spacing:.03em;padding:.875rem 1rem;font-size:.875rem;font-weight:600}.blog-content td{color:#4e5565;border-bottom:1px solid #e7e9ef;padding:.75rem 1rem}.blog-content tbody tr:nth-child(2n){background:#f6f7f9}.blog-content tbody tr:hover{background:#fff9f0}[dir=rtl] .blog-content th,[dir=rtl] .blog-content td{text-align:right}.blog-pull-quote{color:#1b294b;background:linear-gradient(135deg,#fffbf0,#fcf7e8);border-inline-start:4px solid #f90;border-radius:0 1rem 1rem 0;margin:2.5rem 0;padding:1.5rem 2rem;font-size:1.25rem;font-style:italic;font-weight:500;position:relative}[dir=rtl] .blog-pull-quote{border-inline-start:none;border-inline-end:4px solid #f90;border-radius:1rem 0 0 1rem}.blog-pull-quote:before{content:"\"";color:#ff99004d;top:-.5rem;font-family:Georgia,serif;font-size:4rem;line-height:1;position:absolute;inset-inline-start:1rem}.blog-callout{background:linear-gradient(135deg,#f0f7ff,#e8f6fc);border-inline-start:4px solid #0099e6;border-radius:1rem;margin:2rem 0;padding:1.5rem 2rem;position:relative}.blog-callout.pro-tip{background:linear-gradient(135deg,#f1fdf7,#e7f9f0);border-inline-start-color:#1fad66}.blog-callout.warning{background:linear-gradient(135deg,#fffaf0,#fcf4e3);border-inline-start-color:#fa0}.blog-callout-title{text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:700;display:flex}.blog-callout.pro-tip .blog-callout-title{color:#17824d}.blog-callout.warning .blog-callout-title{color:#8a610f}.blog-callout p{color:#4c5567;margin:0;font-size:1rem}.blog-image-container{margin:2.5rem 0}.blog-image{border-radius:.75rem;width:100%;height:auto;box-shadow:0 4px 20px -4px #29303d1f,0 8px 32px -8px #29303d14}.blog-image-caption{text-align:center;color:var(--muted-foreground);margin-top:.75rem;font-size:.875rem;font-style:italic}.reading-progress-bar{background:var(--border);z-index:50;height:4px;position:fixed;bottom:0;left:0;right:0}.reading-progress-fill{background:linear-gradient(90deg,#f90,#ff751a);border-radius:0 2px 2px 0;height:100%;transition:width .1s ease-out}.author-bio-card{background:var(--muted);border-radius:1rem;gap:1.5rem;margin-top:3rem;padding:2rem;display:flex}[dir=rtl] .author-bio-card{flex-direction:row-reverse}.author-bio-avatar{object-fit:cover;border:3px solid #f90;border-radius:50%;flex-shrink:0;width:80px;height:80px}.author-bio-content{flex:1}.author-bio-name{color:#0f1729;margin-bottom:.25rem;font-size:1.125rem;font-weight:700}.author-bio-role{color:#f90;margin-bottom:.75rem;font-size:.875rem;font-weight:500}.author-bio-description{color:var(--muted-foreground);font-size:.9375rem;line-height:1.6}.mobile-toc-trigger{color:#fff;z-index:45;cursor:pointer;bottom:5.5rem;background:#0f1729;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:fixed;inset-inline-end:1rem;box-shadow:0 4px 12px #29303d40}.mobile-toc-trigger:hover{background:#182543;transform:scale(1.05)}.mobile-toc-menu{z-index:44;bottom:8rem;background:#fff;border-radius:1rem;width:calc(100vw - 2rem);max-width:320px;max-height:60vh;animation:.2s ease-out slideUp;position:fixed;inset-inline-end:1rem;overflow:hidden;box-shadow:0 8px 32px #29303d33}@keyframes slideUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.mobile-toc-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.mobile-toc-title{color:#0f1729;font-weight:600}.mobile-toc-close{background:var(--muted);width:32px;height:32px;color:var(--muted-foreground);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.mobile-toc-content{max-height:calc(60vh - 4rem);padding:.5rem;overflow-y:auto}.mobile-toc-link{color:var(--muted-foreground);border-radius:.5rem;padding:.75rem 1rem;font-size:.9375rem;transition:all .15s;display:block}.mobile-toc-link:hover,.mobile-toc-link.active{background:var(--muted);color:#f90}.mobile-toc-link.level-3{padding-inline-start:2rem;font-size:.875rem}
