:root{--primary:#2d336b;--teal:#2ba5a2;--page-accent:#c87941;--accent-dark:#a0612e;--neutral-light:#f5f5f5;--neutral-medium:#e8e8e8;--neutral-dark:#333;--success:#2ba5a2;--warning:#f59e0b;--text-primary:#2d2d2d;--text-secondary:#6b6b6b}body{font-family:'DM Sans',sans-serif;color:var(--text-primary);background-color:#fff}.article-hero{background:linear-gradient(135deg,var(--page-accent) 0,var(--accent-dark) 100%);color:white;padding:3rem 2rem;margin-bottom:3rem}.article-hero-content{max-width:900px;margin:0 auto}.breadcrumb{font-size:.875rem;margin-bottom:1rem;opacity:.9}.breadcrumb a{color:white;text-decoration:none;transition:opacity .3s}.breadcrumb a:hover{opacity:.8}.breadcrumb-separator{margin:0 .5rem}.article-tag{display:inline-block;background-color:rgba(255,255,255,0.25);color:white;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:500;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.5px}.article-hero h1{font-family:'Playfair Display',serif;font-size:3rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}.article-hero .subtitle{font-size:1.25rem;margin-bottom:2rem;opacity:.95;line-height:1.5}.article-meta{display:flex;gap:2rem;font-size:.95rem;flex-wrap:wrap}.article-meta-item{display:flex;align-items:center;gap:.5rem}.article-meta-item strong{font-weight:600}.article-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 250px;gap:3rem}.article-content{max-width:750px}.article-content h2{font-family:'Playfair Display',serif;font-size:2rem;font-weight:700;color:var(--primary);margin-top:3rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:3px solid var(--page-accent)}.article-content h3{font-size:1.25rem;color:var(--primary);margin-top:1.5rem;margin-bottom:1rem;font-weight:600}.article-content p{font-size:1.0625rem;line-height:1.8;margin-bottom:1.5rem;color:var(--text-primary)}.article-content ul,.article-content ol{margin-bottom:1.5rem;margin-left:1.5rem}.article-content li{font-size:1.0625rem;line-height:1.8;margin-bottom:.75rem;color:var(--text-primary)}.highlight-box{background-color:var(--neutral-light);border-left:5px solid var(--page-accent);padding:1.5rem;margin:2rem 0;border-radius:4px}.highlight-box strong{color:var(--primary);font-size:1.1rem}.comparison-table{width:100%;border-collapse:collapse;margin:2rem 0;background-color:white;border:1px solid var(--neutral-medium);border-radius:4px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.comparison-table thead{background-color:var(--primary);color:white}.comparison-table th{padding:1rem;text-align:left;font-weight:600;font-size:.95rem}.comparison-table td{padding:1rem;border-bottom:1px solid var(--neutral-medium);font-size:.95rem}.comparison-table tbody tr:last-child td{border-bottom:0}.comparison-table tbody tr:nth-child(odd){background-color:var(--neutral-light)}.comparison-table tbody tr.highlight-row{background-color:#fff3e0;font-weight:500}.comparison-table tbody tr.highlight-row td{color:var(--primary)}.faq-item{margin-bottom:1.5rem;border:1px solid var(--neutral-medium);border-radius:4px;overflow:hidden}.faq-question{background-color:var(--neutral-light);padding:1.25rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none;transition:background-color .3s}.faq-question:hover{background-color:var(--neutral-medium)}.faq-question strong{font-weight:600;color:var(--primary);font-size:1rem}.faq-toggle{font-size:1.5rem;transition:transform .3s;color:var(--page-accent)}.faq-item[open] .faq-toggle{transform:rotate(45deg)}.faq-answer{padding:1.5rem;background-color:white;border-top:1px solid var(--neutral-medium)}.faq-answer p{margin-bottom:1rem}.faq-answer p:last-child{margin-bottom:0}.article-sidebar{display:flex;flex-direction:column;gap:2rem}.sidebar-section{background-color:var(--neutral-light);border-radius:4px;overflow:hidden;border:1px solid var(--neutral-medium)}.sidebar-section h3{background-color:var(--primary);color:white;padding:1rem;margin:0;font-size:1rem;font-weight:600}.sidebar-section ul{list-style:none;padding:0;margin:0}.sidebar-section li{border-bottom:1px solid var(--neutral-medium)}.sidebar-section li:last-child{border-bottom:0}.sidebar-section a{display:block;padding:.75rem 1rem;color:var(--text-primary);text-decoration:none;transition:all .3s;font-size:.95rem}.sidebar-section a:hover{background-color:white;color:var(--page-accent);padding-left:1.25rem}.toc-sticky{position:sticky;top:120px}.cta-box{background:linear-gradient(135deg,var(--page-accent) 0,var(--accent-dark) 100%);color:white;padding:1.5rem;border-radius:4px;text-align:center;box-shadow:0 4px 12px rgba(200,121,65,0.15)}.cta-box h3{color:white;margin-top:0;margin-bottom:1rem;font-size:1.1rem}.cta-box p{font-size:.95rem;margin-bottom:1.25rem;opacity:.95}.cta-box a{display:inline-block;background-color:white;color:var(--page-accent);padding:.75rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s;font-size:.9rem}.cta-box a:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.15)}.article-footer{margin-top:4rem;padding-top:3rem;border-top:2px solid var(--neutral-medium);max-width:750px}.author-bio{background-color:var(--neutral-light);padding:2rem;border-radius:4px;margin-bottom:3rem}.author-bio h3{color:var(--primary);margin-top:0;font-size:1.1rem}.author-bio p{margin-bottom:0;font-size:.95rem}.share-buttons{display:flex;gap:1rem;margin-bottom:3rem}.share-button{display:inline-block;width:40px;height:40px;border-radius:50%;background-color:var(--neutral-medium);color:var(--primary);text-align:center;line-height:40px;text-decoration:none;font-size:1.2rem;transition:all .3s}.share-button:hover{background-color:var(--page-accent);color:white;transform:translateY(-2px)}.related-articles{margin-top:3rem}.related-articles h3{color:var(--primary);font-size:1.25rem;margin-bottom:1.5rem}.related-list{list-style:none;padding:0}.related-list li{margin-bottom:1rem}.related-list a{color:var(--page-accent);text-decoration:none;font-weight:500;transition:color .3s}.related-list a:hover{color:var(--primary)}@media(max-width:768px){.article-hero{padding:2rem 1.5rem}.article-hero h1{font-size:2rem}.article-hero .subtitle{font-size:1.1rem}.article-container{grid-template-columns:1fr;gap:2rem;padding:0 1.5rem}.article-content h2{font-size:1.5rem}.article-content p,.article-content li{font-size:1rem}.toc-sticky{position:static}.sidebar-section{margin-bottom:2rem}.comparison-table{font-size:.85rem}.comparison-table th,.comparison-table td{padding:.75rem}.article-meta{flex-direction:column;gap:.5rem}}@media(max-width:480px){.article-hero{padding:1.5rem 1rem;margin-bottom:2rem}.article-hero h1{font-size:1.5rem}.comparison-table{overflow-x:auto}}