.blog-main{min-height:70vh;padding-bottom:54px}.blog-intro{max-width:740px;padding:60px 0 42px}.blog-intro h1{letter-spacing:-.8px;text-wrap:balance;margin:20px 0 22px;font-size:clamp(43px,5vw,60px);line-height:1.15}.blog-intro>p:last-child{color:var(--muted);max-width:560px;font-size:22px}.notebook-highlight{background:linear-gradient(var(--yellow), var(--yellow)) 0 89% / 100% 36% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-inline:3px}.blog-list-heading{letter-spacing:1.6px;color:var(--muted);border-bottom:1px dashed #9ba8a3;justify-content:space-between;gap:12px;padding-bottom:13px;font:10px/1.6 ui-monospace,monospace;display:flex}.post-card{border-bottom:1px dashed #abb4aa;border-radius:2px;grid-template-columns:32px minmax(0,1fr) 32px;align-items:start;gap:18px;padding:31px 12px 31px 0;transition:background-color .2s,transform .2s,box-shadow .2s;display:grid;position:relative}.post-card:before{content:"";background:var(--blue);transform-origin:top;border-radius:2px;width:3px;transition:transform .25s;position:absolute;top:31px;bottom:31px;left:-14px;transform:scaleY(0)}.post-card:hover,.post-card:focus-visible{background:#f1eddf90}.post-card:hover:before,.post-card:focus-visible:before{transform:scaleY(1)}.post-card:focus-visible{outline-offset:2px;outline:2px dashed #326a96}.post-card h2{background:linear-gradient(var(--blue), var(--blue)) 0 92% / 0 30% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .3s;display:inline}.post-card:hover h2,.post-card:focus-visible h2{background-size:100% 30%}.post-card-copy>h2+p,.post-card-copy>p{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:12px;display:-webkit-box;overflow:hidden}.post-card-arrow{transition:transform .2s,color .2s}.post-card:hover .post-card-arrow{color:#326a96;transform:translate(3px,-3px)}.post-number{letter-spacing:1px;color:#747d7b;padding-top:3px;font:11px/1.5 ui-monospace,monospace;transition:color .2s}.post-card:hover .post-number{color:#326a96}.post-meta>span[aria-hidden]{opacity:.6}@media (prefers-reduced-motion:reduce){.post-card,.post-card:before,.post-card h2,.post-card-arrow,.post-read svg{transition:none}}.post-meta{color:var(--muted);align-items:center;gap:10px;margin-bottom:11px;font-size:16px;display:flex}.post-card h2{text-wrap:pretty;overflow-wrap:anywhere;margin:11px 0 0;font-size:34px;line-height:1.25}.post-card-copy>p{max-width:650px;color:var(--muted);font-size:20px;line-height:1.6}.post-tags{flex-wrap:wrap;gap:8px;margin:17px 0 0;padding:0;list-style:none;display:flex}.post-tags li{clip-path:polygon(1% 5%,99% 0,98% 95%,0 100%);overflow-wrap:anywhere;background:#e8e9df;max-width:100%;padding:2px 10px;font-size:15px;line-height:1.6}.post-tags li:nth-child(2n){background:#e1eaf0}.post-read{border-bottom:1px dashed #8aa2a8;align-items:center;gap:8px;margin-top:19px;font-size:17px;display:inline-flex}.post-read svg{transition:transform .2s}.post-card:hover .post-read svg{transform:translate(4px)}.post-card-arrow{color:#6f8984;margin-top:34px}.blog-endnote{color:var(--muted);align-items:center;gap:12px;padding-top:32px;font-size:18px;display:flex}.blog-endnote>span{color:#6c8c9c;font-size:29px}.blog-endnote a{white-space:nowrap}.blog-endnote svg{vertical-align:-2px;display:inline}.blog-empty{text-align:center;background:#fcfaf480;border:1px dashed #9ba8a3;padding:48px 22px}.blog-empty>svg{color:#607e8d;margin:0 auto 18px;display:block}.blog-empty h2{margin-bottom:12px}.blog-empty p{color:var(--muted)}.post-page{max-width:740px;margin-inline:auto;padding-top:30px}.post-back{align-items:center;gap:8px;font-size:17px;display:inline-flex}.post-header{border-bottom:1px dashed #9ba8a3;margin-bottom:31px;padding:36px 0 30px}.post-header h1{letter-spacing:-.7px;text-wrap:pretty;overflow-wrap:anywhere;margin:18px 0;font-size:clamp(39px,4.8vw,58px);line-height:1.15}.post-description{color:var(--muted);font-size:23px;line-height:1.5}.post-byline{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px;font-size:17px;display:flex}.post-byline .profile-avatar{width:34px;height:34px}.post-reading{align-items:center;gap:5px;margin-left:auto;display:inline-flex}.post-updated{color:var(--muted);margin-top:12px;font-size:15px}.post-prose{overflow-wrap:anywhere;font-size:22px;line-height:1.75}.post-prose>*+*{margin-top:22px}.post-prose h1,.post-prose h2,.post-prose h3,.post-prose h4{margin-top:36px;line-height:1.3}.post-prose h1{letter-spacing:0;font-size:38px}.post-prose h2{font-size:34px}.post-prose h3{font-size:29px}.post-prose h4{font-size:25px}.post-prose strong{font-weight:600}.post-prose a{text-underline-offset:4px;-webkit-text-decoration:underline #83a7c0;text-decoration:underline #83a7c0;text-decoration-thickness:1px}.post-prose a:hover{background:#b0d4f180}.post-prose ul,.post-prose ol{padding-left:25px}.post-prose li+li{margin-top:8px}.post-prose li>p+p{margin-top:12px}.post-prose li ul,.post-prose li ol{margin-top:8px}.post-prose ul{list-style-type:disc}.post-prose ol{list-style-type:decimal}.post-prose .contains-task-list{padding-left:4px;list-style-type:none}.post-prose input[type=checkbox]{accent-color:#517d97;margin-right:7px}.post-prose blockquote{border-left:4px solid var(--blue);background:#e7ecedb0;margin-left:0;margin-right:0;padding:12px 22px;font-style:italic}.post-prose blockquote>*+*{margin-top:12px}.post-prose code{background:#e7e7dd;border-radius:3px;padding:3px 5px;font:.67em/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.post-prose pre{background:#eeeae0;border:1px solid #cbd2c8;border-radius:4px;max-width:100%;padding:20px;line-height:1.6;overflow-x:auto}.post-prose pre code{white-space:pre;background:0 0;border-radius:0;padding:0;font-size:14px}.post-table-scroll{max-width:100%;overflow-x:auto}.post-table-scroll:focus-visible{outline-offset:4px;outline:2px dashed #326a96}.post-prose table{border-collapse:collapse;background:#fcfaf4;width:100%;font-size:19px}.post-prose th,.post-prose td{border:1px solid #cbd2c8;min-width:120px;padding:10px 15px}.post-prose th{text-align:left;background:#e7e7dd}.post-prose img{border:1px solid #d1d1c4;max-width:100%;height:auto;margin:26px auto;display:block}.post-prose hr{border:0;border-top:1px dashed #9ba8a3;margin-block:32px}.post-signoff{background:#ece8d8;border-radius:2px;justify-content:space-between;align-items:flex-start;gap:24px;margin-top:42px;padding:26px 24px 10px;display:flex}.post-signoff>div:first-child>p:last-child{margin-top:10px;font-size:19px}.post-signoff .copy-wrap{min-width:0;margin-top:14px}.post-signoff .domain-copy{white-space:nowrap;font-size:17px}.post-pagination{border-top:1px dashed #9ba8a3;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;margin-top:30px;padding-top:25px;display:grid}.post-pagination a{overflow-wrap:anywhere;flex-direction:column;gap:8px;display:flex}.post-pagination a:last-child{text-align:right;align-items:flex-end}.post-pagination a>span{color:var(--muted);align-items:center;gap:6px;font-size:15px;display:inline-flex}.post-pagination strong{font-family:var(--font-heading), cursive;font-size:24px;font-weight:400;line-height:1.3}.post-pagination a:hover strong{text-underline-offset:4px;-webkit-text-decoration:underline #83a7c0;text-decoration:underline #83a7c0}@media (max-width:560px){.blog-main{padding-bottom:36px}.blog-intro{padding:37px 0 30px}.blog-intro h1{font-size:42px}.blog-intro>p:last-child{font-size:21px}.post-card{grid-template-columns:minmax(0,1fr);gap:0;padding:25px 0}.post-card h2{font-size:29px}.post-number,.post-card-arrow,.post-card:before{display:none}.post-card-copy>p{font-size:19px}.post-meta{font-size:15px}.blog-list-heading{font-size:9px}.blog-endnote{font-size:17px}.post-page{padding-top:23px}.post-header{margin-bottom:25px;padding-top:27px;padding-bottom:25px}.post-header h1{font-size:39px}.post-description{font-size:21px}.post-byline{gap:8px;font-size:16px}.post-reading{flex-basis:100%;margin:0}.post-prose{font-size:21px;line-height:1.7}.post-prose h2{font-size:30px}.post-prose h3{font-size:27px}.post-prose pre{padding:14px}.post-prose pre code{font-size:12px}.post-prose blockquote{padding-inline:15px}.post-signoff{flex-direction:column;gap:0;padding:24px 18px 10px}.post-pagination{gap:18px}.post-pagination strong{font-size:22px}}