.article-shell{width:100%;margin:0;padding:52px 0 96px}.article-back{display:inline-flex;margin-bottom:28px;color:#4b5563;font-size:.9rem;text-decoration:none}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}.article-main{min-width:0;max-width:840px}.article-aside{min-width:0;position:sticky;top:calc(var(--design-header-height,78px) + 18px);align-self:start;max-height:calc(100vh - var(--design-header-height,78px) - 36px);overflow:auto}.article-head{display:grid;gap:16px;margin-bottom:38px}.article-category{display:inline-flex;width:max-content;padding:6px 10px;border:2px solid #111;border-radius:999px;font-size:.78rem;font-weight:800;text-transform:uppercase}.article-head h1{margin:0;font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.4;letter-spacing:-.025em;color:#111}.article-description{margin:0;max-width:680px;color:#333;font-size:1.05rem;line-height:1.8}.article-meta{display:flex;gap:14px;flex-wrap:wrap;color:#777;font-size:.82rem}.article-cover{overflow:hidden;margin:0 0 42px;border:2px solid #111;border-radius:16px;background:#f5f5f5}.article-cover img{display:block;width:100%;max-height:480px;object-fit:cover}.article-toc{border:1px solid #dfe3e1;border-radius:14px;background:#fff}.article-toc-head{padding:14px 16px;border-bottom:1px solid #e7e9e8}.article-toc-head strong{font-size:.85rem}.article-toc ol{list-style:none;margin:0;padding:10px 14px 12px}.article-toc li{margin:0}.article-toc li.is-sub a{padding-left:14px;color:#69716d;font-size:.76rem}.article-toc a{display:grid;grid-template-columns:32px minmax(0,1fr);gap:7px;align-items:start;padding:8px 7px;color:#252a27;font-size:.79rem;line-height:1.5;text-decoration:none;border-radius:7px;transition:background .15s ease,color .15s ease}.article-toc-number{color:#6d7470;font-variant-numeric:tabular-nums;font-weight:800}.article-toc-text{min-width:0}.article-toc li.is-sub .article-toc-number{font-size:.72rem}.article-toc a:hover{background:#f5f7f6;color:#111}.article-toc a[aria-current=true]{background:#eef8ff;color:#111;font-weight:800;box-shadow:none}.article-toc-desktop{position:static;max-height:none;overflow:visible}.article-toc-mobile{display:none;margin:0 0 34px}.article-shell .article-body{font-size:1.125rem;line-height:1.9;color:#111;opacity:1!important;visibility:visible!important}.article-shell .article-body>*{opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important;animation:none!important}.article-shell .article-body [data-reveal]{opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important;animation:none!important}.article-shell .article-body h2{scroll-margin-top:110px;margin:2.7em 0 .95em;padding:16px 18px;border:2px solid #111;border-radius:10px;background:var(--tofu-blue);font-size:1.75rem;line-height:1.5;letter-spacing:-.01em;color:#111}.article-shell .article-body h3{scroll-margin-top:110px;margin:2.2em 0 .7em;padding:10px 12px;border:2px solid #111;border-radius:8px;background:var(--tofu-yellow-soft);font-family:inherit;font-size:1.25rem;font-weight:700;line-height:1.6;color:#111}.article-shell .article-body p{display:block;margin:1.25em 0;color:#111!important;-webkit-text-fill-color:#111;opacity:1!important;visibility:visible!important;font-size:1em;line-height:1.9}.article-shell .article-body ul,.article-shell .article-body ol{display:block;padding-left:1.5em;margin:1.35em 0;color:#111!important;-webkit-text-fill-color:#111;opacity:1!important;visibility:visible!important}.article-shell .article-body li{color:#111!important;-webkit-text-fill-color:#111;opacity:1!important;visibility:visible!important}.article-shell .article-body blockquote{display:block;margin:1.8em 0;padding:4px 0 4px 18px;border-left:4px solid #222;color:#333!important;-webkit-text-fill-color:#333;opacity:1!important;visibility:visible!important}.article-shell .article-body img{display:block;max-width:100%;margin:2.2em auto;border-radius:12px}.article-shell .article-body pre{overflow:auto;padding:18px;border-radius:12px;background:#111;color:#f5f5f5;line-height:1.65}.article-shell .article-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.article-shell .article-body :not(pre)>code{padding:.12em .35em;border-radius:5px;background:#f0f0f0;font-size:.9em}.article-shell .article-body a{text-decoration-thickness:1px;text-underline-offset:3px}@media(max-width:900px){.article-shell{width:min(760px,100%);margin:0 auto}.article-layout{grid-template-columns:1fr;gap:0}.article-aside{display:none}.article-toc-mobile{display:block}}@media(max-width:640px){.article-shell{width:calc(100% - 32px);padding-top:32px}.article-head h1{font-size:1.85rem;line-height:1.45}.article-description{font-size:1rem}.article-shell .article-body{font-size:1.05rem;line-height:1.9}.article-shell .article-body h2{font-size:1.6rem;line-height:1.55}.article-shell .article-body h3{font-size:1.22rem}.article-shell .article-body p{font-size:1em;line-height:1.9}.article-head{margin-bottom:30px}.article-cover{margin-bottom:32px}.article-toc-mobile{margin-bottom:30px}.article-toc-head{padding:13px 14px}.article-toc ol{padding:8px 12px 10px}.article-toc a{padding:7px 3px;font-size:.78rem}}