.blog-content{width:100%;max-width:none;margin-left:auto;margin-right:auto;line-height:1.75}.light .blog-content{color:#1f2937}.light .blog-content h1,.light .blog-content h2,.light .blog-content h3,.light .blog-content h4{color:#111827}.light .blog-content blockquote{background-color:#f9fafb;border-color:#d1d5db;border-left-width:4px}.light .blog-content pre{color:#f3f4f6;background-color:#1f2937}.light .blog-content code:not(pre code){color:#db2777;background-color:#f3f4f6}.dark .blog-content{color:#e5e7eb}.dark .blog-content h1,.dark .blog-content h2,.dark .blog-content h3,.dark .blog-content h4{color:#fff}.dark .blog-content blockquote{background-color:#1f2937;border-color:#4b5563;border-left-width:4px}.dark .blog-content pre{color:#f3f4f6;background-color:#111827}.dark .blog-content code:not(pre code){color:#f472b6;background-color:#1f2937}.blog-content h1{margin-top:2rem;margin-bottom:1rem;font-size:1.875rem;font-weight:700;line-height:2.25rem}.blog-content h2{margin-top:2rem;margin-bottom:1rem;font-size:1.5rem;font-weight:700;line-height:2rem}.blog-content h3{margin-top:1.5rem;margin-bottom:.75rem;font-size:1.25rem;font-weight:700;line-height:1.75rem}.blog-content h4{margin-top:1rem;margin-bottom:.5rem;font-size:1.125rem;font-weight:700;line-height:1.75rem}.blog-content p{margin-bottom:1rem}.blog-content ul,.blog-content ol{margin-bottom:1rem;margin-left:1.5rem}.blog-content ul{list-style-type:disc}.blog-content ol{list-style-type:decimal}.blog-content li{margin-bottom:.5rem}.blog-content blockquote{margin-top:1rem;margin-bottom:1rem;padding:1rem;font-style:italic}.blog-content pre{border-radius:.375rem;margin-top:1rem;margin-bottom:1rem;padding:1rem;overflow-x:auto}.blog-content code{border-radius:.25rem;padding:.125rem .25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem}.blog-content img{border-radius:.5rem;max-width:100%;height:auto;margin-top:1rem;margin-bottom:1rem}.blog-content a{text-decoration:underline}.light .blog-content a{color:#2563eb}.light .blog-content a:hover{color:#1e40af}.dark .blog-content a{color:#60a5fa}.dark .blog-content a:hover{color:#93c5fd}.blog-content.font-size-sm{font-size:.875rem;line-height:1.25rem}.blog-content.font-size-base{font-size:1rem;line-height:1.5rem}.blog-content.font-size-lg{font-size:1.125rem;line-height:1.75rem}.blog-content.font-size-xl{font-size:1.25rem;line-height:1.75rem}.focus-mode-active .blog-sidebar{opacity:.3;transition-property:opacity;transition-duration:.3s}.focus-mode-active .blog-sidebar:hover{opacity:1}.reading-container{border-radius:.5rem;max-width:48rem;margin-left:auto;margin-right:auto;padding:2rem 1rem;transition-property:background-color,border-color,color,fill,stroke;transition-duration:.3s}.light .reading-container{background-color:#fffffff2;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dark .reading-container{background-color:#111827f2;box-shadow:0 4px 6px -1px #00000080,0 2px 4px -1px #0000004d}.blog-controls{z-index:50;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:2rem;right:2rem}@media print{.blog-content,.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4{color:#000}.blog-content a{color:#000;text-decoration:underline}.blog-content blockquote{background-color:#0000;border-color:#666}.blog-content pre,.blog-content code{color:#000;background-color:#f1f1f1;border:1px solid #ddd}.blog-content img{border:1px solid #ddd;max-width:100%}.blog-controls,.focus-mode-toggle,.theme-toggle{display:none}}