.article-main{flex:1;max-width:69rem;padding-block:42px 80px}reading-tracker{display:grid;grid-template-columns:minmax(0,43rem) minmax(0,12rem);gap:5rem}.article-column{min-width:0}.article-header{padding-bottom:30px;border-bottom:1px solid var(--color-border);margin-bottom:36px}.back-link{display:inline-flex;align-items:center;gap:10px;color:var(--color-text-muted);font-size:12px;padding-block:8px;margin-bottom:32px}.back-link>.arrow{transform:rotate(180deg);width:12px}.back-link:hover{color:var(--color-text)}.article-meta{display:flex;flex-wrap:wrap;gap:8px 24px;color:var(--color-text-muted);font-size:11px;font-variant-numeric:tabular-nums;margin-bottom:17px}.article-title{font-size:clamp(28px,3.1vw,42px);font-weight:400;letter-spacing:-.045em;line-height:1.22;text-wrap:pretty;overflow-wrap:anywhere}.article-tags{display:flex;flex-wrap:wrap;gap:5px 16px;list-style:none;padding:0;color:var(--color-text-muted);font-size:10px;margin-top:24px}.article-tags li{padding-block:3px}.article-sidebar{min-width:0;padding-top:96px}.sticky-outline{position:sticky;top:36px;max-height:calc(100svh - 72px);overflow-y:auto;scrollbar-width:thin;padding:4px 8px 8px 3px}.sticky-outline>.eyebrow{margin-bottom:18px}.article-outline ol{list-style:none;padding:0}.article-outline li{padding:0;margin:0}.article-outline .outline-nested{margin-left:12px}.outline-link{display:block;padding:6px 0 6px 12px;border-left:1px solid #38534121;color:#5a6c60;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.outline-link:hover{color:#163c29}.outline-link[aria-current]{border-left-color:#365d46;color:#193b28;background:#dce6d84d}.mobile-outline{display:none}.article-body{font-size:15px;line-height:1.9;color:#304638;overflow-wrap:anywhere}.article-body>:first-child{margin-top:0}.article-body :is(h2,h3,h4,h5,h6){color:#213e2b;font-weight:500;letter-spacing:-.025em;line-height:1.45;scroll-margin-top:36px}.article-body h2{font-size:24px;margin:52px 0 20px}.article-body h3{font-size:19px;margin:36px 0 16px}.article-body :is(h4,h5,h6){font-size:16px;margin:30px 0 14px}.article-body :is(h2,h3,h4,h5,h6) strong{font-weight:inherit}.article-body :is(h2,h3,h4,h5,h6)>a{color:inherit;text-decoration:none}.article-body :is(h2,h3,h4,h5,h6)>a:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.article-body p{margin-block:0 22px}.article-body strong{font-weight:600;color:#203e2a}.article-body a{color:#235a3a;text-decoration:underline;text-decoration-color:#5a84696b;text-underline-offset:3px;text-decoration-thickness:1px}.article-body a:hover{text-decoration-color:currentColor}.article-body :not(pre)>code{font-family:var(--font-mono);font-size:.85em;line-height:inherit;padding:.15em .32em;background:#dce5d9;color:#244f33;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.article-body :is(ul,ol){margin-block:0 24px;padding-left:24px}.article-body li{padding-left:3px;margin-block:7px}.article-body li::marker{color:#5e7a65}.article-body li>:is(ul,ol){margin-block:8px}.article-body li>p{margin-block:8px}.article-body blockquote{margin-block:28px;border-left:2px solid #87a48b;padding:3px 0 3px 22px;color:#4b6252;font-size:14px}.article-body blockquote>:last-child{margin-bottom:0}.article-body hr{border:0;border-top:1px solid var(--color-border);margin-block:40px}.article-body img{display:block;width:auto;max-height:44rem;object-fit:contain;margin-block:28px;border-radius:4px}.article-body figure{margin-block:28px}.article-body figure img{margin-block:0}.article-body figcaption{font-size:12px;color:var(--color-text-muted);margin-top:10px}.table-scroll{width:100%;overflow-x:auto;scrollbar-width:thin;margin-block:28px;border:1px solid var(--color-border);border-radius:4px;background:#f6f8f054}.article-body table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;line-height:1.75}.article-body th{background:#dce5d77d;font-weight:500;color:#284a33}.article-body :is(th,td){padding:12px 16px;border-bottom:1px solid var(--color-border);min-width:130px;vertical-align:top}.article-body tr:last-child td{border-bottom:0}.article-body input[type=checkbox]{accent-color:#4a7657;margin-right:7px}.article-body>pre{overflow:auto;max-height:34rem;padding:18px;background:#182820;color:#e0eade;font:12px/1.7 var(--font-mono);border-radius:6px}.article-body .expressive-code{margin-block:28px;min-width:0;overflow-wrap:normal}.article-body .expressive-code pre{max-height:min(36rem,70svh);scrollbar-width:thin;scrollbar-color:#6f8977 #182820;overscroll-behavior-inline:contain}.article-body .expressive-code .copy button{width:28px;height:28px;border-radius:4px}.article-body .expressive-code .copy button:after{margin:0;-webkit-mask-size:14px 14px;mask-size:14px 14px;-webkit-mask-position:center;mask-position:center}.article-body .expressive-code .copy button:focus-visible,.article-body .expressive-code pre:focus-visible{outline-color:#c3dbc8;outline-offset:-3px}.article-body .expressive-code .copy .feedback{font-size:11px;line-height:1.6}.article-body .expressive-code .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.related-posts{margin-top:64px;padding-top:30px;border-top:1px solid var(--color-border)}.related-posts>h2{margin-bottom:18px}.related-row{display:flex;justify-content:space-between;gap:24px;padding-block:20px;border-bottom:1px solid var(--color-border)}.related-row:last-child{border-bottom:0}.related-row h3{font-size:14px;font-weight:400;line-height:1.65;letter-spacing:-.15px}.related-row time{display:block;margin-top:7px;color:var(--color-text-muted);font-size:10px}.related-row>.arrow{margin-top:5px}.related-row:hover h3{text-decoration:underline;text-underline-offset:4px}.reading-progress{position:fixed;inset:0 0 auto;height:2px;z-index:50;pointer-events:none}.reading-progress>span{display:block;height:100%;background:linear-gradient(90deg,#94a5c6,#ad8ca9 45%,#507b5f);transform:scaleX(0);transform-origin:left}.reading-top{display:grid;place-items:center;position:fixed;bottom:max(20px,env(safe-area-inset-bottom));right:max(20px,env(safe-area-inset-right));z-index:10;width:40px;height:40px;border:1px solid #7b938159;border-radius:50%;background:#eff2e9eb;box-shadow:0 3px 16px #29402e0d}.reading-top svg{width:17px;height:17px}.reading-top:hover{background:#dce8d9}@media(max-width:1100px){.article-main{max-width:43rem}reading-tracker{display:block}.article-sidebar{display:none}.mobile-outline{display:block;margin:-12px 0 32px;padding-block:16px;border-bottom:1px solid var(--color-border)}.mobile-outline summary{display:flex;align-items:center;justify-content:space-between;list-style:none;min-height:40px;cursor:pointer;font-size:12px;color:var(--color-text-muted)}.mobile-outline summary::-webkit-details-marker{display:none}.mobile-outline summary>span{font-size:17px}.mobile-outline[open] summary>span{transform:rotate(45deg)}.mobile-outline .article-outline{margin-top:20px;max-height:45svh;overflow-y:auto;padding-inline:2px 8px}.outline-link{font-size:12px;padding-block:8px}}@media(max-width:600px){.article-main{padding-block:25px 55px}.article-header{margin-bottom:30px;padding-bottom:24px}.back-link{margin-bottom:22px}.article-title{font-size:29px;line-height:1.28}.article-tags{gap:3px 12px;font-size:9px;margin-top:20px}.article-body{font-size:14px;line-height:1.9}.article-body h2{font-size:22px;margin-top:40px}.article-body h3{font-size:18px}.article-body blockquote{padding-left:16px;font-size:13px}.article-body :is(th,td){padding:10px 12px}.related-posts{margin-top:45px}.reading-top{width:44px;height:44px;right:14px;bottom:max(14px,env(safe-area-inset-bottom))}}@media(pointer:coarse){.article-body .expressive-code .copy button{width:40px;height:40px}.article-body .expressive-code .copy button:before,.article-body .expressive-code .copy button>div{inset:6px}}