.article-hero{position:relative;background:var(--grad-hero);padding:var(--s-20) 0 var(--s-16);overflow:hidden;color:#fff}.article-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 55% at 20% 25%,hsla(0,0%,100%,.12) 0,transparent 55%),radial-gradient(ellipse 50% 45% at 85% 75%,rgba(76,184,72,.14) 0,transparent 50%);pointer-events:none}.article-hero__inner{position:relative;max-width:860px;margin:0 auto;padding:0 var(--s-6)}.article-hero__tags{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-6)}.article-hero__tag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:hsla(0,0%,100%,.92);border:1px solid hsla(0,0%,100%,.95);border-radius:999px;font-size:12px;font-weight:600;color:var(--primary-deep);letter-spacing:.04em}.article-hero__tag-dot{width:6px;height:6px;border-radius:50%;background:var(--secondary);flex-shrink:0}.article-breadcrumb{font-size:13px;color:hsla(0,0%,100%,.75);margin-bottom:var(--s-5)}.article-breadcrumb a{color:hsla(0,0%,100%,.75);text-decoration:none;transition:color .2s}.article-breadcrumb a:hover{color:#fff}.article-breadcrumb__sep{margin:0 8px;color:hsla(0,0%,100%,.35)}.article-hero__title{font-family:var(--font-sans);font-size:clamp(2rem,4.5vw,3rem);font-weight:800;color:#fff;line-height:1.2;letter-spacing:-.02em;margin-bottom:var(--s-5)}.article-hero__meta{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap;font-size:14px;color:hsla(0,0%,100%,.78)}.article-hero__meta-item{display:flex;align-items:center;gap:6px}.article-hero__meta-dot{width:3px;height:3px;border-radius:50%;background:hsla(0,0%,100%,.35)}.article-hero__read-bar{display:flex;align-items:center;gap:var(--s-4);margin-top:var(--s-8);padding-top:var(--s-6);border-top:1px solid hsla(0,0%,100%,.14)}.article-hero__read-time{font-size:13px;color:hsla(0,0%,100%,.75);display:flex;align-items:center;gap:6px;white-space:nowrap}.article-hero__progress{flex:1 1;min-width:0;height:3px;background:hsla(0,0%,100%,.18);border-radius:2px;overflow:hidden}.article-hero__progress-fill{height:100%;width:0;background:#fff;border-radius:2px;transition:width .15s linear}.article-body{background:var(--bg);padding:var(--s-16) 0 var(--s-20)}.article-layout{display:grid;grid-template-columns:1fr 300px;grid-gap:var(--s-12);gap:var(--s-12);align-items:start}.article-prose{max-width:720px;font-size:var(--fs-base);line-height:1.85;color:var(--ink-soft);min-width:0}.article-prose h2{font-family:var(--font-sans);font-size:clamp(1.45rem,2.8vw,1.85rem);font-weight:700;color:var(--ink);line-height:1.3;margin:var(--s-10) 0 var(--s-4);padding-top:var(--s-6);position:relative;scroll-margin-top:84px}.article-prose h2:before{content:"";position:absolute;left:0;top:0;width:36px;height:3px;background:var(--grad-line);border-radius:2px}.article-prose h3{font-size:clamp(1.15rem,2vw,1.35rem);font-weight:700;color:var(--ink);line-height:1.35;margin:var(--s-7) 0 var(--s-3);scroll-margin-top:84px}.article-prose p{margin-bottom:var(--s-5)}.article-prose strong{color:var(--ink);font-weight:600}.article-prose a{color:var(--teal);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.article-prose a:hover{border-color:var(--teal)}.article-prose ol,.article-prose ul{margin:var(--s-5) 0;padding-left:var(--s-6)}.article-prose ul{list-style:disc}.article-prose ol{list-style:decimal}.article-prose li{font-size:var(--fs-base);line-height:1.75;color:var(--ink-soft);margin-bottom:var(--s-2)}.article-prose li::marker{color:var(--teal);font-weight:700}.article-body .article-prose blockquote{margin:var(--s-8) 0;padding:var(--s-7) var(--s-8);background:linear-gradient(135deg,rgba(20,145,135,.05),rgba(76,184,72,.04));border-left:3px solid var(--teal);border-radius:0 var(--r-md) var(--r-md) 0;font-size:var(--fs-lead);line-height:1.7;color:var(--ink);font-style:normal;box-sizing:border-box}.article-body .article-prose blockquote p:last-child{margin-bottom:0}.article-sidebar{position:-webkit-sticky;position:sticky;top:84px;display:flex;flex-direction:column;gap:var(--s-6);min-width:0}.toc-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-6);box-shadow:var(--shadow-sm)}.toc-card__title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:var(--s-4)}.toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--s-2)}.toc-list a{display:block;padding:6px 10px;font-size:14px;color:var(--ink-soft);text-decoration:none;border-radius:var(--r-sm);transition:all .2s;border-left:2px solid transparent}.toc-list a.is-active,.toc-list a:hover{color:var(--teal);background:rgba(20,145,135,.06);border-left-color:var(--teal)}.sidebar-cta{background:linear-gradient(135deg,#0e5044,#149187);border-radius:var(--r-lg);padding:var(--s-7);color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--s-3)}.sidebar-cta:before{content:"";position:absolute;top:-40px;right:-40px;width:140px;height:140px;border-radius:50%;background:hsla(0,0%,100%,.05);pointer-events:none}.sidebar-cta__btn,.sidebar-cta__desc,.sidebar-cta__label,.sidebar-cta__title{position:relative;z-index:1}.sidebar-cta__label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:hsla(0,0%,100%,.85);margin-bottom:2px}.sidebar-cta__title{font-size:1.1rem;font-weight:700;line-height:1.35}.sidebar-cta__desc{font-size:14px;color:hsla(0,0%,100%,.78);line-height:1.6;margin-bottom:var(--s-2);overflow-wrap:break-word;word-break:normal}.sidebar-cta__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;background:#fff;color:var(--forest-deep);font-size:14px;font-weight:600;border-radius:var(--r-md);text-decoration:none;transition:transform .2s var(--ease),box-shadow .2s;align-self:flex-start;max-width:100%;white-space:nowrap}.sidebar-cta__btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.15)}.sidebar-cta--simple{display:flex;align-items:center;justify-content:center;min-height:96px;text-align:center;font-size:1.1rem;font-weight:700;color:#fff;text-decoration:none;transition:opacity .2s}.sidebar-cta--simple:hover{opacity:.92}.author-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-6);box-shadow:var(--shadow-sm);text-align:center}.author-card__avatar{width:64px;height:64px;border-radius:50%;background:var(--grad-line);display:grid;place-items:center;font-size:1.5rem;font-weight:800;color:#fff;margin:0 auto var(--s-4)}.author-card__name{font-weight:700;font-size:1rem;color:var(--ink)}.author-card__role{font-size:13px;color:var(--muted);margin-bottom:var(--s-4)}.author-card__bio{font-size:14px;line-height:1.65;color:var(--ink-soft)}.article-footer{background:var(--bg-sunk);padding:var(--s-16) 0 var(--s-20)}.article-footer__inner{position:relative;z-index:1}.article-tags{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-bottom:var(--s-10)}.article-tag{padding:6px 14px;background:var(--bg-elev);border:1px solid var(--line);border-radius:999px;font-size:13px;color:var(--ink-soft);text-decoration:none;transition:all .2s}.article-tag:hover{border-color:var(--teal);color:var(--teal)}.article-related__title{font-size:var(--fs-h2);font-weight:700;color:var(--ink);margin-bottom:var(--s-6)}.article-related__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--s-6);gap:var(--s-6)}.article-related-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s var(--ease);text-decoration:none;color:inherit;display:block}.article-related-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.article-related-card__cover{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#0e5044,#149187);display:grid;place-items:center}.article-related-card__cover:before{content:"";position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.06) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.06) 1px,transparent 0);background-size:24px 24px;pointer-events:none}.article-related-card__cat{position:absolute;top:12px;left:12px;font-size:11px;font-weight:600;padding:4px 10px;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;border-radius:999px;z-index:2}.article-related-card__initial{font-size:clamp(44px,6vw,64px);font-weight:800;color:hsla(0,0%,100%,.92);line-height:1;letter-spacing:-.03em;z-index:1}.article-related-card__body{padding:var(--s-5)}.article-related-card__title{font-size:1rem;font-weight:700;color:var(--ink);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-related-card__meta{font-size:12px;color:var(--muted);margin-top:var(--s-3)}@media(max-width:1024px){.article-layout{grid-template-columns:1fr 240px;gap:var(--s-8)}.article-prose{max-width:100%}}@media(max-width:900px){.article-layout{grid-template-columns:1fr}.article-sidebar{display:none}.article-prose{max-width:720px;margin:0 auto}.article-related__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.article-hero{padding:var(--s-12) 0 var(--s-10)}.article-hero__inner{padding:0 var(--s-5)}.article-body{padding:var(--s-10) 0 var(--s-16)}.article-layout{padding:0 var(--s-5)}.article-related__grid{grid-template-columns:1fr}.article-prose h2{font-size:1.4rem}.article-prose h2:before{width:28px;height:2px}.article-hero__title{font-size:1.8rem}}