.article-page,.blog-page{--brand:var(--primary);--ink:var(--foreground);--ink-2:var(--muted-foreground);--bg:var(--background);--line:var(--border);--stock:var(--success);--pill:999px;--radius-sm:0.5rem;--radius:0.875rem;--radius-lg:1.125rem;--shadow-sm:0 1px 2px rgba(20,24,29,0.04),0 1px 3px rgba(20,24,29,0.05);--shadow:0 4px 14px -6px rgba(20,24,29,0.12),0 2px 6px -3px rgba(20,24,29,0.08);--shadow-lg:0 18px 40px -18px rgba(20,40,90,0.22),0 8px 18px -12px rgba(20,24,29,0.12);--shadow-brand:0 12px 26px -10px rgba(38,103,255,0.45)}@keyframes ex-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-up{animation:ex-up .5s cubic-bezier(.16,1,.3,1) both}.crumb{display:flex;align-items:center;gap:7px;font-size:13px;margin:4px 0 2px}.crumb,.crumb a{color:var(--ink-3)}.crumb a{transition:color .14s ease}.crumb a:hover{color:var(--brand-ink)}.crumb b{color:var(--ink-2);font-weight:600}.crumb svg{color:var(--ink-3);opacity:.7;flex:none}.blog-main-wrap{padding-top:4px}.blog-head{padding:6px 0 4px}.blog-head .eyebrow{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);margin-bottom:8px}.blog-head h1{font-size:34px;font-weight:800;letter-spacing:-.02em}.blog-head p{color:var(--ink-2);margin-top:10px;max-width:580px;font-size:15.5px;line-height:1.55}.bchips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 6px}.bchip{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:var(--pill);font-family:var(--font-display);font-weight:600;font-size:13.5px;background:var(--brand-soft);color:var(--brand-ink);transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .12s ease}.bchip:hover{background:var(--brand-soft-2)}.bchip:active{transform:translateY(1px)}.bchip.on{background:var(--brand);color:#fff;box-shadow:var(--shadow-brand)}.bchip .n{font-size:12px;font-weight:700;opacity:.62}.bchip.on .n{opacity:.85}.cat-pill{display:inline-flex;align-items:center;align-self:flex-start;gap:5px;padding:5px 11px;border-radius:var(--pill);background:var(--brand-soft);color:var(--brand-ink);font-family:var(--font-display);font-weight:700;font-size:11.5px;letter-spacing:.02em;transition:background .15s ease;cursor:pointer}a.cat-pill:hover{background:var(--brand-soft-2)}.byline{gap:9px;color:var(--ink-3);flex-wrap:wrap}.byline,.byline .av{display:flex;align-items:center;font-size:13px}.byline .av{width:34px;height:34px;border-radius:50%;flex:none;background:var(--brand-soft);color:var(--brand-ink);justify-content:center;font-weight:700;font-family:var(--font-display);overflow:hidden}.byline b{color:var(--ink);font-weight:600}.dot{color:var(--ink-3)}.feat{display:grid;grid-template-columns:1.15fr 1fr;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);margin:18px 0 40px}.feat-media{position:relative;min-height:360px;background:var(--brand-soft)}.feat-flag{position:absolute;top:18px;left:18px;z-index:2}.feat-body{padding:44px 46px;display:flex;flex-direction:column;justify-content:center}.feat-body h2{font-size:33px;font-weight:800;line-height:1.08;letter-spacing:-.02em;margin:16px 0 0;transition:color .15s ease}.feat-body h2 a{color:inherit}.feat-body h2 a:hover{color:var(--brand-ink)}.feat-ex{color:var(--ink-2);font-size:16px;line-height:1.6;max-width:470px;margin-top:14px}.feat-foot{margin-top:28px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.badge-best{gap:6px;font-size:12px;padding:6px 12px}.badge-best,.ex-cta{display:inline-flex;align-items:center;background:var(--brand);color:#fff;box-shadow:var(--shadow-brand);font-family:var(--font-display);font-weight:700;border-radius:var(--pill)}.ex-cta{gap:8px;font-size:14px;padding:11px 20px;transition:filter .15s ease,transform .12s ease}.ex-cta:hover{filter:brightness(1.06)}.ex-cta:active{transform:translateY(1px)}.ex-outline{display:inline-flex;align-items:center;gap:8px;background:var(--surface);color:var(--ink);border:1px solid var(--line);font-family:var(--font-display);font-weight:700;font-size:14px;padding:12px 22px;border-radius:var(--pill);transition:border-color .15s ease,color .15s ease}.ex-outline:hover{border-color:var(--brand);color:var(--brand-ink)}.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;align-items:start;padding-bottom:64px}.blog-page.no-side .blog-layout{grid-template-columns:1fr}.blog-main{min-width:0}.blog-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:20px}.blog-sec-head h3{font-size:22px;font-weight:700}.blog-sec-head .count{color:var(--ink-3);font-size:13.5px;white-space:nowrap}.blog-grid{display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.blog-page.no-side .blog-grid{grid-template-columns:repeat(3,1fr)}.blog-grid.is-horizontal{grid-template-columns:1fr}.bcard{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.bcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--brand-soft-2)}.bcard-media{position:relative;aspect-ratio:16/10;background:var(--brand-soft);display:block}.bcard-media-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-soft),var(--brand-soft-2))}.bcard-media-fallback span{font-family:var(--font-display);font-weight:800;font-size:40px;color:rgba(27,79,214,.32)}.read-pill{position:absolute;bottom:10px;right:10px;z-index:2;background:rgba(15,19,32,.74);color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-size:11px;font-weight:600;padding:4px 10px;border-radius:var(--pill)}.bcard-body{display:flex;flex-direction:column;gap:9px;padding:18px;flex:1}.bcard-title{font-family:var(--font-display);font-size:16.5px;font-weight:700;line-height:1.28;color:var(--ink);transition:color .15s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bcard-title a{color:inherit}.bcard:hover .bcard-title{color:var(--brand-ink)}.bcard-ex{font-size:13.5px;color:var(--ink-2);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bcard-meta{margin-top:auto;padding-top:6px;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-3);flex-wrap:wrap}.bcard-meta b{color:var(--ink-2);font-weight:600}.blog-more{margin-top:30px;display:flex;justify-content:center}.blog-empty{text-align:center;padding:56px 24px;color:var(--ink-3);border:1px dashed var(--line);border-radius:var(--radius);background:var(--surface-2)}.blog-empty .ic{width:60px;height:60px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.blog-side{position:sticky;top:140px;display:flex;flex-direction:column;gap:20px}.bmod{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.bmod-head{padding:17px 18px 0}.bmod-head h4{font-family:var(--font-display);font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px}.bmod-head h4 svg{color:var(--brand)}.bmod-body{padding:12px 18px 16px}.catlist{display:flex;flex-direction:column}.catlist li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 2px;font-size:14px;color:var(--ink-2);border-bottom:1px solid var(--line-2);transition:color .12s ease}.catlist li:last-child{border-bottom:none}.catlist a.catlist-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;color:inherit}.catlist li:hover{color:var(--brand-ink)}.catlist .n,.catlist li.on{color:var(--brand-ink);font-weight:700}.catlist .n{background:var(--brand-soft);font-size:11.5px;padding:2px 9px;border-radius:var(--pill)}.catlist li.on .n{background:var(--brand);color:#fff}.pop{display:flex;flex-direction:column}.pop-item{display:flex;gap:14px;padding:12px 2px;border-bottom:1px solid var(--line-2)}.pop-item:last-child{border-bottom:none}.pop-n{font-family:var(--font-display);font-weight:800;font-size:21px;color:var(--brand-soft-2);line-height:1;width:22px;flex:none;transition:color .12s ease}.pop-item:hover .pop-n{color:var(--brand)}.pop-title{font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pop-item:hover .pop-title{color:var(--brand-ink)}.pop-meta{margin-top:5px;font-size:12px;color:var(--ink-3)}.sb-note{font-size:12.5px;color:var(--ink-3);margin:0 0 8px}.sb{display:flex;flex-direction:column;gap:4px}.sb-item{display:flex;align-items:center;gap:12px;padding:9px;margin:0 -9px;border-radius:12px;transition:background .12s ease}.sb-item:hover,.sb-thumb{background:var(--bg)}.sb-thumb{position:relative;width:54px;height:54px;border-radius:10px;flex:none;overflow:hidden;border:1px solid var(--line-2)}.sb-info{flex:1;min-width:0}.sb-name{font-size:12.5px;font-weight:600;color:var(--ink);line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sb-add{width:36px;height:36px;border-radius:10px;flex:none;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.sb-add:hover{background:var(--brand);color:#fff}.sb-add:disabled{opacity:.6;cursor:default}.blog-page.compact .feat-body{padding:30px 32px}.blog-page.compact .feat-media{min-height:290px}.blog-page.compact .feat-body h2{font-size:28px}.blog-page.compact .feat{margin-bottom:28px}.blog-page.compact .blog-layout{gap:26px}.blog-page.compact .blog-grid{gap:14px}.blog-page.compact .bcard-body{padding:14px;gap:7px}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;background:transparent}.reading-progress-fill{height:100%;background:var(--brand);transition:width .1s linear;box-shadow:0 0 8px rgba(38,103,255,.5)}.article-wrap{padding-top:4px}.art-head{max-width:820px;padding:8px 0 4px}.art-head h1{font-size:40px;font-weight:800;line-height:1.08;letter-spacing:-.025em;margin:14px 0 0;text-wrap:balance}.art-sub{color:var(--ink-2);font-size:18px;line-height:1.55;margin-top:16px;max-width:680px}.art-byline{margin-top:22px}.art-hero{position:relative;margin:28px 0 8px;border:1px solid var(--line-2);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);aspect-ratio:2.4/1;background:var(--brand-soft)}.art-hero-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-soft),var(--brand-soft-2))}.art-hero-fallback span{font-family:var(--font-display);font-weight:800;font-size:64px;color:rgba(27,79,214,.3)}.art-layout{display:grid;grid-template-columns:232px minmax(0,1fr);gap:48px;align-items:start;padding:18px 0 8px}.article-page.no-toc .art-layout{grid-template-columns:1fr;justify-items:center}.art-toc-col{position:relative}.toc{position:sticky;top:150px}.toc-h{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px;padding-left:14px}.toc ul{display:flex;flex-direction:column;gap:1px;border-left:2px solid var(--line)}.toc li a{display:block;padding:7px 14px;font-size:13.5px;line-height:1.4;color:var(--ink-3);cursor:pointer;margin-left:-2px;border-left:2px solid transparent;transition:color .14s ease,border-color .14s ease}.toc li a:hover{color:var(--ink)}.toc li.on a{color:var(--brand-ink);font-weight:600;border-color:var(--brand)}.prose-rich{max-width:740px;width:100%;color:var(--ink-2);font-size:16.5px;line-height:1.72}.article-page.width-wide .prose-rich{max-width:880px}.prose-rich>*{scroll-margin-top:150px}.prose-rich h2{font-family:var(--font-display);font-size:25px;font-weight:700;color:var(--ink);letter-spacing:-.02em;line-height:1.2;margin:44px 0 14px;padding-top:4px}.prose-rich h2:first-child{margin-top:8px}.prose-rich h3{font-family:var(--font-display);font-size:19px;font-weight:700;color:var(--ink);margin:30px 0 10px}.prose-rich p{margin:0 0 18px}.prose-rich ol,.prose-rich ul{margin:0 0 20px;padding-left:4px;display:flex;flex-direction:column;gap:10px}.prose-rich li{position:relative;padding-left:28px}.prose-rich ul li:before{content:"";position:absolute;left:6px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--brand)}.prose-rich ol{counter-reset:li}.prose-rich ol li{counter-increment:li}.prose-rich ol li:before{content:counter(li);position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:var(--brand-soft);color:var(--brand-ink);font-family:var(--font-display);font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center}.prose-rich strong{color:var(--ink);font-weight:700}.prose-rich em{font-style:italic}.prose-link,.prose-rich a{color:var(--brand-ink);font-weight:600;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1.5px;text-decoration-color:var(--brand-soft-2);overflow-wrap:anywhere}.prose-link:hover,.prose-rich a:hover{text-decoration-color:var(--brand)}.prose-rich :not(pre)>code{font-family:var(--font-mono);font-size:14px;background:var(--brand-soft);color:var(--brand-ink);padding:2px 7px;border-radius:6px;font-weight:500;overflow-wrap:anywhere}.prose-rich blockquote{border-left:3px solid var(--brand-soft-2);padding:2px 0 2px 20px;margin:24px 0;font-style:italic;color:var(--ink-2)}.prose-rich img{max-width:100%;height:auto;border-radius:var(--radius);margin:24px 0}.prose-rich figure{margin:26px 0}.prose-rich figcaption{margin-top:10px;font-size:13px;color:var(--ink-3);text-align:center}.art-table-wrap{margin:24px 0;overflow-x:auto;border:1px solid var(--line-2);border-radius:var(--radius-sm)}.art-table-wrap table{width:100%;border-collapse:collapse;font-size:14.5px}.art-table-wrap th{background:var(--brand-soft);color:var(--brand-ink);font-family:var(--font-display);font-weight:700;text-align:left;padding:12px 16px}.art-table-wrap td{padding:12px 16px;border-top:1px solid var(--line-2);color:var(--ink-2)}.art-table-wrap td:first-child{font-weight:600;color:var(--ink);white-space:nowrap}.callout{display:flex;gap:14px;padding:16px 18px;border-radius:var(--radius);margin:24px 0;border:1px solid var(--line-2);background:var(--surface-2)}.callout-ic{width:36px;height:36px;border-radius:10px;flex:none;display:flex;align-items:center;justify-content:center}.callout-body b{display:block;font-family:var(--font-display);font-size:13px;font-weight:700;margin-bottom:3px;letter-spacing:.01em}.callout-body p{margin:0!important;font-size:15px;line-height:1.6;color:var(--ink-2)}.callout--note{background:var(--brand-soft);border-color:var(--brand-soft-2)}.callout--note .callout-ic{background:#fff;color:var(--brand)}.callout--note .callout-body b{color:var(--brand-ink)}.callout--tip{background:var(--stock-soft);border-color:#cdeede}.callout--tip .callout-ic{background:#fff;color:var(--stock)}.callout--tip .callout-body b{color:var(--stock)}.callout--warn{background:#fff7e8;border-color:#ffe6b8}.callout--warn .callout-ic{background:#fff;color:#c2730a}.callout--warn .callout-body b{color:#c2730a}.codeblock{margin:24px 0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid #0b0e18}.cb-head{display:flex;align-items:center;gap:12px;padding:11px 14px;background:#151a2b;border-bottom:1px solid #232a40}.cb-dots{display:flex;gap:6px}.cb-dots i{width:11px;height:11px;border-radius:50%;background:#2e3650}.cb-file{font-family:var(--font-mono);font-size:12.5px;color:#8b95ad;font-weight:500}.cb-copy{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:12px;font-weight:600;color:#aeb8d0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:6px 11px;border-radius:var(--pill);transition:background .14s ease,color .14s ease}.cb-copy:hover{background:rgba(255,255,255,.12);color:#fff}.cb-copy.done{color:#6fe39a}.cb-pre{margin:0;background:#0f1320;padding:16px 0;overflow-x:auto}.cb-pre code{font-family:var(--font-mono);font-size:13.5px;line-height:1.7;display:block}.cb-line{display:flex;padding:0 18px}.cb-line:hover{background:rgba(255,255,255,.03)}.cb-ln{flex:none;width:30px;text-align:right;padding-right:18px;color:#444d68;-webkit-user-select:none;user-select:none}.cb-code{white-space:pre;color:#c7cedd}.cb-code .hljs-comment,.cb-code .hljs-quote{color:#5d6a85;font-style:italic}.cb-code .hljs-meta,.cb-code .hljs-meta-keyword{color:#d98fb0}.cb-code .hljs-meta .hljs-string,.cb-code .hljs-regexp,.cb-code .hljs-string,.cb-code .hljs-symbol{color:#9be3a8}.cb-code .hljs-literal-number,.cb-code .hljs-number{color:#ffcf8f}.cb-code .hljs-keyword,.cb-code .hljs-name,.cb-code .hljs-selector-tag,.cb-code .hljs-tag,.cb-code .hljs-type{color:#7aa2ff}.cb-code .hljs-section,.cb-code .hljs-title,.cb-code .hljs-title.function_{color:#b59cff}.cb-code .hljs-attr,.cb-code .hljs-attribute,.cb-code .hljs-built_in,.cb-code .hljs-literal,.cb-code .hljs-variable.constant_{color:#5fd0e6}.cb-code .hljs-params,.cb-code .hljs-property,.cb-code .hljs-variable{color:#c7cedd}.cb-code .hljs-deletion{color:#ff9aa2}.cb-code .hljs-addition{color:#9be3a8}.art-embed{position:relative;aspect-ratio:16/9;margin:24px 0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line-2);background:#000}.art-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.pinl{margin:24px 0;border:1px solid var(--line-2);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.pinl-tag{display:block;background:var(--brand-soft);color:var(--brand-ink);font-family:var(--font-display);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:7px 16px}.pinl-row{display:flex;align-items:center;gap:16px;padding:14px 16px}.pinl-thumb{position:relative;width:64px;height:64px;border-radius:12px;flex:none;overflow:hidden;background:var(--bg);border:1px solid var(--line-2)}.pinl-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.pinl-brand{font-size:11px;font-weight:700;color:var(--brand);text-transform:uppercase;letter-spacing:.04em}.pinl-name{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--ink);line-height:1.3}.pinl-name:hover{color:var(--brand-ink)}.pinl-buy{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:none}.pinl-add{display:inline-flex;align-items:center;gap:7px;background:var(--brand);color:#fff;font-family:var(--font-display);font-weight:700;font-size:13px;padding:8px 15px;border-radius:var(--pill);box-shadow:var(--shadow-brand);transition:filter .15s ease}.pinl-add:hover{filter:brightness(1.06)}.pinl-add:disabled{opacity:.65}.pinl-add.done{background:var(--stock)}.pinl-amazon{font-family:var(--font-display);font-weight:600;font-size:12px;color:var(--ink-3);text-decoration:underline;text-underline-offset:2px;transition:color .14s ease}.pinl-amazon:hover{color:var(--brand-ink)}.buy-card{margin:24px 0;border:1px solid var(--line-2);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.buy-card-tag{display:block;background:var(--brand-soft);color:var(--brand-ink);font-family:var(--font-display);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:7px 16px}.buy-card-body{padding:16px}.buy-card-title{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--ink);margin-bottom:12px}.buy-card-ctas{display:flex;flex-wrap:wrap;gap:10px}.buy-card-ctas .ex-cta,.buy-card-ctas .ex-outline{font-size:13px;padding:10px 18px}.art-tags{display:flex;flex-wrap:wrap;gap:8px;margin:34px 0 0;padding-top:26px;border-top:1px solid var(--line)}.art-tag{background:var(--bg);color:var(--ink-2);border:1px solid var(--line-2);font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:var(--pill)}.author-card{display:flex;gap:16px;align-items:flex-start;margin-top:26px;padding:22px;background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--radius)}.author-av{width:52px;height:52px;border-radius:50%;flex:none;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:18px;box-shadow:var(--shadow-brand)}.author-by{font-size:12px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.author-card b{display:block;font-family:var(--font-display);font-size:16px;margin:2px 0 6px}.author-card p{font-size:14px;color:var(--ink-2);line-height:1.55;margin:0;max-width:460px}.parts{margin:56px 0 8px;padding:30px 32px;border-radius:var(--radius-lg);background:linear-gradient(120deg,#eef3ff,#f6f9ff);border:1px solid var(--line-2)}.parts-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.parts-head h2{font-size:24px;font-weight:800}.parts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.part{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.part:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--brand-soft-2)}.part-thumb{position:relative;width:100%;aspect-ratio:16/11;border-radius:10px;overflow:hidden;background:var(--bg);border:1px solid var(--line-2)}.part-info{display:flex;flex-direction:column;gap:5px;flex:1}.part-brand{font-size:11px;font-weight:700;color:var(--brand);text-transform:uppercase;letter-spacing:.04em}.part-name{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--ink);line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.part-name:hover{color:var(--brand-ink)}.part-foot{justify-content:space-between;gap:10px;margin-top:2px}.part-add,.part-foot{display:flex;align-items:center}.part-add{width:38px;height:38px;border-radius:10px;flex:none;background:var(--brand-soft);color:var(--brand);justify-content:center;transition:background .15s ease,color .15s ease}.part-add:hover{background:var(--brand);color:#fff}.part-add:disabled{opacity:.6}.art-related{margin:56px 0 8px}.art-related>h2{font-size:24px;font-weight:800;margin-bottom:22px}.art-related .blog-grid{grid-template-columns:repeat(2,1fr)}.article-page.compact .art-head h1{font-size:34px}.article-page.compact .prose-rich{font-size:15.5px;line-height:1.66}.article-page.compact .prose-rich h2{margin-top:34px;font-size:22px}.article-page.compact .art-layout{gap:36px}.article-page.compact .parts{padding:24px}@media (max-width:1100px){.blog-layout,.blog-page.no-side .blog-layout{grid-template-columns:1fr}.blog-side{position:static;flex-direction:row;flex-wrap:wrap}.blog-side .bmod{flex:1 1 280px}.blog-grid,.blog-page.no-side .blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1000px){.art-layout,.article-page.no-toc .art-layout{grid-template-columns:1fr}.art-toc-col{display:none}.prose-rich{max-width:720px;margin:0 auto}}@media (max-width:760px){.feat{grid-template-columns:1fr}.feat-media{min-height:220px}.feat-body{padding:28px 24px}.feat-body h2{font-size:25px}.blog-head h1{font-size:27px}.art-head h1{font-size:30px}.art-sub{font-size:16px}.art-hero{aspect-ratio:16/10}.prose-rich{font-size:16px}.parts-grid{grid-template-columns:1fr}.parts{padding:22px}}@media (max-width:560px){.blog-grid,.blog-page.no-side .blog-grid{grid-template-columns:1fr}.blog-side{flex-direction:column}.feat-body{padding:24px 20px}.art-head h1{font-size:26px}.pinl-row{flex-wrap:wrap}.pinl-buy{flex-direction:row;align-items:center;width:100%;justify-content:space-between}.art-related .blog-grid{grid-template-columns:1fr}}