/* Blog Post Styles */
:root{--gold:#D4AF37;--gold-light:#F4E4C1;--gold-dark:#C5A028;--blue:#1B3A5F;--blue-light:#2C5F8D;--blue-lighter:#E8F1F8;--bg:#FAFAFA;--text:#1A1A1A;--text-light:#4A4A4A}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Montserrat',sans-serif;color:var(--text);background:var(--bg);line-height:1.7;padding-top:80px}
.blog-post{max-width:900px;margin:0 auto;padding:2rem}
.post-header{margin-bottom:3rem}
.post-image{width:100%;height:400px;object-fit:cover;border-radius:20px;margin-bottom:2rem}
.post-header h1{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,5vw,3.5rem);color:var(--blue);line-height:1.2;margin-bottom:1rem}
.post-meta{display:flex;gap:1.5rem;flex-wrap:wrap;color:var(--text-light);font-size:0.95rem}
.post-meta span{display:flex;align-items:center;gap:0.5rem}
.post-content{font-size:1.1rem;line-height:1.9}
.intro{font-size:1.3rem;font-style:italic;color:var(--blue);line-height:1.8;margin-bottom:2rem;padding:1.5rem;background:var(--blue-lighter);border-left:4px solid var(--gold);border-radius:10px}
.post-content h2{font-family:'Cormorant Garamond',serif;font-size:2rem;color:var(--blue);margin:3rem 0 1.5rem 0;padding-bottom:0.5rem;border-bottom:3px solid var(--gold)}
.post-content h3{font-family:'Cormorant Garamond',serif;font-size:1.5rem;color:var(--blue);margin:2rem 0 1rem 0}
.post-content p{margin-bottom:1.5rem}
.post-content ul,.post-content ol{margin:1.5rem 0 1.5rem 2rem}
.post-content li{margin-bottom:0.8rem;line-height:1.8}
.post-content strong{color:var(--blue);font-weight:600}
.post-content em{color:var(--gold-dark);font-style:italic}
.comparison-table{width:100%;border-collapse:collapse;margin:2rem 0;background:white;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.1)}
.comparison-table th{background:var(--blue);color:white;padding:1rem;text-align:left;font-weight:600}
.comparison-table td{padding:1rem;border-bottom:1px solid #e0e0e0}
.comparison-table tr:hover{background:var(--blue-lighter)}
.cta-box{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:white;padding:2.5rem;border-radius:20px;margin:3rem 0;box-shadow:0 10px 30px rgba(212,175,55,0.3);text-align:center}
.cta-box h3{color:white;font-size:1.8rem;margin-bottom:1rem}
.cta-box p{font-size:1.1rem;margin-bottom:1.5rem;line-height:1.7}
.cta-button{display:inline-block;background:white;color:var(--gold-dark);padding:1rem 2.5rem;border-radius:30px;font-weight:700;text-decoration:none;transition:all 0.3s;font-size:1.1rem}
.cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.2)}
.author-note{background:var(--blue-lighter);padding:2rem;border-radius:15px;border-left:4px solid var(--blue);margin:3rem 0;font-style:italic}
.author-note h3{color:var(--blue);margin-bottom:1rem}
.post-footer{margin-top:4rem;padding-top:2rem;border-top:2px solid var(--gold)}
.share-buttons{margin-bottom:3rem}
.share-buttons p{font-weight:600;color:var(--blue);margin-bottom:1rem}
.share-buttons a{display:inline-block;margin-right:1rem;padding:0.8rem 1.5rem;background:var(--blue);color:white;text-decoration:none;border-radius:25px;transition:all 0.3s;font-size:0.95rem}
.share-buttons a:hover{background:var(--gold);transform:translateY(-2px)}
.related-posts h3{color:var(--blue);font-size:1.5rem;margin-bottom:1rem}
.related-posts ul{list-style:none;margin:0}
.related-posts li{margin-bottom:0.8rem}
.related-posts a{color:var(--blue);text-decoration:none;font-weight:500;transition:color 0.3s}
.related-posts a:hover{color:var(--gold)}
@media (max-width:768px){.blog-post{padding:1rem}.post-image{height:250px}.post-header h1{font-size:1.8rem}.post-content{font-size:1rem}.intro{font-size:1.1rem;padding:1rem}.share-buttons a{margin-bottom:0.5rem}}