.prose{color:#374151;line-height:1.75}.prose h1{color:#111827;font-weight:800;font-size:2.25rem;margin-top:0;margin-bottom:2rem;line-height:1.111}.prose h2{font-weight:700;font-size:1.875rem;margin-top:3rem;margin-bottom:1.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem}.prose h2,.prose h3{color:#111827;line-height:1.333}.prose h3{font-weight:600;font-size:1.5rem;margin-top:2.5rem;margin-bottom:1rem}.prose h4{color:#111827;font-weight:600;font-size:1.25rem;margin-top:2rem;margin-bottom:.75rem;line-height:1.4}.prose p{margin-top:1.25rem;margin-bottom:1.25rem}.prose strong{color:#111827;font-weight:600}.prose ol,.prose ul{margin-top:1.25rem;margin-bottom:1.25rem;padding-left:1.625rem}.prose li{margin-top:.5rem;margin-bottom:.5rem;padding-left:.375rem}.prose ul>li{position:relative}.prose ul>li:before{content:"";position:absolute;background-color:#d1d5db;border-radius:50%;width:.375rem;height:.375rem;top:calc(.875rem - .1875rem);left:-1.25rem}.prose ol>li:before{content:counter(list-item,decimal) ".";position:absolute;font-weight:400;color:#6b7280;left:-1.625rem}.prose blockquote{font-weight:500;font-style:italic;color:#111827;border-left-width:.25rem;border-left-color:#e5e7eb;quotes:"\201C""\201D""\2018""\2019";margin-top:1.6rem;margin-bottom:1.6rem;padding-left:1rem}.prose code{color:#111827;font-weight:600;font-size:.875rem;background-color:#f3f4f6;padding:.25rem .375rem;border-radius:.25rem}.prose pre{color:#e5e7eb;background-color:#374151;overflow-x:auto;font-size:.875rem;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding:.8571429em 1.1428571em}.prose pre code{background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:400;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose table{width:100%;table-layout:auto;text-align:left;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose thead{color:#111827;font-weight:600;border-bottom-width:1px;border-bottom-color:#d1d5db}.prose thead th{vertical-align:bottom;padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.prose tbody tr{border-bottom-width:1px;border-bottom-color:#e5e7eb}.prose tbody tr:last-child{border-bottom-width:0}.prose tbody td{vertical-align:top;padding:.5714286em}.blog-card{transition:all .3s ease;border:1px solid #e5e7eb}.blog-card:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border-color:#d1d5db}.featured-article{background:linear-gradient(135deg,#667eea,#764ba2)}.featured-article-overlay{background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.category-filter{transition:all .2s ease}.category-filter:hover{transform:scale(1.05)}.category-filter.active{border-color:transparent;color:white}.category-filter.active,.newsletter-section{background:linear-gradient(135deg,#667eea,#764ba2)}.newsletter-section{position:relative;overflow:hidden}.newsletter-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='m36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;opacity:.1}.article-meta{color:#6b7280;font-size:.875rem}.article-meta .icon{width:1rem;height:1rem;margin-right:.25rem}.social-buttons{display:flex;gap:.5rem;margin-top:1rem}.social-button{display:inline-flex;align-items:center;padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:.375rem;background:white;color:#6b7280;text-decoration:none;font-size:.875rem;transition:all .2s ease}.social-button:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.social-button.liked{color:#ef4444;border-color:#fecaca;background:#fef2f2}@media (max-width:768px){.prose{font-size:1rem;line-height:1.625}.prose h1{font-size:1.875rem}.prose h2{font-size:1.5rem}.prose h3{font-size:1.25rem}}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-3{-webkit-line-clamp:3}