.blog{padding-bottom:40px}.blog-crumbs,.blog-head,.blog-list,.blog-pager,.blog-note,.blog-final,.blog-article>*,.blog-lead{max-width:760px;margin-inline:auto}.blog-crumbs{color:var(--ink-faint);flex-wrap:wrap;align-items:center;gap:8px;padding-top:20px;font-size:.8125rem;display:flex}.blog-crumbs a:hover{color:var(--accent)}.blog-crumbs span[aria-hidden]{color:var(--rule)}.blog-crumbs .blog-crumb-now{text-overflow:ellipsis;white-space:nowrap;max-width:46ch;overflow:hidden}.blog-head{padding-top:22px}.blog-head h1{letter-spacing:-.045em;margin:18px 0 20px;font-size:clamp(2.4rem,5.2vw,3.7rem);font-weight:640;line-height:1.06}.blog-head>p{color:var(--ink-soft);margin:0 0 14px;font-size:1.0625rem;line-height:1.75}.blog-meta{color:var(--ink-faint);flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0;font-size:.8125rem;display:flex}.blog-meta>span:not(:first-child):before{content:"·";color:var(--rule);margin-right:10px}.blog-shot{aspect-ratio:16/9;object-fit:cover;background:var(--paper-raised);border:1px solid var(--rule);border-radius:12px;width:100%;display:block}.blog-lead{border-bottom:1px solid var(--rule);padding-bottom:34px;display:block}.blog-lead .blog-shot{margin-bottom:20px}.blog-lead h2{letter-spacing:-.035em;color:var(--ink);font-weight:640;margin:10px 0 12px!important;font-size:clamp(1.7rem,3.4vw,2.3rem)!important;line-height:1.12!important}.blog-lead:hover h2{color:var(--accent)}.blog-lead p.blog-excerpt{color:var(--ink-soft);margin:0 0 14px;font-size:1.0625rem;line-height:1.7}.blog-list{margin-block:0;padding:0;list-style:none}.blog-list li+li{border-top:1px solid var(--rule)}.blog-row{grid-template-columns:minmax(0,1fr) 168px;align-items:start;gap:8px 28px;padding:30px 0;display:grid}.blog-row.is-plain{grid-template-columns:minmax(0,1fr)}.blog-row h2{letter-spacing:-.022em;color:var(--ink);grid-column:1;font-weight:620;margin:0 0 9px!important;font-size:1.3125rem!important;line-height:1.32!important}.blog-row:hover h2{color:var(--accent)}.blog-row p.blog-excerpt{color:var(--ink-soft);grid-column:1;margin:0 0 12px;font-size:.9375rem;line-height:1.7}.blog-row .blog-meta{grid-column:1}.blog-row .blog-shot{border-radius:10px;grid-area:1/2/span 3}.blog-tags{flex-wrap:wrap;gap:6px 8px;margin:16px auto 0;padding:0;list-style:none;display:flex}.blog-tags li{letter-spacing:.02em;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:4px 11px;font-size:.75rem;font-weight:550}.blog-pager{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:18px;margin-top:34px;padding-top:24px;font-size:.875rem;display:flex}.blog-pager a{color:var(--ink-soft);align-items:center;gap:10px;font-weight:550;display:inline-flex}.blog-pager a:hover{color:var(--accent)}.blog-pager svg{width:17px;height:17px}.blog-pager .blog-pager-prev svg{transform:rotate(180deg)}.blog-pager .blog-pager-prev:hover svg{transform:rotate(180deg)translate(3px)}.blog-pager span{color:var(--ink-faint);font-size:.8125rem}.blog-note{background:var(--paper-raised);border:1px solid var(--rule);border-left:4px solid var(--accent);border-radius:12px;margin-top:44px;padding:30px 28px}.blog-note h2{font-weight:620;margin:0 0 8px!important;font-size:1.125rem!important;line-height:1.35!important}.blog-note p{color:var(--ink-soft);margin:0;font-size:.9375rem;line-height:1.7}.blog-article{padding-top:22px}.blog-article-head h1{letter-spacing:-.042em;text-wrap:balance;margin:16px 0 18px;font-size:clamp(2.1rem,4.4vw,3.05rem);font-weight:640;line-height:1.09}.blog-article-head .blog-excerpt{color:var(--ink-soft);margin:0 0 20px;font-size:1.125rem;line-height:1.7}.blog-article-head .blog-meta{font-size:.875rem}.blog-cover{max-width:940px;margin:30px auto 6px}.blog-cover .blog-shot{aspect-ratio:2;border-radius:14px}.blog-author{border-top:1px solid var(--rule);align-items:flex-start;gap:16px;margin-top:56px;padding-top:26px;display:flex}.blog-author img{object-fit:cover;background:var(--accent-soft);border-radius:50%;flex-shrink:0;width:52px;height:52px}.blog-author-initial{background:var(--accent-soft);width:52px;height:52px;color:var(--accent);font-family:var(--font-heading);border-radius:50%;flex-shrink:0;place-items:center;font-size:1.25rem;font-weight:640;display:grid}.blog-author strong{letter-spacing:-.01em;font-size:1rem;font-weight:620;display:block}.blog-author .blog-author-role{color:var(--ink-faint);margin:2px 0 0;font-size:.8125rem}.blog-author .blog-author-bio{color:var(--ink-soft);margin:9px 0 0;font-size:.9375rem;line-height:1.68}.blog-author nav{flex-wrap:wrap;gap:8px 18px;margin-top:10px;font-size:.8125rem;display:flex}.blog-author nav a{color:var(--ink-soft);border-bottom:1px solid var(--rule);padding-bottom:2px}.blog-author nav a:hover{color:var(--accent);border-bottom-color:var(--accent)}.blog-final{border-top:1px solid var(--rule);margin-top:64px;padding:42px 0 8px}.blog-final h2{letter-spacing:-.04em;margin:0 0 14px!important;font-size:clamp(1.7rem,3.2vw,2.35rem)!important;line-height:1.12!important}.blog-final p{color:var(--ink-soft);margin:0 0 24px;font-size:1.0625rem;line-height:1.75}.blog-more{border-top:1px solid var(--rule);margin-top:56px;padding-top:26px}.blog-more h2{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);font-weight:600;margin:0 0 6px!important;font-size:.75rem!important;line-height:1.4!important}.post-body{color:var(--ink-soft);margin-top:38px;font-size:1.0625rem;line-height:1.78}.post-body>:first-child{margin-top:0}.post-body>:last-child{margin-bottom:0}.post-body p{margin:0 0 22px}.post-body :is(h2,h3,h4){color:var(--ink);letter-spacing:-.028em;text-wrap:balance}.post-body h2{margin:52px 0 16px;font-size:clamp(1.5rem,2.8vw,1.9rem);font-weight:640;line-height:1.2}.post-body h3{margin:40px 0 12px;font-size:1.25rem;font-weight:620;line-height:1.3}.post-body h4{margin:30px 0 10px;font-size:1.0625rem;font-weight:620;line-height:1.4}.post-body ul{list-style:outside}.post-body ol{list-style:decimal}.post-body ul ul{list-style:circle}.post-body :is(ul,ol){margin:0 0 22px;padding-left:1.35em}.post-body li{margin-bottom:9px}.post-body li::marker{color:var(--ink-faint)}.post-body :is(ul,ol) :is(ul,ol){margin:9px 0 0}.post-body a{color:var(--accent);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.post-body a:hover{text-decoration-thickness:2px}.post-body strong{color:var(--ink);font-weight:620}.post-body hr{background:var(--rule);border:0;height:1px;margin:44px 0}.post-body img{border:1px solid var(--rule);border-radius:10px;max-width:100%;height:auto;margin:30px auto;display:block}.post-body figure{margin:30px 0}.post-body figcaption{color:var(--ink-faint);text-align:center;margin-top:10px;font-size:.8125rem;line-height:1.6}.post-body blockquote{border-left:3px solid var(--accent);color:var(--ink);margin:30px 0;padding:4px 0 4px 22px;font-size:1.125rem;line-height:1.7}.post-body blockquote p:last-child{margin-bottom:0}.post-body :not(pre)>code{font-family:var(--font-mono);background:var(--accent-soft);color:var(--ink);border-radius:5px;padding:.12em .38em;font-size:.875em}.post-body pre{background:var(--paper-raised);border:1px solid var(--rule);font-family:var(--font-mono);color:var(--ink);border-radius:12px;margin:28px 0;padding:18px 20px;font-size:.875rem;line-height:1.7;overflow-x:auto}.post-body pre code{font-size:inherit;background:0 0;padding:0}.post-body .post-table{border:1px solid var(--rule);border-radius:12px;margin:28px 0;overflow-x:auto}.post-body table{border-collapse:collapse;width:100%;font-size:.9375rem;line-height:1.6}.post-body .post-table table{margin:0}.post-body :is(th,td){text-align:left;vertical-align:top;border-bottom:1px solid var(--rule);padding:13px 16px}.post-body tr:last-child :is(th,td){border-bottom:none}.post-body th{color:var(--ink);background:color-mix(in srgb, var(--accent-soft) 60%, transparent);font-weight:620}.post-body ul[data-type=taskList]{padding-left:0;list-style:none}.post-body ul[data-type=taskList] li{align-items:flex-start;gap:10px;display:flex}.post-body ul[data-type=taskList] li>label{padding-top:.28em;display:inline-flex}.post-body ul[data-type=taskList] input{accent-color:var(--accent)}.post-body ul[data-type=taskList] li>div{flex:1;min-width:0}.post-body ul[data-type=taskList] p{margin-bottom:6px}@media (max-width:760px){.blog-row{grid-template-columns:minmax(0,1fr) 116px;gap:6px 18px;padding:24px 0}.blog-row h2{font-size:1.1875rem!important}.blog-cover{margin-top:22px}}@media (max-width:560px){.blog-row,.blog-row.is-plain{grid-template-columns:minmax(0,1fr)}.blog-row .blog-shot{display:none}.blog-head{padding-top:18px}.blog-note{padding:22px 20px}.blog-author{gap:13px}.blog-final{margin-top:48px;padding-top:34px}.post-body{font-size:1rem}.post-body blockquote{padding-left:16px;font-size:1.0625rem}}
