.journal-hero{padding:74px 0 58px;background-color:var(--paper);background-image:linear-gradient(rgba(19,19,22,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(19,19,22,.035) 1px,transparent 1px);background-size:44px 44px}.journal-width{width:min(900px,calc(100% - 40px));margin-inline:auto}.journal-hero .journal-width{text-align:left}.journal-back{display:block;width:max-content;color:var(--muted);font-size:13px;margin-bottom:24px}.breadcrumbs{margin-bottom:24px;display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:var(--muted);font-size:12px}.breadcrumbs a:hover{color:var(--ink)}.breadcrumb-separator{width:6px;height:6px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}.breadcrumbs [aria-current]{color:var(--ink)}.journal-hero h1{max-width:850px;margin:16px 0 0;font-size:clamp(40px,5vw,56px);line-height:1.08;letter-spacing:-1.25px}.journal-hero .lede{max-width:720px;margin:20px 0 0;color:var(--muted);font-size:17px}.journal-count,.topic-pill,.meta-pill{display:inline-flex;align-items:center;width:max-content;max-width:100%;border:1px solid var(--line);border-radius:999px;background:#fff;color:#61616c;font-size:12px;font-weight:650;line-height:1.2}.journal-count{margin-top:24px;padding:8px 11px}.journal-list-section{padding:72px 0 110px;background:#fff;border-top:1px solid var(--line)}.journal-intro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;margin-bottom:42px}.journal-intro h2{margin:0;font-size:clamp(28px,4vw,40px);line-height:1.12;letter-spacing:-.8px}.journal-intro p{margin:0;color:var(--muted)}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.post-card{position:relative;min-width:0;padding:26px;display:flex;flex-direction:column;min-height:330px;border:1px solid var(--line);border-radius:12px;background:var(--paper);transition:border-color .18s,background .18s}.post-card:hover{border-color:#bdbdc6;background:#fff}.post-card:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:12px}.topic-pill{padding:6px 9px;color:#4f36b8;border-color:#ddd5ff;background:#f2efff}.post-card h2{margin:24px 0 0;font-size:27px;line-height:1.18;letter-spacing:-.5px}.post-card>p{margin:14px 0 0;color:var(--muted)}.post-link{margin-top:auto;padding-top:32px;display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:700}.post-link svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2}.article-hero{padding-bottom:48px}.article-meta{margin-top:24px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.meta-pill{padding:7px 10px}.article-main{padding:0 0 120px;background:#fff;border-top:1px solid var(--line)}.article-toc{position:relative;z-index:4;margin:0 0 48px;padding:25px 0;border-bottom:1px solid var(--line)}.article-toc-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.article-toc h2{margin:0;font-size:14px}.all-posts{color:var(--violet);font-size:13px;font-weight:700}.article-toc ol{margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;counter-reset:toc;list-style:none}.article-toc li{margin:0;counter-increment:toc}.article-toc a{display:grid;grid-template-columns:22px minmax(0,1fr);gap:7px;color:var(--muted);font-size:13px}.article-toc a::before{content:counter(toc,decimal-leading-zero);color:var(--faint);font-variant-numeric:tabular-nums}.article-toc a:hover{color:var(--ink)}.prose{color:#34343b;font-size:17px;line-height:1.82}.prose h2{margin:58px 0 16px;color:var(--ink);font-size:28px;line-height:1.25;letter-spacing:-.45px;scroll-margin-top:100px}.prose h3{margin:32px 0 12px;color:var(--ink);font-size:20px;line-height:1.35}.prose p{margin:0 0 18px}.prose ul,.prose ol{margin:0 0 22px;padding-left:24px}.prose li{margin:0 0 7px}.prose strong{color:var(--ink)}.prose a{color:#5134cf;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.prose table{width:100%;margin:28px 0 34px;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;font-size:14px}.prose th,.prose td{padding:13px 15px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.prose th{background:var(--paper);color:var(--ink);font-weight:700}.prose tr:last-child td{border-bottom:0}.prose .note-box{margin:30px 0;padding:20px 22px;border:1px solid #dcd6f5;border-radius:10px;background:#f7f5ff;color:#45404f}.article-cta{margin-top:64px;padding:30px;border:1px solid var(--dark-line);border-radius:12px;background:var(--dark);color:#fff}.prose .article-cta>h2{margin:0;color:#fff;font-size:28px}.prose .article-cta>p{margin:12px 0 0;color:#b8b8c1}.prose .article-cta a{color:#fff;text-decoration:none}.prose .article-cta strong{color:#fff}.prose .article-cta .product-copy span{color:#b3b3bd}.cta-options{margin-top:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-cta{min-width:0;padding:18px;display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;border:1px solid #393940;border-radius:10px;background:#1c1c20;color:#fff}.product-cta:hover{background:#25252a;color:#fff;border-color:#505058}.cta-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid #45454d;border-radius:9px;background:#242429}.cta-icon svg{width:23px;height:23px;margin:0;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.product-copy strong,.product-copy span{display:block}.product-copy span{margin-top:4px;color:#aaaab3;font-size:12px}.recommend-float{position:fixed;right:18px;bottom:18px;z-index:42;width:min(330px,calc(100% - 28px));padding:16px;display:grid;grid-template-columns:40px minmax(0,1fr) 28px;gap:12px;align-items:center;border:1px solid #38383f;border-radius:12px;background:#17171a;color:#fff}.recommend-float[hidden]{display:none}.float-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:9px;background:var(--violet)}.float-icon svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.float-copy strong,.float-copy span{display:block}.float-copy strong{font-size:13px}.float-copy span{margin-top:2px;color:#aaaab3;font-size:11px}.float-close{width:28px;height:28px;position:relative;border:0;border-radius:7px;background:#29292e;color:#fff}.float-close::before,.float-close::after{content:"";position:absolute;left:8px;top:13px;width:12px;height:1px;background:currentColor;transform:rotate(45deg)}.float-close::after{transform:rotate(-45deg)}.float-close:hover{background:#3a3a41;color:#fff}@media(max-width:760px){.journal-width{width:min(100% - 28px,900px)}.journal-hero{padding-top:56px}.journal-intro,.post-grid,.cta-options{grid-template-columns:minmax(0,1fr)}.journal-intro{gap:18px}.post-card{min-height:290px}.article-toc ol{grid-template-columns:minmax(0,1fr)}.article-toc-head{align-items:flex-start;flex-direction:column;gap:10px}.prose{font-size:16px}.prose h2{font-size:25px}.table-scroll{overflow-x:auto;touch-action:pan-x}.prose table{min-width:620px}.recommend-float{right:14px;bottom:14px}}@media(max-width:480px){.journal-hero h1{font-size:38px}.article-cta{padding:22px 16px}.recommend-float{grid-template-columns:36px minmax(0,1fr) 28px}.float-icon{width:36px;height:36px}}