.article-layout-toc{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:220px 1fr;gap:2rem;align-items:start}.article-toc{position:sticky;top:5rem;background:#061028d1;border:1px solid rgba(146,168,205,.14);border-top:2px solid rgba(184,255,62,.4);border-radius:0 .75rem .75rem 0;padding:1.2rem 1rem;box-shadow:0 8px 28px #02071452}.article-toc-label{font-size:.68rem;font-weight:700;font-family:var(--font-accent);text-transform:uppercase;letter-spacing:.1em;color:var(--accent-primary);margin-bottom:.8rem;padding-bottom:.6rem;border-bottom:1px solid rgba(184,255,62,.15)}.article-toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.05rem}.toc-item a{display:block;font-size:.8rem;font-family:var(--font-accent);color:var(--text-soft);text-decoration:none;padding:.28rem .5rem;border-left:2px solid transparent;border-radius:0 .3rem .3rem 0;line-height:1.42;transition:color .14s ease,border-color .14s ease,background .14s ease}.toc-item a:hover{color:var(--text-main);border-left-color:#b8ff3e80;background:#b8ff3e0f}.toc-d3 a{padding-left:1.1rem;font-size:.74rem;color:var(--text-muted)}.article-reading-frame--toc-main{border-left-width:3px;min-width:0}.article-learn-content ol{list-style:none;padding:0;margin:.6rem 0 1.6rem;counter-reset:step-counter;display:flex;flex-direction:column;gap:.55rem}.article-learn-content ol>li{counter-increment:step-counter;position:relative;padding:.85rem 1rem .85rem 3rem;background:#b8ff3e09;border:1px solid rgba(184,255,62,.14);border-left:2px solid rgba(184,255,62,.35);border-radius:0 .5rem .5rem 0;color:#d8e8ff;line-height:1.65;font-size:.93rem}.article-learn-content ol>li:before{content:counter(step-counter);position:absolute;left:.7rem;top:50%;transform:translateY(-50%);width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:900;font-family:var(--font-accent);color:var(--accent-primary);background:#b8ff3e1f;border:1px solid rgba(184,255,62,.28);border-radius:.3rem}.article-learn-content ul>li{padding-left:.3rem;margin-bottom:.5rem;line-height:1.68;color:#d8e8ff}.article-learn-content ul>li::marker{color:var(--accent-primary)}.article-learn-content h2{margin-top:2.2rem;margin-bottom:.8rem;padding-left:.9rem;border-left:3px solid rgba(184,255,62,.55);border-bottom:none}.article-learn-content h3{margin-top:1.6rem;margin-bottom:.5rem;padding-left:.7rem;border-left:2px solid rgba(64,219,194,.4)}.article-learn-content h2#authority-hubs,.article-learn-content h2#authority-hubs+ul{display:none}.article-learn-content h2#next-step{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--accent-secondary);border-left:none;padding-left:0;border-top:1px solid rgba(64,219,194,.2);padding-top:1.2rem;margin-top:2.5rem;margin-bottom:.6rem;border-bottom:none}.article-learn-content h2#next-step+ul{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0}.article-learn-content h2#next-step+ul li a{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .9rem;font-size:.8rem;font-weight:700;font-family:var(--font-accent);border:1px solid rgba(64,219,194,.3);background:#40dbc20f;color:var(--accent-secondary);border-radius:.4rem;text-decoration:none;transition:border-color .15s ease,background .15s ease}.article-learn-content h2#next-step+ul li a:hover{border-color:#40dbc299;background:#40dbc21f}.article-learn-content h2#related-pages{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);border-left:none;padding-left:0;border-top:1px solid rgba(146,168,205,.15);padding-top:1.2rem;margin-top:2.5rem;margin-bottom:.6rem;border-bottom:none}.article-learn-content h2#related-pages+ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}.article-learn-content h2#related-pages+ul li a{display:inline-flex;align-items:center;gap:.4rem;font-size:.83rem;color:var(--accent-primary);text-decoration:none;padding:.25rem 0;transition:color .14s ease}.article-learn-content h2#related-pages+ul li a:before{content:"→";font-size:.75rem;color:#b8ff3e80}.article-learn-content h2#related-pages+ul li a:hover{color:#d4ff52}@media(max-width:900px){.article-layout-toc{grid-template-columns:1fr}.article-toc{display:none}}