:root{--primary-color:#e74c3c;--secondary-color:#2c3e50;--accent-color:#3498db;--light-gray:#f5f5f5;--mid-gray:#e0e0e0;--dark-gray:#7f8c8d;--text-color:#333;--white:#fff;--shadow:0 2px 10px rgba(0,0,0,0.1);--transition:all .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;color:var(--text-color);line-height:1.6;background-color:#f9f9f9;overflow-x:hidden}a{color:var(--accent-color);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-color)}ul,ol{margin-left:20px;margin-bottom:20px}li{margin-bottom:8px}.article-container{display:grid;grid-template-columns:1fr 300px;gap:40px;max-width:1200px;margin:40px auto;padding:0 20px}.article{background-color:var(--white);padding:40px;border-radius:8px;box-shadow:var(--shadow)}.article-title{font-size:2.5rem;color:var(--secondary-color);margin-bottom:15px;line-height:1.2}.article-meta{display:flex;justify-content:space-between;margin-bottom:30px;font-size:.9rem;color:var(--dark-gray);border-bottom:1px solid var(--mid-gray);padding-bottom:15px}.featured-image{margin-bottom:30px;border-radius:8px;overflow:hidden}.responsive-img{display:block;width:100%;height:auto;border-radius:8px}.article-intro{font-size:1.2rem;line-height:1.8;margin-bottom:40px;color:var(--secondary-color);font-weight:500}.article-intro p{margin-bottom:20px}.table-of-contents{background-color:var(--light-gray);padding:25px;border-left:4px solid var(--primary-color);margin-bottom:40px;border-radius:0 8px 8px 0}.table-of-contents h2{margin-bottom:15px;color:var(--secondary-color)}.table-of-contents ol{columns:2}.table-of-contents a{color:var(--secondary-color);text-decoration:none}.table-of-contents a:hover{color:var(--primary-color);text-decoration:underline}.article-section{margin-bottom:60px;scroll-margin-top:100px}.article-section h2{font-size:2rem;color:var(--secondary-color);margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--primary-color)}.article-section h4{font-size:1.3rem;color:var(--secondary-color);margin-bottom:15px;margin-top:25px}.article-section p{margin-bottom:20px}.article-sidebar{align-self:start;position:sticky;top:100px}.sidebar-widget{background-color:var(--white);padding:25px;border-radius:8px;margin-bottom:30px;box-shadow:var(--shadow)}.sidebar-widget h3{color:var(--secondary-color);margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid var(--primary-color);font-size:1.2rem}.sidebar-widget ul,.sidebar-widget ol{margin-bottom:0}.widget-cta{display:block;background-color:var(--primary-color);color:var(--white);text-align:center;padding:12px;border-radius:4px;margin-top:15px;font-weight:600}.widget-cta:hover{background-color:#c0392b;color:var(--white)}.newsletter input{display:block;width:100%;padding:12px;border:1px solid var(--mid-gray);border-radius:4px;margin-bottom:10px}.newsletter button{background-color:var(--accent-color);color:var(--white);width:100%;padding:12px;border:0;border-radius:4px;cursor:pointer;font-weight:500;transition:var(--transition)}.newsletter button:hover{background-color:#2980b9}@media(max-width:1024px){.article-container{grid-template-columns:1fr}.article-sidebar{position:static;margin-top:40px}.table-of-contents ol{columns:1}}@media(max-width:480px){.article-meta{flex-direction:column;gap:10px}.article-title{font-size:1.8rem}.article-section h2{font-size:1.6rem}.step{flex-direction:column;align-items:flex-start}.step-number{margin-bottom:15px}}