.blog-post-preview{width:100%;max-width:100%;margin:0 auto;padding:20px;font-family:Arial,sans-serif;line-height:1.6}@media screen and (max-width:768px){.blog-post-preview{padding:10px 8px}}.blog-post-preview p{color:#333;margin:1rem 0;font-size:1rem}.blog-post-preview h1{font-size:2rem}.blog-post-preview h2{color:#222;margin:1.5rem 0 1rem;font-size:1.8rem;font-weight:700;line-height:1.4;position:relative}.blog-post-preview h2:after{content:"";background-color:#007bff;width:50px;height:3px;margin:8px 0;display:block}.blog-post-preview h3{font-size:1.5rem}.blog-post-preview h4{font-size:1.2rem}.blog-post-preview a{color:#007bff;text-decoration:underline;transition:color .3s}.blog-post-preview a:hover{color:#0056b3}.blog-post-preview strong{color:#000;font-weight:700}.blog-post-preview em{color:#555;font-style:italic}.blog-post-preview ul,.blog-post-preview ol{margin:1rem 0;padding-left:2rem}.blog-post-preview ul li,.blog-post-preview ol li{margin-bottom:.5rem}.blog-post-preview ul li:before{content:"•";color:#007bff;margin-right:.5rem;display:inline-block}.blog-post-preview ol li{list-style:decimal}.blog-post-preview ol li:before{content:none}.blog-post-preview table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:1rem}.blog-post-preview table th,.blog-post-preview table td{text-align:left;border:1px solid #ddd;padding:10px}.blog-post-preview table th{background-color:#f5f5f5;font-weight:700}.blog-post-preview table tr:nth-child(2n){background-color:#f9f9f9}.blog-post-preview table tr:hover{background-color:#f1f1f1}@media (max-width:768px){.blog-post-preview{padding:10px}.blog-post-preview h1{font-size:1.8rem}.blog-post-preview h2{font-size:1.6rem}.blog-post-preview h3{font-size:1.4rem}.blog-post-preview h4{font-size:1.1rem}.blog-post-preview p,.blog-post-preview ul,.blog-post-preview ol,.blog-post-preview table{font-size:.9rem}.blog-post-preview table th,.blog-post-preview table td{padding:8px}}