.article{padding-top:100px}.article-header{background:linear-gradient(180deg,rgba(109,171,141,.08) 0%,rgba(242,223,179,.06) 50%,var(--color-white) 100%);padding:60px 24px 80px}.header-content{max-width:680px;margin:0 auto}.back-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--color-slate);margin-bottom:32px;transition:color var(--transition-fast)}.back-link:hover{color:var(--color-sage)}.article-meta-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--color-slate);margin-bottom:20px}.category{font-weight:600;color:var(--color-coral);text-transform:uppercase;letter-spacing:.5px}.separator{opacity:.5}.article-title{font-size:36px;font-weight:700;line-height:1.2;color:var(--color-black);margin-bottom:20px}@media(min-width:768px){.article-title{font-size:44px}}.article-description{font-size:18px;line-height:1.6;color:var(--color-slate);margin-bottom:32px}.author-info{display:flex;align-items:center;gap:14px}.author-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#6dab8d33,#f2dfb333);display:flex;align-items:center;justify-content:center;padding:8px}.author-avatar img{width:100%;height:auto}.author-details{display:flex;flex-direction:column;gap:2px}.author-name{font-size:15px;font-weight:600;color:var(--color-black)}.author-role{font-size:13px;color:var(--color-slate)}.article-body{max-width:680px;margin:0 auto;padding:48px 24px}.article-body p{font-size:17px;line-height:1.7;color:var(--color-black);margin-bottom:24px}.article-body h2{font-size:28px;font-weight:600;line-height:1.3;color:var(--color-black);margin-top:56px;margin-bottom:20px}.article-body h3{font-size:22px;font-weight:600;line-height:1.4;color:var(--color-black);margin-top:40px;margin-bottom:16px}.article-body a{color:var(--color-sage);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast)}.article-body a:hover{color:#5d9a7d}.article-body strong{font-weight:600;color:var(--color-black)}.article-body em{font-style:italic}.article-body ul,.article-body ol{margin:24px 0;padding-left:24px}.article-body li{font-size:17px;line-height:1.7;color:var(--color-black);margin-bottom:12px}.article-body li::marker{color:var(--color-sage)}.article-body blockquote{background:linear-gradient(135deg,#f2dfb34d,#f2dfb31a);border-left:3px solid var(--color-cream);border-radius:0 12px 12px 0;padding:24px 28px;margin:32px 0;font-style:italic}.article-body blockquote p{color:var(--color-slate);margin-bottom:0}.article-body hr{background:linear-gradient(to right,transparent,rgba(93,94,110,.2),transparent);height:1px;border:none;margin:48px 0}.article-body code{background:#5d5e6e1a;color:var(--color-slate);font-family:SF Mono,Fira Code,monospace;font-size:15px;padding:2px 6px;border-radius:4px}.article-body pre{background:#1a1a2e;color:#f9f9fb;font-family:SF Mono,Fira Code,monospace;font-size:14px;line-height:1.6;padding:24px;border-radius:12px;margin:32px 0;overflow-x:auto}.article-body pre code{background:none;padding:0;color:inherit}.code-block-wrapper{position:relative;margin:32px 0}.code-block-wrapper pre{margin:0}.copy-code-btn{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff9;cursor:pointer;transition:all .2s ease;z-index:10}.copy-code-btn:hover{background:#ffffff26;color:#ffffffe6;border-color:#ffffff40}.copy-code-btn.copied{background:#6dab8d4d;border-color:#6dab8d80;color:#6dab8d}.copy-code-btn svg{width:16px;height:16px}.article-body img{border-radius:12px;margin:32px 0;box-shadow:0 4px 20px #00000014}.callout{border-radius:0 12px 12px 0;padding:24px 28px;margin:32px 0}.callout-info{background:linear-gradient(135deg,#6dab8d26,#6dab8d0d);border-left:3px solid var(--color-sage)}.callout-warning{background:linear-gradient(135deg,#e09b8c33,#e09b8c0d);border-left:3px solid var(--color-coral)}.callout-neutral{background:linear-gradient(135deg,#5d5e6e1a,#5d5e6e08);border-left:3px solid var(--color-slate)}.callout-title{font-size:15px;font-weight:600;color:var(--color-black);margin-bottom:8px;display:flex;align-items:center;gap:8px}.callout p{font-size:15px;color:var(--color-slate);margin-bottom:0}.highlight-box{background:linear-gradient(145deg,#f2dfb340,#6dab8d26,#e09b8c1a);border:1px solid rgba(255,255,255,.6);border-radius:16px;padding:32px;margin:40px 0;box-shadow:0 4px 20px #0000000a}.highlight-box h4{font-size:18px;font-weight:600;color:var(--color-black);margin-bottom:12px}.chart-container{background:var(--color-white);border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:32px;margin:40px 0;overflow:hidden;box-shadow:0 4px 20px #0000000a}.chart-title{font-size:18px;font-weight:600;color:var(--color-black);margin-bottom:8px;text-align:center}.chart-subtitle{font-size:14px;color:var(--color-slate);margin-bottom:24px;text-align:center}.chart-wrapper{display:flex;justify-content:center;overflow-x:auto}.chart-wrapper svg{max-width:100%;height:auto}.table-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:32px 0;border-radius:12px;box-shadow:0 2px 12px #0000000f}.article-body table{width:100%;min-width:540px;border-collapse:separate;border-spacing:0;margin:0;font-size:15px;background:var(--color-white);border-radius:12px;overflow:hidden}.article-body thead{background:linear-gradient(135deg,#6dab8d1f,#6dab8d0f)}.article-body th{font-weight:600;color:var(--color-black);text-align:left;padding:16px 20px;border-bottom:2px solid rgba(109,171,141,.2)}.article-body td{padding:14px 20px;color:var(--color-slate);border-bottom:1px solid rgba(0,0,0,.05)}.article-body tr:last-child td{border-bottom:none}.article-body tbody tr{transition:background var(--transition-fast)}.article-body tbody tr:hover{background:#6dab8d0a}.article-body tbody tr:nth-child(-n+3) td:first-child{font-weight:600;color:var(--color-black)}.article-body tbody tr:nth-child(-n+3) td:last-child{color:#6dab8d;font-weight:700}.article-body tbody tr:nth-child(n+4) td:last-child{color:#e09b8c;font-weight:600}.timeline{position:relative;padding-left:32px;margin:32px 0}.timeline:before{content:"";position:absolute;left:7px;top:4px;bottom:4px;width:2px;background:var(--color-sage);opacity:.3;border-radius:1px}.timeline-item{position:relative;padding-bottom:24px;transition:opacity var(--transition-fast)}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:-32px;top:6px;width:16px;height:16px;border-radius:50%;background:var(--color-sage);border:3px solid var(--color-white);box-shadow:0 0 0 2px #6dab8d33}.timeline-item:hover{opacity:.85}.timeline-label{font-weight:700;color:var(--color-black);font-size:15px;margin-bottom:4px}.timeline-content{color:var(--color-slate);font-size:15px;line-height:1.6}.timeline-content strong{color:var(--color-coral);font-weight:700}.timeline-year{position:relative;padding-bottom:20px;padding-top:4px}.timeline-year:before{content:"";position:absolute;left:-32px;top:8px;width:16px;height:2px;background:var(--color-sage);opacity:.5}.timeline-year span{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-sage)}@media(max-width:600px){.chart-container{padding:20px 16px;margin:28px -8px}.timeline{padding-left:24px}.timeline-item:before{left:-24px;width:12px;height:12px}.timeline-label,.timeline-content{font-size:14px}}.chart-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:20px;font-size:13px;color:var(--color-slate)}.legend-item{display:flex;align-items:center;gap:6px}.legend-color{width:12px;height:12px;border-radius:3px}.article-footer{max-width:680px;margin:0 auto;padding:0 24px 80px}.article-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px;padding-top:40px;border-top:1px solid rgba(0,0,0,.06)}.tag{font-size:13px;font-weight:500;color:var(--color-slate);background:#5d5e6e14;padding:6px 14px;border-radius:100px}.share-section{display:flex;align-items:center;gap:16px;margin-bottom:48px}.share-label{font-size:14px;font-weight:500;color:var(--color-slate)}.share-buttons{display:flex;gap:10px}.share-section .share-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;border-radius:50%!important;background:#fff!important;border:1px solid rgba(0,0,0,.08)!important;color:#5d5e6e!important;transition:all var(--transition-fast);text-decoration:none!important;padding:0!important}.share-section .share-btn svg{width:20px;height:20px;fill:currentColor}.share-section .share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.share-section .share-btn.twitter:hover{background:#000!important;color:#fff!important;border-color:#000!important}.share-section .share-btn.linkedin:hover{background:#0a66c2!important;color:#fff!important;border-color:#0a66c2!important}.cta-block{background:linear-gradient(145deg,#6dab8d26,#f2dfb326);border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:40px;text-align:center}.cta-block h3{font-size:24px;font-weight:600;color:var(--color-black);margin-bottom:12px}.cta-block p{font-size:15px;color:var(--color-slate);margin-bottom:24px}.cta-button{display:inline-flex;align-items:center;gap:8px;background:var(--color-sage);color:var(--color-black);font-size:15px;font-weight:600;padding:14px 28px;border-radius:100px;transition:all var(--transition-fast)}.cta-button:hover{background:#5d9a7d;transform:translateY(-2px);gap:12px}.faq-section{max-width:680px;margin:0 auto;padding:0 24px 48px}.faq-heading{font-size:24px;font-weight:600;color:var(--color-black);margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.06)}.faq-list{display:flex;flex-direction:column;gap:0}.faq-item{border-bottom:1px solid rgba(0,0,0,.06)}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;font-size:16px;font-weight:600;color:var(--color-black);cursor:pointer;list-style:none;transition:color .2s}.faq-question::-webkit-details-marker{display:none}.faq-question::marker{display:none;content:""}.faq-question:hover{color:var(--color-sage)}.faq-question span{flex:1}.faq-chevron{flex-shrink:0;color:var(--color-slate);opacity:.4;transition:transform .3s ease,opacity .2s}.faq-item[open] .faq-chevron{transform:rotate(180deg);opacity:.7}.faq-answer{padding:0 0 20px;animation:faqFadeIn .3s ease}.faq-answer p{font-size:15px;line-height:1.7;color:var(--color-slate);margin:0}@keyframes faqFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}