.blog-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.blog-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--paper);flex-direction:column;gap:8px;padding-bottom:20px;transition:border-color .15s;display:flex;position:relative;overflow:hidden}.blog-card:hover{border-color:var(--accent)}.blog-card:has(.blog-card-link:focus-visible){border-color:var(--accent)}.blog-card:has(.blog-card-link:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.blog-card>img{aspect-ratio:1200/630;border-bottom:1px solid var(--line);width:100%;height:auto;margin-bottom:8px;display:block}.blog-card>:not(img){margin-inline:18px}.blog-card-meta{color:var(--muted);letter-spacing:.02em;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.blog-card-meta p{font-size:inherit;margin:0;line-height:1.4}.blog-card h2{letter-spacing:-.015em;text-wrap:balance;font-size:1.15rem;line-height:1.25}.blog-card-link{color:var(--ink);outline:none;text-decoration:none}.blog-card-link:after{content:"";position:absolute;inset:0}.blog-card:hover .blog-card-link{text-underline-offset:4px;text-decoration:underline}.blog-card .blog-share-link{z-index:1;position:relative}.blog-card>p{-webkit-line-clamp:3;color:#4b5046;text-wrap:pretty;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.blog-share-link{border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;white-space:nowrap;cursor:pointer;border-radius:6px;flex:none;align-items:center;gap:6px;padding:4px 9px;font-size:12px;line-height:1.4;display:inline-flex;position:relative}.blog-share-link:hover{border-color:var(--accent)}.blog-article{width:min(952px,90%);margin:0 auto;padding-top:clamp(40px,6vw,80px)}.blog-head{max-width:760px}.blog-head h1{letter-spacing:-.04em;text-wrap:balance;margin:18px 0 0;font-size:clamp(2.3rem,5vw,3.5rem);line-height:1.05}.blog-dek{letter-spacing:-.01em;color:#4b5046;text-wrap:pretty;margin-top:20px;font-size:1.2rem;line-height:1.5}.blog-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;font-size:13px;display:flex}.blog-meta p{font-size:inherit;margin:0;line-height:1.4}.blog-meta-name{color:var(--ink);font-weight:600}.blog-meta .blog-share-link{margin-left:6px}.blog-avatar{object-fit:cover;border-radius:50%;flex:none}.blog-cover{aspect-ratio:1200/630;border:1px solid var(--line);border-radius:var(--radius-card);width:100%;height:auto;margin-top:40px;display:block}.blog-layout{grid-template-columns:minmax(0,200px) minmax(0,680px);justify-content:space-between;gap:72px;margin-top:56px;display:grid}.blog-toc{align-self:start;font-size:13px;position:sticky;top:96px}.blog-toc-nav ol{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.blog-toc-nav a{border-left:2px solid var(--line);color:var(--muted);padding-left:12px;line-height:1.35;text-decoration:none;display:block}.blog-toc-nav a:hover{color:var(--ink)}.blog-toc-nav a[aria-current=location]{color:var(--ink);border-left-color:var(--accent);font-weight:600}.blog-main{min-width:0}.blog-prose{text-wrap:pretty;font-size:1.0625rem;line-height:1.75}.blog-prose>p,.blog-prose>blockquote{margin:0 0 1.15em}.blog-prose em{letter-spacing:normal;color:var(--ink);background:linear-gradient(transparent 52%, var(--butter) 52%, var(--butter) 92%, transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .12em;font-style:italic;font-weight:600}.blog-prose strong{font-weight:650}.blog-prose a{color:var(--accent);text-underline-offset:3px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px}.blog-prose a:hover{color:var(--ink);text-decoration-thickness:2px}.blog-prose h2{letter-spacing:-.02em;text-wrap:balance;margin:2.6em 0 .8em;scroll-margin-top:96px;font-size:1.55rem;line-height:1.2}.blog-prose blockquote{border-left:2px solid var(--accent);margin:1.8em 0;padding:4px 0 4px 1.2em;font-size:1.2rem;line-height:1.5}.blog-prose blockquote p{margin:0}.blog-punch{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.3rem,2.4vw,1.75rem);font-weight:500;line-height:1.3;margin:2em 0!important}.blog-figure{margin:2em 0}.blog-figure img{border:1px solid var(--line);border-radius:var(--radius-card);width:100%;height:auto;display:block}.blog-capture img{width:auto;max-width:100%;max-height:640px;margin-inline:auto}.blog-capture figcaption{color:var(--muted);text-align:center;margin-top:10px;font-size:13px;line-height:1.5}.blog-stats{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--paper);margin:2em 0;padding:22px 24px}.blog-stats figcaption{letter-spacing:.04em;color:var(--muted);text-transform:uppercase;font-size:12px}.blog-stats ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;margin:14px 0 0;padding:0;list-style:none;display:grid}.blog-stats li{gap:2px;display:grid}.blog-stats strong{letter-spacing:-.03em;font-size:1.9rem;font-weight:500;line-height:1.1}.blog-stats span{color:var(--muted);font-size:13px}.blog-signoff{margin-top:2.4em;font-weight:500}.blog-signoff span{display:block}.blog-after{margin-top:2.4em}.blog-share{display:inline-block;position:relative}.blog-share-button{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;align-items:center;gap:8px;padding:9px 14px;font-size:13px;display:inline-flex}.blog-share-button:hover{border-color:var(--accent)}.blog-share-menu{z-index:20;border:1px solid var(--line);background:var(--paper);border-radius:6px;flex-direction:column;min-width:240px;display:flex;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 12px 32px #20201e1f}.blog-share-menu a,.blog-share-menu button{color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:12px 16px;font-size:14px;text-decoration:none;display:flex}.blog-share-menu a:hover,.blog-share-menu button:hover{background:var(--cream)}.blog-author{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--paper);margin:3.2em 0 2em;padding:22px 24px}.blog-author-body{align-items:flex-start;gap:18px;margin-top:14px;display:flex}.blog-author-name{align-items:center;gap:8px;font-weight:600;display:flex}.blog-linkedin{border-radius:3px;display:inline-flex}.blog-linkedin:hover{opacity:.8}.blog-author-body p{margin:0 0 6px}.blog-end{margin-bottom:40px;display:inline-flex}.blog-progress{z-index:50;background:var(--accent);transform-origin:0;pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}@media (max-width:1180px){.blog-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1050px){.blog-layout{grid-template-columns:minmax(0,680px);justify-content:center;gap:40px;margin-top:40px}.blog-toc{border-bottom:1px solid var(--line);padding-bottom:32px;font-size:15px;position:static}.blog-toc-nav ol{gap:2px;margin-top:16px}.blog-toc-nav a{padding-block:8px}}@media (max-width:860px){.blog-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.blog-stats ul{grid-template-columns:1fr}}@media (max-width:560px){.blog-list{grid-template-columns:1fr}.blog-meta p{flex:12rem}.blog-meta .blog-share-link{margin-left:0}}
