:root{--primary-color: #111;--accent-color: #008080;--bg-color: #ffffff;--text-color: #333;--text-muted: #666;--border-color: #e5e5e5;--container-width: 1200px;--article-width: 800px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Merriweather,serif;color:var(--primary-color);font-weight:700}header{background-color:#fff;border-bottom:1px solid var(--border-color);padding:1.5rem 0;position:sticky;top:0;z-index:1000}.nav-container{max-width:var(--container-width);margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-family:Inter,sans-serif;font-weight:800;font-size:1.5rem;color:#000;text-decoration:none;letter-spacing:-.5px;text-transform:uppercase}nav a{color:var(--text-color);text-decoration:none;font-weight:500;font-size:.95rem;padding:.5rem 1rem;transition:color .2s}nav a:hover{color:var(--accent-color)}.hero-section{padding:5rem 2rem;text-align:center;border-bottom:1px solid var(--border-color);background-color:#fafafa}.hero-content{max-width:800px;margin:0 auto}.hero-section h1{font-size:3.5rem;letter-spacing:-1px;margin-bottom:1rem;color:#111}.hero-section p{font-family:Merriweather,serif;font-size:1.25rem;color:var(--text-muted);font-style:italic}main{max-width:var(--container-width);margin:4rem auto;padding:0 2rem}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.blog-card{background:transparent;display:flex;flex-direction:column;border-bottom:1px solid transparent;padding-bottom:1rem;transition:transform .2s}.blog-image{width:100%;aspect-ratio:16/10;object-fit:cover;margin-bottom:1.5rem;background-color:#f0f0f0}.blog-meta{display:flex;gap:1rem;margin-bottom:.75rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.blog-date{color:var(--text-muted)}.blog-category{color:var(--accent-color);text-decoration:none}.blog-title{font-size:1.4rem;line-height:1.3;margin-bottom:.75rem}.blog-title a{color:inherit;text-decoration:none;background-image:linear-gradient(var(--text-color),var(--text-color));background-position:0% 100%;background-repeat:no-repeat;background-size:0% 1px;transition:background-size .3s}.blog-title a:hover{background-size:100% 1px}.blog-excerpt{font-family:Inter,sans-serif;font-size:1rem;color:var(--text-muted);line-height:1.6;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-author,.read-more{display:none}.article-container{max-width:var(--article-width);margin:0 auto}.back-to-blog{display:inline-block;margin-bottom:2rem;color:var(--text-muted);text-decoration:none;font-weight:500;font-size:.9rem}.back-to-blog:hover{color:var(--primary-color);text-decoration:underline}.article-header{text-align:center;margin-bottom:3rem;border-bottom:1px solid var(--border-color);padding-bottom:2rem}.article-meta{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1rem;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.article-header h1{font-size:2.5rem;line-height:1.2;margin-bottom:1.5rem}.featured-image{width:100%;height:auto;margin-bottom:3rem;display:block}.article-content{font-size:1.15rem;line-height:1.8;color:#222;font-family:Merriweather,serif;font-family:Inter,sans-serif}.article-content p{margin-bottom:1.5rem}.article-content h2{font-size:1.8rem;margin-top:3rem;margin-bottom:1rem;color:#111}.article-content h3{font-size:1.4rem;margin-top:2rem;margin-bottom:1rem}.article-content ul,.article-content ol{margin-bottom:2rem;padding-left:2rem}.article-content li{margin-bottom:.5rem}.highlight-box{background-color:#f9f9f9;border-left:4px solid var(--accent-color);padding:1.5rem;margin:2rem 0;font-style:italic;font-family:Merriweather,serif}.cta-box{background-color:#f0f0f0;padding:2.5rem;text-align:center;margin:4rem 0}.cta-box h3{margin-bottom:1rem}.cta-button{display:inline-block;background-color:var(--primary-color);color:#fff;padding:1rem 2rem;text-decoration:none;font-weight:600;margin-top:1rem;transition:opacity .2s}.cta-button:hover{opacity:.9}.pagination{display:flex;justify-content:center;gap:.5rem;margin-top:5rem;padding-top:3rem;border-top:1px solid var(--border-color)}.pagination a,.pagination span{padding:.5rem 1rem;text-decoration:none;color:var(--text-color);font-weight:500;border:1px solid transparent;transition:all .2s}.pagination a:hover{border-color:var(--text-color)}.pagination .current{background-color:#000;color:#fff}footer{margin-top:6rem;padding:3rem 0;border-top:4px solid #000;text-align:center;font-family:Inter,sans-serif;font-size:.9rem;color:var(--text-muted)}@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.blog-grid{grid-template-columns:1fr}.hero-section h1,.article-header h1{font-size:2rem}}footer{display:flex;justify-content:center;padding:2rem 1rem;background-color:#f9fafb;border-top:1px solid #e5e7eb}.footer-content{text-align:center}.footer-nav{margin-top:1rem;font-size:.9rem}.footer-nav a{color:#4b5563;text-decoration:none;margin:0 .5rem;transition:color .2s}.footer-nav a:hover{color:#000;text-decoration:underline}
