.article-shell{max-width:1450px;margin:auto;padding:70px var(--pad);display:grid;grid-template-columns:230px minmax(0,850px);justify-content:center;gap:clamp(36px,6vw,100px)}
.nav-inner{width:100%;display:flex;align-items:center;gap:24px}.nav-hint{display:none}.nav-inner nav{margin-left:auto}.nav-inner .menu-toggle{margin-left:auto}
.article-toc{position:sticky;top:105px;align-self:start;display:grid;background:var(--dark);color:#fff;border:2px solid var(--ink);padding:20px;box-shadow:5px 5px 0 var(--orange)}
.article-toc strong{color:#ff9b65;font:800 10px var(--mono);letter-spacing:.12em}.article-toc a{padding:9px 0;text-decoration:none;border-bottom:1px solid #ffffff22;font-size:13px}
.article-shell figure{margin:0 0 32px}.article-shell figure>img{display:block;width:100%;max-height:470px;object-fit:cover;border:2px solid var(--ink)}
.article-body .feature{background:#e3ebff;border:0;border-left:6px solid var(--blue);box-shadow:none}.product-context{background:var(--card);border:1px solid var(--line);padding:12px}.product-context img{object-fit:contain!important;background:#e8e2d8}.number-steps li b{font:800 14px var(--mono);color:var(--orange)}
@media(max-width:760px){.article-shell{grid-template-columns:1fr;padding:45px 18px}.article-toc{position:static;display:flex;flex-wrap:wrap;gap:8px}.article-toc strong{width:100%}.article-toc a{padding:7px 10px;border:1px solid #ffffff32}}