.blog-image{width:100%;height:auto;border-radius:.5rem;box-shadow:0 10px 25px rgba(0,0,0,.1);margin:1.5rem 0}@media (min-width:768px){.blog-image{margin:2rem 0}}.aspect-w-16{padding-bottom:56.25%}.aspect-w-16,.aspect-w-4{position:relative;height:0;overflow:hidden}.aspect-w-4{padding-bottom:75%}.aspect-w-16>*,.aspect-w-4>*{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-content table{width:100%;overflow-x:auto;display:block;white-space:nowrap;border-collapse:collapse;margin:1.5rem 0;font-size:.875rem}@media (min-width:768px){.blog-content table{display:table;white-space:normal;font-size:1rem}}.blog-content td,.blog-content th{border:1px solid #e5e7eb;padding:.75rem;text-align:left;vertical-align:top}@media (min-width:768px){.blog-content td,.blog-content th{padding:1rem}}.blog-content th{background-color:#f9fafb;font-weight:600}.blog-content{line-height:1.7;font-size:1rem}.blog-content h1{font-size:1.875rem;font-weight:700;margin:2rem 0 1rem;line-height:1.3}.blog-content h2{font-size:1.5rem;font-weight:600;margin:1.75rem 0 1rem;line-height:1.3}.blog-content h3{font-size:1.25rem;font-weight:600;margin:1.5rem 0 .75rem;line-height:1.4}@media (min-width:768px){.blog-content{font-size:1.125rem;line-height:1.8}.blog-content h1{font-size:2.25rem}.blog-content h2{font-size:1.875rem}.blog-content h3{font-size:1.5rem}}.blog-content pre{background-color:#1f2937;color:#f9fafb;padding:1rem;border-radius:.5rem;overflow-x:auto;margin:1.5rem 0;font-size:.875rem;line-height:1.6}@media (min-width:768px){.blog-content pre{padding:1.5rem;font-size:.9rem}}.blog-content blockquote{border-left:4px solid #3b82f6;padding:1rem 1.5rem;margin:1.5rem 0;background-color:#eff6ff;border-radius:0 .5rem .5rem 0;font-style:italic;color:#374151}@media (min-width:768px){.blog-content blockquote{padding:1.5rem 2rem;margin:2rem 0}}.blog-content ol,.blog-content ul{margin:1rem 0;padding-left:1.5rem}.blog-content li{margin:.5rem 0;line-height:1.6}.social-share{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}@media (min-width:640px){.social-share{flex-wrap:nowrap;gap:1rem}}.social-share-button{width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.social-share-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.faq-section{margin:2rem 0}.faq-item{border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1rem;overflow:hidden}.faq-question{padding:1rem;background-color:#f9fafb;border:none;width:100%;text-align:left;font-weight:600;cursor:pointer;transition:background-color .2s ease}.faq-question:hover{background-color:#f3f4f6}.faq-answer{padding:1rem;background-color:#fff;border-top:1px solid #e5e7eb}@media (min-width:768px){.faq-answer,.faq-question{padding:1.5rem}}@media (max-width:1023px){.toc-sidebar{position:static;max-height:none}}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background-color:#e5e7eb;z-index:50}.reading-progress-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width .1s ease}@media print{.reading-progress,.social-share,.toc-sidebar{display:none}.blog-content{font-size:12pt;line-height:1.5}.blog-content pre{background-color:#f5f5f5;color:#000;border:1px solid #ccc}}