.ar-articles{padding-top:0;background:var(--bg-l2)}.ar-hero{position:relative;padding:var(--hero-pad-top) var(--pad) var(--hero-pad-bottom);text-align:center;overflow:hidden;background:var(--hero-wash);color:var(--text-body)}.ar-hero::before{content:'';position:absolute;width:500px;height:500px;top:-150px;right:-150px;background:radial-gradient(circle,rgba(0,196,127,.25),transparent 70%);filter:blur(100px)}.ar-hero::after{content:'';position:absolute;width:400px;height:400px;bottom:-120px;left:-120px;background:radial-gradient(circle,rgba(0,196,127,.15),transparent 70%);filter:blur(90px)}.ar-hero-content{position:relative;max-width:700px;margin:0 auto}.ar-badge{display:inline-block;padding:6px 14px;background:var(--green-subtle);color:var(--green-ink);border-radius:var(--r-full);font-size:var(--text-xs);font-weight:600;margin-bottom:15px}.ar-container{max-width:var(--container);margin:50px auto;padding:0 var(--pad) 80px}.ar-cats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.ar-cat{display:inline-block;padding:8px 18px;border-radius:var(--r-full);font-size:var(--text-sm);font-weight:500;color:#374151;background:#fff;border:1px solid var(--border);transition:color var(--t),background var(--t),border-color var(--t)}.ar-cat:hover{color:var(--green);border-color:var(--green)}.ar-cat.is-active{color:#000;background:var(--green);border-color:var(--green)}.ar-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:var(--text-sm);margin-bottom:16px;color:var(--text-muted)}.ar-breadcrumb a{color:var(--green-ink);transition:color var(--t)}.ar-breadcrumb a:hover{color:var(--text-dark)}.ar-grid{display:grid;grid-template-columns:1fr;gap:24px;width:100%}.ar-card{background:var(--bg-l1);border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);box-shadow:0 10px 25px rgba(0,0,0,.05),0 5px 10px rgba(0,0,0,.03);transition:transform .35s ease,box-shadow .35s ease}.ar-card:hover{transform:translateY(-8px);box-shadow:0 25px 60px rgba(0,0,0,.12),0 10px 25px rgba(0,0,0,.06)}.ar-img{overflow:hidden}.ar-img img{width:100%;height:220px;object-fit:cover;transition:transform .5s ease}.ar-card:hover img{transform:scale(1.06)}.ar-content{padding:22px}.ar-content h2,.ar-content h3{font-size:var(--h3);font-weight:600;color:#0f172a;margin-bottom:8px;line-height:1.4}.ar-content p{font-size:var(--text-sm);color:#64748b;line-height:1.7;margin-bottom:14px}.ar-link{color:var(--green);font-weight:500;text-decoration:none;position:relative}.ar-link::after{content:'';position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--green);transition:.3s ease}.ar-link:hover::after{width:100%}.sa-hero{padding:var(--hero-pad-top) var(--pad) var(--hero-pad-bottom);background:var(--hero-wash);color:var(--text-body)}.sa-hero-grid{max-width:calc(var(--container) - var(--pad) * 2);margin:auto;display:grid;grid-template-columns:1fr;gap:50px;align-items:center}.sa-breadcrumb{font-size:var(--text-xs);margin-bottom:12px;color:var(--text-muted)}.sa-breadcrumb a{color:var(--green-ink);text-decoration:none;position:relative;transition:.25s ease}.sa-breadcrumb a::after{content:'';position:absolute;left:0;bottom:-2px;width:0%;height:1px;background:var(--green);transition:width .25s ease}.sa-breadcrumb a:hover{color:var(--text-dark)}.sa-breadcrumb a:hover::after{width:100%}.sa-breadcrumb span{margin:0 6px;opacity:.4}.sa-current{color:var(--text-dark);font-weight:600}.sa-category-badge{display:inline-block;margin-bottom:12px;padding:6px 14px;border-radius:var(--r-full);background:var(--green-subtle);color:var(--green-ink);font-size:var(--text-xs);font-weight:500}.sa-desc{color:var(--text-subtle);margin-bottom:15px}.sa-meta{font-size:var(--text-sm);margin-bottom:15px}.sa-share{display:flex;gap:10px;margin-top:10px}.sa-share a{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:var(--text-dark);border:1px solid var(--border);font-size:var(--text-sm);transition:.3s ease}.sa-share a:hover{transform:translateY(-3px);color:#fff;border-color:transparent}.sa-share a:nth-child(1):hover{background:#1877f2}.sa-share a:nth-child(2):hover{background:#000}.sa-share a:nth-child(3):hover{background:#0a66c2}.sa-hero-right img{width:100%;border-radius:var(--r-md);-webkit-mask-image:radial-gradient(125% 125% at 52% 42%,#000 58%,rgba(0,0,0,.55) 82%,transparent 100%);mask-image:radial-gradient(125% 125% at 52% 42%,#000 58%,rgba(0,0,0,.55) 82%,transparent 100%)}.sa-body{padding:28px var(--pad) 80px;background:var(--bg-l2)}.sa-body-grid{max-width:calc(var(--container) - var(--pad) * 2);margin:auto;display:grid;grid-template-columns:1fr;gap:40px;align-items:start}.sa-content{background:var(--bg-l1);padding:32px var(--pad);border-radius:var(--r-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);font-size:var(--text-md);line-height:1.7;color:var(--text-body)}.sa-content>*:first-child{margin-top:0}.sa-content>*:last-child{margin-bottom:0}.sa-content p{margin:0 0 18px}.sa-content h2,.sa-content h3,.sa-content h4,.sa-content h5,.sa-content h6{color:var(--text-dark);font-family:var(--font-display);line-height:1.25;scroll-margin-top:96px;text-wrap:balance}.sa-content h2{margin:40px 0 14px;font-size:var(--h2);font-weight:700;line-height:1.4}.sa-content h3{margin:30px 0 12px;font-size:var(--h3);font-weight:700}.sa-content h4{margin:24px 0 10px;font-size:var(--h4);font-weight:700}.sa-content h5{margin:22px 0 8px;font-size:var(--text-lg);font-weight:700}.sa-content h6{margin:20px 0 8px;font-size:var(--text-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--green-ink)}.sa-content h2+p,.sa-content h3+p,.sa-content h4+p{margin-top:0}.sa-content strong,.sa-content b{font-weight:700;color:var(--text-dark)}.sa-content em,.sa-content i{font-style:italic}.sa-content a{color:var(--green-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color var(--t)}.sa-content a:hover{color:var(--green-dark);text-decoration-thickness:2px}.sa-content ul,.sa-content ol{margin:18px 0;padding-left:4px;list-style:none}.sa-content li{position:relative;margin-bottom:10px;padding-left:28px;line-height:1.7}.sa-content ul>li::before{content:'';position:absolute;left:6px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--green)}.sa-content ol{counter-reset:sa-ol}.sa-content ol>li{counter-increment:sa-ol}.sa-content ol>li::before{content:counter(sa-ol);position:absolute;left:0;top:.05em;width:21px;height:21px;border-radius:50%;background:var(--green-subtle);color:var(--green-ink);font-size:var(--label);font-weight:700;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}.sa-content li>ul,.sa-content li>ol{margin:10px 0 0}.sa-content li>ul>li::before{background:transparent;border:2px solid var(--green)}.sa-content blockquote{margin:26px 0;padding:20px 24px;border-left:3px solid var(--green);border-radius:0 var(--r-sm) var(--r-sm) 0;background:var(--bg-l2);color:var(--text-dark);font-size:var(--title-sm);line-height:1.7}.sa-content blockquote p:last-child{margin-bottom:0}.sa-content blockquote cite{display:block;margin-top:10px;font-size:var(--text-sm);font-style:normal;font-weight:600;color:var(--text-muted)}.sa-table-wrap{margin:26px 0;overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-sm);-webkit-overflow-scrolling:touch}.sa-content table{width:100%;min-width:480px;border-collapse:collapse;font-size:var(--text-md);background:var(--bg-l1)}.sa-content thead th,.sa-content table th{background:var(--bg-l2);color:var(--text-dark);font-weight:700;text-align:left;font-size:var(--text-sm);letter-spacing:.02em}.sa-content th,.sa-content td{padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:top;line-height:1.6}.sa-content tbody tr:last-child td{border-bottom:0}.sa-content tbody tr:nth-child(even) td{background:var(--bg-l2)}.sa-content td:not(:last-child),.sa-content th:not(:last-child){border-right:1px solid var(--border)}.sa-content figure{margin:26px 0}.sa-content img{max-width:100%;height:auto;display:block;border-radius:var(--r-sm)}.sa-content figcaption{margin-top:10px;font-size:var(--text-sm);color:var(--text-muted);line-height:1.6}.sa-content code{padding:2px 6px;border-radius:var(--r-xs);background:var(--bg-l2);border:1px solid var(--border);font-family:monospace;font-size:var(--text-dense);color:var(--text-dark)}.sa-content pre{margin:24px 0;padding:18px 20px;overflow-x:auto;border-radius:var(--r-sm);background:var(--bg-dark);color:#e8f2ee;font-family:monospace;font-size:var(--text-sm);line-height:1.65}.sa-content pre code{padding:0;background:none;border:0;color:inherit;font-size:inherit}.sa-content hr{margin:34px 0;border:0;border-top:1px solid var(--border-dark)}.sa-content dl{margin:18px 0}.sa-content dt{font-weight:700;color:var(--text-dark);margin-top:14px}.sa-content dd{margin:6px 0 0 18px}.sa-related{margin-top:28px}.sa-related-head{margin-bottom:18px}.sa-related-head h2{font-size:var(--h2);font-weight:700;color:var(--text-dark);margin-bottom:6px}.sa-related-head p{color:var(--text-muted);font-size:var(--text-md)}.sa-related-grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width:768px){.sa-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.sa-sidebar{display:flex;flex-direction:column;gap:20px}.sa-toc{background:var(--bg-l1);padding:20px;border-radius:var(--r-md);box-shadow:0 15px 40px rgba(0,0,0,.06)}.sa-toc h3{font-size:var(--text-lg);margin-bottom:12px;color:#0f172a;font-weight:600;border-bottom:1px solid #e2e8f0;padding-bottom:8px}.sa-toc ul{list-style:none;padding:0;margin:0}.sa-toc li{margin-bottom:10px}.sa-toc a{text-decoration:none;font-size:var(--text-sm);color:#475569;line-height:1.4;transition:.2s ease}.sa-toc a:hover{color:var(--green)}.sa-side-cta{position:relative;overflow:hidden;display:flex;align-items:center;min-height:208px;padding:22px 20px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--hero-wash)}.sa-side-cta::before{content:'';position:absolute;right:0;bottom:0;left:0;height:100%;background:url('/assets/images/cta-panel.webp') right bottom / auto 100% no-repeat;pointer-events:none}.sa-cta-copy{position:relative;z-index:1;width:55%}.sa-side-cta h3{font-size:var(--display-xs);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--text-dark);margin:0 0 8px}.sa-side-cta p{font-size:var(--text-sm);line-height:1.5;color:var(--text-subtle);margin:0}.sa-btn{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:12px 20px;background:var(--green);color:#06231a;font-size:var(--text-sm);font-weight:700;border-radius:var(--r-full);text-decoration:none;box-shadow:0 10px 24px var(--green-glow);transition:background var(--t),transform var(--t),box-shadow var(--t)}.sa-btn .ic{font-size:var(--text-sm);transition:transform var(--t)}.sa-btn:hover{background:var(--green-dark);transform:translateY(-2px);box-shadow:0 16px 32px var(--green-glow)}.sa-btn:hover .ic{transform:translateX(3px)}@media (min-width:768px){.ar-grid{grid-template-columns:repeat(2,1fr)}.sa-hero-grid{grid-template-columns:1.1fr 1fr}.sa-body-grid{grid-template-columns:2fr 1fr}.sa-content{padding:40px}.sa-sidebar{position:sticky;top:110px}}@media (min-width:1024px){.ar-grid{grid-template-columns:repeat(3,1fr)}}.sa-author{display:flex;align-items:flex-start;gap:18px;margin-top:48px;padding:28px;background:var(--bg-l1);border:1px solid rgba(0,0,0,.06);border-radius:var(--r-md)}.sa-author-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0}.sa-author-info{flex:1}.sa-author-label{font-size:var(--text-sm);color:var(--text-subtle);margin-bottom:2px}.sa-author-name{font-size:var(--text-lg);font-weight:600;color:var(--text-dark);margin-bottom:8px}.sa-author-desc{font-size:var(--text-sm);color:var(--text-subtle);line-height:1.7}.ar-content h3{line-height:1.28}.sa-content h3,.sa-content h4,.sa-content h5,.sa-content h6{line-height:1.28}.sa-body-grid{grid-template-columns:minmax(0,1fr)}.sa-content,.sa-sidebar{min-width:0}.sa-content{overflow-wrap:anywhere}.sa-content img,.sa-content iframe,.sa-content video{max-width:100%;height:auto}.sa-content pre,.sa-table-wrap{max-width:100%;overflow-x:auto}.sa-content table{width:100%}@media (min-width:1024px){.sa-body-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}