.blog-article{width:min(1280px,100%);max-width:none;padding-right:clamp(18px,3vw,32px);padding-left:clamp(18px,3vw,32px)}.article-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,900px);gap:clamp(26px,4vw,52px);align-items:start;width:min(1220px,100%);margin:0 auto}.article-shell{position:relative;width:100%;min-width:0;padding:clamp(32px,4vw,56px);border:1px solid var(--line);border-radius:8px;background:linear-gradient(60deg,rgba(8,112,82,.024) 1px,transparent 1px),linear-gradient(120deg,rgba(79,124,255,.02) 1px,transparent 1px),linear-gradient(180deg,#fffdfaf0,#fffdfad1),var(--panel);background-size:132px 132px,132px 132px,auto,auto;clip-path:var(--notch-clip);box-shadow:var(--shadow-soft);overflow:hidden}.article-shell:before{content:"";display:block;height:3px;margin:clamp(-56px,-4vw,-32px) clamp(-56px,-4vw,-32px) clamp(22px,3vw,30px);border-radius:8px 8px 0 0;background:linear-gradient(90deg,var(--accent),rgba(79,124,255,.55),var(--gold))}.article-shell:after{content:"";position:absolute;top:clamp(28px,4vw,52px);right:clamp(-54px,-4vw,-32px);width:clamp(106px,12vw,164px);aspect-ratio:1;clip-path:var(--hex-clip);background:linear-gradient(60deg,rgba(8,112,82,.13) 1px,transparent 1px),linear-gradient(120deg,rgba(79,124,255,.09) 1px,transparent 1px),#30c7950f;background-size:18px 18px,18px 18px,auto;opacity:.42;pointer-events:none;transform:rotate(10deg)}.article-shell>*{position:relative;z-index:1}.article-intro{display:grid;gap:18px;margin-bottom:34px;padding-bottom:34px;border-bottom:1px solid rgba(17,24,39,.1)}.article-intro p{max-width:820px;margin:0;color:#293344;font-size:clamp(1.12rem,1.5vw,1.24rem);line-height:1.74}.article-toc{position:sticky;top:96px;max-height:calc(100vh - 126px);overflow:auto;padding:20px;border:1px solid rgba(8,112,82,.2);border-radius:8px;background:linear-gradient(60deg,rgba(8,112,82,.032) 1px,transparent 1px),linear-gradient(120deg,rgba(79,124,255,.022) 1px,transparent 1px),linear-gradient(180deg,#fffdfaf0,#f1fbf7e0),#f1fbf7;background-size:96px 96px,96px 96px,auto,auto;clip-path:var(--notch-clip-soft);box-shadow:var(--shadow-soft)}.article-toc strong{display:block;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(8,112,82,.16);color:var(--ink);font-size:.9rem;font-weight:700;text-transform:uppercase}.article-toc ol{display:grid;grid-template-columns:1fr;gap:4px;margin:0;padding:0;list-style:none}.article-toc a{display:block;padding:8px 10px;border-radius:8px;color:var(--accent-dark);font-size:.94rem;font-weight:600;line-height:1.3;text-decoration:none;transition:color .16s ease,transform .16s ease}.article-toc a:hover{background:#30c7951a;color:#0f3d31;transform:translate(2px)}.article-section+.article-section{margin-top:clamp(44px,5vw,62px);padding-top:clamp(34px,4vw,48px);border-top:1px solid rgba(17,24,39,.1)}.article-shell h2{max-width:820px;font-size:clamp(1.65rem,2.4vw,2.35rem)}.article-shell p{max-width:820px;margin:16px 0 0;color:var(--muted);font-size:clamp(1.08rem,1.25vw,1.16rem);line-height:1.78}.article-checklist,.article-callout,.article-figure-grid,.article-flow{max-width:840px;margin-top:24px;border-radius:8px}.article-checklist{position:relative;padding:clamp(22px,3vw,28px);border:1px solid rgba(8,112,82,.2);border-left:5px solid var(--accent-dark);background:linear-gradient(60deg,rgba(8,112,82,.03) 1px,transparent 1px),linear-gradient(120deg,rgba(79,124,255,.022) 1px,transparent 1px),linear-gradient(135deg,#30c7951a,#fffdfae0 48%),#fffdfa;background-size:96px 96px,96px 96px,auto,auto;clip-path:var(--notch-clip-soft);box-shadow:0 12px 30px #10172212;overflow:hidden}.article-checklist h3{margin-bottom:14px;color:#0f3d31;font-size:1rem}.article-checklist ul{display:grid;gap:11px;margin:0;padding:0;color:#293344;list-style:none}.article-checklist li{position:relative;padding-left:26px}.article-checklist li:before{content:"";position:absolute;left:0;top:.72em;width:9px;height:9px;border-radius:0;clip-path:var(--hex-clip);background:var(--accent);box-shadow:0 0 0 4px #30c7951a}.article-callout{position:relative;padding:clamp(20px,3vw,28px);border:1px solid rgba(240,184,75,.24);border-left:5px solid var(--gold);background:linear-gradient(60deg,rgba(240,184,75,.045) 1px,transparent 1px),linear-gradient(120deg,rgba(79,124,255,.02) 1px,transparent 1px),linear-gradient(135deg,#f0b84b33,#fffdfad6 54%),#f0b84b21;background-size:104px 104px,104px 104px,auto,auto;clip-path:var(--notch-clip-soft);box-shadow:0 12px 30px #10172212,inset 0 0 0 1px #f0b84b1a;overflow:hidden}.article-callout strong{color:var(--ink);font-size:1.02rem}.article-callout p{margin-top:8px;color:#4a5362}.article-figure-grid{display:grid;gap:18px;max-width:920px}.article-figure{margin:0;overflow:hidden;border:1px solid rgba(18,31,44,.12);border-radius:8px;background:#fff;box-shadow:0 18px 42px #1017221a}.article-figure img{display:block;width:100%;height:auto;border-bottom:1px solid rgba(18,31,44,.1)}.article-figure figcaption{display:grid;gap:5px;padding:14px 16px 16px;background:linear-gradient(135deg,#eff4f1d1,#fffdfaf5),#fffdfa}.article-figure figcaption strong{color:var(--ink);font-size:.98rem}.article-figure figcaption span{color:var(--muted);font-size:.92rem;line-height:1.5}.article-flow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:18px;border:1px solid rgba(79,124,255,.18);background:#4f7cff12}.article-flow span{padding:7px 10px;border-radius:8px;background:var(--panel);color:#293344;font-size:.92rem;font-weight:600}.article-flow b{color:var(--accent-dark)}.toporank-infographic-block{max-width:920px;margin-top:24px}.toporank-infographic{display:grid;gap:12px;width:100%;padding:clamp(18px,3vw,28px);border:1px solid rgba(48,199,149,.28);border-radius:8px;background:linear-gradient(135deg,#30c7951a,#fffdfaf5 46%),#fffdfa;box-shadow:0 18px 42px #1017221a;cursor:zoom-in;text-align:left}.toporank-infographic:hover,.toporank-infographic:focus-visible{border-color:#0870526b;box-shadow:0 22px 48px #10172224;outline:none}.toporank-infographic-title{color:var(--ink);font-size:clamp(1.1rem,1.6vw,1.35rem);font-weight:800}.toporank-infographic-subtitle,.toporank-infographic-hint{color:var(--muted);font-size:.95rem;line-height:1.5}.toporank-infographic-flow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:16px;border:1px solid rgba(18,31,44,.08);border-radius:8px;background:#eff4f1b8}.toporank-infographic-image,.toporank-lightbox-image{display:block;width:100%;height:auto;border:1px solid rgba(18,31,44,.1);border-radius:8px;background:#fff}.toporank-infographic-image{box-shadow:0 12px 28px #10172214}.toporank-lightbox-image{margin-top:8px}.toporank-infographic-step,.toporank-lightbox-node{padding:10px 12px;border:1px solid rgba(18,31,44,.1);border-radius:8px;background:#fff;color:#293344;font-size:.94rem;font-weight:750;box-shadow:0 8px 18px #1017220f}.toporank-infographic-arrow,.toporank-lightbox-flow b{color:var(--accent-dark);font-weight:900}.lightbox-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:#101722b8}.lightbox-panel{position:relative;display:grid;gap:16px;width:min(1040px,100%);max-height:min(760px,calc(100vh - 48px));overflow:auto;padding:clamp(24px,4vw,42px);border:1px solid rgba(255,255,255,.32);border-radius:8px;background:#fffdfa;box-shadow:0 28px 90px #00000052}.lightbox-panel h2,.lightbox-panel p{max-width:760px}.lightbox-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(18,31,44,.16);border-radius:999px;background:#fff;color:var(--ink);font-size:1rem;font-weight:800;cursor:pointer}.toporank-lightbox-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:center;margin-top:10px}.toporank-lightbox-node{display:grid;min-height:116px;align-content:center;gap:8px}.toporank-lightbox-node span{color:var(--accent-dark);font-size:.8rem;font-weight:900;letter-spacing:.06em}.topology-bridge-section{border-top:1px solid rgba(18,31,44,.08);border-bottom:1px solid rgba(18,31,44,.08);background:linear-gradient(180deg,#eff4f175,#fffdfaf5),#fffdfa}.topology-bridge-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:var(--max);margin:26px auto 0}.topology-bridge-list p{display:grid;gap:8px;margin:0;padding:18px;border:1px solid rgba(8,112,82,.16);border-radius:8px;background:#fff;box-shadow:0 12px 28px #1017220f}.topology-bridge-list a{color:var(--accent-dark);font-weight:800;text-decoration:none}.topology-bridge-list a:hover{text-decoration:underline}.topology-bridge-list span{color:var(--muted);font-size:.92rem;line-height:1.5}.article-context-section{max-width:860px}.article-context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.article-context-grid a{display:grid;gap:8px;min-height:100%;padding:18px;border:1px solid rgba(8,112,82,.18);border-radius:8px;background:linear-gradient(135deg,#30c7951a,#fffdfaeb 58%),var(--panel);color:inherit;text-decoration:none;box-shadow:0 12px 28px #1017220f;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.article-context-grid a:hover,.article-context-grid a:focus-visible{border-color:#08705257;box-shadow:0 16px 32px #1017221a;transform:translateY(-2px)}.article-context-grid strong{color:var(--ink);font-size:1.05rem;line-height:1.25}.article-context-grid span{color:var(--muted);font-size:.96rem;line-height:1.55}.link-panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(1160px,100%);margin:0 auto}[data-reveal=pending]{opacity:0;transform:translate3d(0,18px,0)}[data-reveal=visible]{animation:reveal-in .52s ease var(--reveal-delay, 0ms) both}.cta-animated[data-reveal=pending]{opacity:0;transform:translate3d(0,5px,0) scale(.985)}.cta-animated[data-reveal=visible]{animation:cta-wake .52s cubic-bezier(.22,1,.36,1) var(--reveal-delay, 0ms) both}