/* Article CSS - Optimized */
.article-hero{margin-top:80px;padding:4rem 2rem 3rem;background:linear-gradient(135deg,#f0fdf4 0,#dcfce7 100%);border-bottom:1px solid #e5e7eb}.article-hero-content{max-width:900px;margin:0 auto}.breadcrumb{font-size:.9rem;color:var(--gray);margin-bottom:1.5rem}.breadcrumb a{color:var(--primary);text-decoration:none;transition:color .3s}.breadcrumb a:hover{color:var(--primary-dark)}.article-category-badge{display:inline-block;background:#fff;color:var(--primary);padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:700;margin-bottom:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.08)}.article-hero-title{font-family:'Playfair Display',serif;font-size:3rem;line-height:1.2;color:var(--dark);margin-bottom:2rem}.article-meta-info{display:flex;gap:2rem;flex-wrap:wrap;padding:1.5rem 0;border-top:2px solid #e5e7eb;border-bottom:2px solid #e5e7eb;margin-bottom:2rem}.meta-item{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:var(--gray);font-weight:500}.meta-icon{font-size:1.2rem}.author-info{display:flex;align-items:center;gap:1rem}.author-avatar{width:60px;height:60px;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem}.author-name{font-weight:700;color:var(--dark);font-size:1.1rem}.author-bio{font-size:.9rem;color:var(--gray)}.article-content{padding:3rem 2rem;background:#fff}.article-container{max-width:800px;margin:0 auto}.content-section{margin-bottom:3rem}.lead-paragraph{font-size:1.2rem;line-height:1.8;color:var(--gray);margin-bottom:2rem}.content-section h2{font-family:'Playfair Display',serif;font-size:2.2rem;color:var(--dark);margin-bottom:1.5rem;margin-top:2rem;padding-bottom:.5rem;border-bottom:3px solid var(--primary)}.content-section h3{font-size:1.6rem;color:var(--dark);margin-bottom:1rem;margin-top:1.5rem;font-weight:700}.content-section h4{font-size:1.3rem;color:var(--dark);margin-bottom:.75rem;font-weight:700}.content-section p{font-size:1.05rem;line-height:1.8;color:#374151;margin-bottom:1.25rem}.content-section ul,.content-section ol{margin:1.5rem 0;padding-left:2rem}.content-section li{font-size:1.05rem;line-height:1.8;color:#374151;margin-bottom:.75rem}.content-section li strong{color:var(--dark);font-weight:700}.tools-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.5rem}.tools-list li{background:#f9fafb;padding:.75rem;border-radius:8px;border-left:3px solid var(--primary)}.highlight-box{background:linear-gradient(135deg,#f0fdf4 0,#dcfce7 100%);border-left:4px solid var(--primary);padding:2rem;border-radius:12px;margin:2rem 0}.highlight-box h3{color:var(--primary);margin-top:0;margin-bottom:1rem}.highlight-box ul{margin:0}.pro-tip{background:linear-gradient(135deg,#fef3c7 0,#fde68a 100%);border-left:4px solid #f59e0b;padding:1.5rem;border-radius:12px;margin:1.5rem 0}.pro-tip h4{color:#d97706;margin-top:0;margin-bottom:.75rem}.pro-tip p{margin-bottom:0;color:#78350f}.warning-box{background:linear-gradient(135deg,#fee2e2 0,#fecaca 100%);border-left:4px solid #ef4444;padding:1.5rem;border-radius:12px;margin:1.5rem 0}.warning-box p{margin-bottom:0;color:#7f1d1d}.warning-box strong{color:#dc2626}.materials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.material-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .3s}.material-card:hover{border-color:var(--primary);box-shadow:0 4px 12px rgba(22,163,74,.15);transform:translateY(-3px)}.material-card h4{color:var(--primary);margin-top:0;margin-bottom:1rem}.material-card ul{margin:0;padding-left:1.5rem}.cost-breakdown{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:2rem;margin:2rem 0}.cost-breakdown h4{color:var(--primary);margin-top:0;margin-bottom:1.5rem}.cost-breakdown table{width:100%;border-collapse:collapse}.cost-breakdown tr{border-bottom:1px solid #e5e7eb}.cost-breakdown td{padding:1rem;font-size:1.05rem}.cost-breakdown td:last-child{text-align:right;font-weight:600;color:var(--primary)}.highlight-row{background:#f9fafb}.highlight-row td{font-weight:700;color:var(--dark)}.savings-row{background:linear-gradient(135deg,#f0fdf4 0,#dcfce7 100%)}.savings-row td{font-weight:800;font-size:1.2rem;color:var(--primary)}.step-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:2rem;margin-bottom:2rem;display:flex;gap:2rem;transition:all .3s}.step-card:hover{border-color:var(--primary);box-shadow:0 8px 24px rgba(22,163,74,.15)}.step-number{flex-shrink:0;width:60px;height:60px;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;box-shadow:0 4px 12px rgba(22,163,74,.3)}.step-content{flex:1}.step-content h3{margin-top:0;color:var(--dark)}.step-content p{color:var(--gray);font-weight:600;margin-bottom:1rem}.step-content ol{margin:1rem 0}.pattern-options{background:#f9fafb;padding:1.5rem;border-radius:8px;margin-top:1.5rem}.pattern-options h4{margin-top:0;color:var(--primary)}.mistake-card{background:linear-gradient(135deg,#fef3c7 0,#fde68a 100%);border-left:4px solid #f59e0b;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem}.mistake-card h3{color:#d97706;margin-top:0;margin-bottom:.75rem;font-size:1.3rem}.mistake-card p{margin-bottom:0;color:#78350f}.timeline{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:2rem;margin:2rem 0}.timeline-item{padding:1.25rem;border-left:3px solid var(--primary);margin-bottom:1rem;background:#f9fafb;border-radius:8px}.timeline-item:last-child{margin-bottom:0}.timeline-item strong{color:var(--primary);display:block;margin-bottom:.5rem}.ad-container{margin:3rem 0;padding:2rem;background:#f9fafb;border-radius:12px;border:1px dashed #d1d5db;text-align:center;min-height:250px}.related-articles{background:#f9fafb;padding:3rem 2rem;border-radius:16px;margin-top:4rem}.related-articles h2{font-family:'Playfair Display',serif;text-align:center;color:var(--dark);margin-bottom:2rem}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.related-card{background:#fff;padding:2rem;border-radius:12px;text-decoration:none;transition:all .3s;border:2px solid transparent;text-align:center}.related-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 8px 24px rgba(22,163,74,.15)}.related-icon{font-size:3rem;margin-bottom:1rem}.related-card h3{color:var(--dark);margin-bottom:.75rem;font-size:1.2rem}.related-card p{color:var(--gray);margin-bottom:0;font-size:.95rem}.article-newsletter-cta{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);padding:4rem 2rem;text-align:center;color:#fff}.article-newsletter-cta h2{font-family:'Playfair Display',serif;font-size:2.5rem;margin-bottom:1rem}.article-newsletter-cta p{font-size:1.2rem;margin-bottom:2rem;opacity:.95}.article-newsletter-cta .cta-button{background:#fff;color:var(--primary);padding:1rem 2.5rem;font-size:1.1rem}.article-newsletter-cta .cta-button:hover{background:#f0fdf4;transform:translateY(-3px);box-shadow:0 8px 20px rgba(255,255,255,.3)}@media (max-width:768px){.article-hero{padding:3rem 1.5rem 2rem}.article-hero-title{font-size:2rem}.article-meta-info{gap:1rem}.meta-item{font-size:.85rem}.step-card{flex-direction:column;padding:1.5rem;gap:1rem}.step-number{width:50px;height:50px;font-size:1.5rem}.content-section h2{font-size:1.8rem}.content-section h3{font-size:1.4rem}.materials-grid,.related-grid{grid-template-columns:1fr}.article-newsletter-cta h2{font-size:2rem}}@media (max-width:480px){.article-hero-title{font-size:1.75rem}.lead-paragraph{font-size:1.05rem}.content-section p,.content-section li{font-size:1rem}.step-card{padding:1rem}.cost-breakdown{padding:1rem}.cost-breakdown td{padding:.75rem .5rem;font-size:.95rem}}