.blog-article{color:hsl(var(--foreground));font-family:PT Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.8}.blog-article>p:first-of-type:first-letter{float:none;font-size:inherit;line-height:inherit;text-transform:none;margin:0}.blog-article h1,.blog-article h2,.blog-article h3,.blog-article h4{color:hsl(var(--foreground));margin-top:2rem;margin-bottom:1rem;font-family:PT Serif,Georgia,serif;font-weight:700;line-height:1.3}.blog-article h1{font-size:2.5rem}.blog-article h2{color:hsl(var(--primary));border-bottom:2px solid hsl(var(--border));padding-bottom:.5rem;font-size:2rem}.blog-article h3{font-size:1.5rem}.blog-article h4{font-size:1.25rem}.blog-article p{color:hsl(var(--foreground));margin-bottom:1.5rem;font-size:1.125rem;line-height:1.8}.blog-article ul,.blog-article ol{margin:1.5rem 0;padding-left:2rem}.blog-article li{margin-bottom:.75rem;line-height:1.7}.blog-article a{color:hsl(var(--primary));font-weight:500;text-decoration:none;transition:color .2s}.blog-article a:hover{color:hsl(var(--primary-light));text-decoration:underline}.blog-article a[href*="/products/"]{color:hsl(var(--primary));align-items:center;gap:.25rem;font-weight:600;transition:all .2s;display:inline-flex}.blog-article a[href*="/products/"]:hover{color:hsl(var(--primary-light));text-decoration:underline}.blog-article .special-block{box-shadow:var(--shadow-card);border-radius:.5rem;margin:2rem 0;padding:1.5rem}.blog-article .expert-tip{background:hsl(var(--primary)/.05);border-left:4px solid hsl(var(--primary))}.expert-tip-card{background:linear-gradient(135deg,#fffaeb,#fff7e0);box-shadow:0 2px 8px #00000014;border-color:#e0c985!important}.expert-tip-card:hover{box-shadow:0 4px 12px #0000001f}.dark .expert-tip-card{background:linear-gradient(135deg,#423b24,#393422);box-shadow:0 2px 8px #0000004d;border-color:#998033!important}.dark .expert-tip-card:hover{box-shadow:0 4px 12px #0006}.blog-article .checklist{background:hsl(var(--success)/.05);border:1px solid hsl(var(--success)/.2)}.blog-article .comparison-table{background:hsl(var(--trust-blue)/.05);border:1px solid hsl(var(--trust-blue)/.2)}.blog-article .faq-block{background:hsl(var(--premium-purple)/.05);border:1px solid hsl(var(--premium-purple)/.2)}.dark .blog-article .expert-tip{background:hsl(var(--primary)/.1);border-left-color:hsl(var(--primary-light))}.dark .blog-article .checklist{background:hsl(var(--success)/.1);border-color:hsl(var(--success)/.3)}.dark .blog-article .comparison-table{background:hsl(var(--trust-blue)/.1);border-color:hsl(var(--trust-blue)/.3)}.dark .blog-article .faq-block{background:hsl(var(--premium-purple)/.1);border-color:hsl(var(--premium-purple)/.3)}.faq-card{background:linear-gradient(135deg,hsl(var(--premium-purple)/.05),hsl(var(--premium-purple)/.08));border:2px solid hsl(var(--premium-purple)/.3);box-shadow:0 4px 20px hsl(var(--premium-purple)/.15)}.faq-card:hover{border-color:hsl(var(--premium-purple)/.5);box-shadow:0 8px 30px hsl(var(--premium-purple)/.25)}.dark .faq-card{background:linear-gradient(135deg,hsl(var(--premium-purple)/.08),hsl(var(--premium-purple)/.12));border-color:hsl(var(--premium-purple)/.4);box-shadow:0 4px 20px hsl(var(--premium-purple)/.2)}.dark .faq-card:hover{border-color:hsl(var(--premium-purple)/.6);box-shadow:0 8px 30px hsl(var(--premium-purple)/.35)}.blog-article details{cursor:pointer;margin-bottom:1rem}.blog-article details summary{background:hsl(var(--muted));-webkit-user-select:none;user-select:none;border-radius:.5rem;padding:1rem;font-weight:600;list-style:none;transition:background .2s}.blog-article details summary::-webkit-details-marker{display:none}.blog-article details summary:hover{background:hsl(var(--muted-soft))}.blog-article details[open] summary{background:hsl(var(--primary)/.1);margin-bottom:1rem}.blog-article table{border-collapse:collapse;width:100%;margin:2rem 0;font-size:.95rem}.blog-article th,.blog-article td{border:1px solid hsl(var(--border));text-align:left;padding:.75rem 1rem}.blog-article th{background:hsl(var(--muted));font-weight:600}.blog-article blockquote{border-left:4px solid hsl(var(--primary));background:hsl(var(--primary)/.05);margin:1.5rem 0;padding:1rem 1.5rem;font-style:italic}.blog-article code{background:hsl(var(--muted));border-radius:.25rem;padding:.2rem .5rem;font-family:Courier New,monospace;font-size:.9em}.blog-article pre{background:hsl(var(--muted));border-radius:.5rem;margin:1.5rem 0;padding:1rem;overflow-x:auto}.blog-article pre code{background:0 0;padding:0}.blog-article img{border-radius:.5rem;max-width:100%;height:auto;margin:1.5rem 0}.blog-article.text-sm{font-size:.9rem}.blog-article.text-base{font-size:1rem}.blog-article.text-lg{font-size:1.125rem}.blog-article.text-xl{font-size:1.25rem}.blog-article .contact-block{background:linear-gradient(135deg,hsl(var(--primary)/.05),hsl(var(--primary)/.08));border:2px solid hsl(var(--primary)/.2);box-shadow:0 4px 20px hsl(var(--primary)/.1);border-radius:12px;margin:3rem 0 2rem;padding:2rem}.blog-article .contact-block h3{color:hsl(var(--primary));margin-top:0;margin-bottom:1rem;font-size:1.5rem}.blog-article .contact-list{margin:1.5rem 0 0;padding:0;list-style:none}.blog-article .contact-list li{align-items:baseline;margin-bottom:1rem;font-size:1.125rem;display:flex}.blog-article .contact-list li strong{min-width:140px;color:hsl(var(--foreground));font-weight:600}.blog-article .contact-link{color:hsl(var(--primary));border-bottom:1px solid #0000;font-weight:600;text-decoration:none;transition:all .2s}.blog-article .contact-link:hover{color:hsl(var(--primary));border-bottom-color:hsl(var(--primary));opacity:.8}.blog-article .contact-link.phone:before{content:"📞 "}.blog-article .contact-link.email:before{content:"✉️ "}.blog-article .contact-link.website:before{content:"🌐 "}.blog-article .contact-address,.blog-article .contact-hours{color:hsl(var(--foreground)/.8)}.dark .blog-article .contact-block{background:linear-gradient(135deg,hsl(var(--primary)/.1),hsl(var(--primary)/.15));border-color:hsl(var(--primary)/.3);box-shadow:0 4px 20px hsl(var(--primary)/.2)}@media (max-width:768px){.blog-article h1{font-size:2rem}.blog-article h2{font-size:1.75rem}.blog-article h3{font-size:1.25rem}.blog-article p{font-size:1rem}.blog-article .contact-list li{flex-direction:column;align-items:flex-start;gap:.25rem}.blog-article .contact-list li strong{min-width:auto}}
