.blog-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;transition:border-color var(--duration-ui);flex-direction:column;display:flex;position:relative}.blog-card:hover,.blog-card:focus-within{border-color:var(--ink)}:is(.blog-card:has(h2 a:focus-visible),.blog-card:has(h3 a:focus-visible)){outline:3px solid var(--focus);outline-offset:4px}.blog-card-cover{aspect-ratio:16/9;border-bottom:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;background:var(--brand-soft);display:block;overflow:hidden}.blog-card-cover img{object-fit:cover;width:100%;height:100%;display:block}.blog-card-body{flex-direction:column;flex:1;gap:12px;padding:22px 24px 24px;display:flex}.blog-meta{min-width:0;color:var(--ink-muted);white-space:nowrap;flex-wrap:nowrap;align-items:baseline;gap:10px;font-size:13px;display:flex}.blog-meta>*{flex:none}.blog-meta .blog-category{min-width:0;color:var(--brand);text-overflow:ellipsis;flex:0 auto;font-weight:500;overflow:hidden}.blog-meta>*+:before{content:"·";color:var(--ink-subtle);margin-right:10px}.blog-card h2,.blog-card h3{letter-spacing:-.025em;overflow-wrap:anywhere;font-size:20px;line-height:1.25}.blog-card h2 a,.blog-card h3 a{color:inherit}.blog-card h2 a:after,.blog-card h3 a:after{content:"";position:absolute;inset:0}.blog-card h2 a:focus-visible,.blog-card h3 a:focus-visible{outline:none}.blog-card-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:15px;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-wide{flex-direction:row}.blog-card-wide .blog-card-cover{aspect-ratio:auto;border-right:1px solid var(--border);border-radius:var(--radius) 0 0 var(--radius);border-bottom:0;flex:0 0 52%}.blog-card-wide .blog-card-body{justify-content:center;gap:14px;padding:36px 40px}.blog-card-wide h2,.blog-card-wide h3{letter-spacing:-.035em;font-size:28px}.blog-card-wide .blog-card-excerpt{-webkit-line-clamp:4;font-size:16px}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.blog-grid[data-count="1"]{grid-template-columns:minmax(0,1fr)}.blog-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=1023px){.blog-grid,.blog-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card-wide .blog-card-cover{flex-basis:44%}.blog-card-wide .blog-card-body{padding:28px}.blog-card-wide h2,.blog-card-wide h3{font-size:24px}}@media (width<=767px){.blog-card-wide{flex-direction:column}.blog-card-wide .blog-card-cover{aspect-ratio:16/9;border-right:0;border-bottom:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;flex:none}.blog-card-wide .blog-card-body{gap:12px;padding:22px 24px 24px}.blog-card-wide h2,.blog-card-wide h3{font-size:22px}}@media (width<=639px){.blog-grid,.blog-grid[data-count="2"]{grid-template-columns:minmax(0,1fr)}}.blog-index{padding-block:40px 96px}.blog-index-head{max-width:640px;margin-bottom:44px}.blog-index-head p{margin-top:16px;font-size:17px}.blog-featured{margin-bottom:20px}.blog-empty{border-top:1px solid var(--border);padding-top:40px;font-size:17px}.blog-index .list-pagination{margin-top:32px;font-size:14px}.blog-article{padding-block:40px 32px}.blog-article-inner{width:min(100%,760px);margin-inline:auto}.blog-article header h1{overflow-wrap:anywhere;margin-top:14px;font-size:clamp(32px,4vw,46px)}.blog-article-author{margin-top:18px;font-size:15px}.blog-article-cover{border:1px solid var(--border);border-radius:var(--radius);background:var(--brand-soft);width:100%;height:auto;margin-top:36px;display:block}.blog-body{color:var(--ink);overflow-wrap:anywhere;margin-top:40px;font-size:17px;line-height:1.75}.blog-body>*+*{margin-top:1.1em}.blog-body h2{letter-spacing:-.03em;margin-top:2em;font-size:26px;line-height:1.2}.blog-body h3{letter-spacing:-.02em;margin-top:1.6em;font-size:21px}.blog-body h2+*,.blog-body h3+*{margin-top:.7em}.blog-body p{color:inherit;font-size:inherit;line-height:inherit}.blog-body a{color:var(--brand);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.blog-body a:hover{color:var(--brand-hover);text-decoration-thickness:2px}.blog-body ul,.blog-body ol{padding-left:1.4em}.blog-body li+li{margin-top:.4em}.blog-body blockquote{border-left:2px solid var(--brand);color:var(--ink-muted);margin:1.4em 0;padding:4px 0 4px 22px}.blog-body blockquote p{color:inherit}.blog-body code{border-radius:var(--radius-small);background:var(--surface-soft);padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.blog-body pre{border-radius:var(--radius);background:var(--surface-soft);padding:18px 20px;font-size:14px;line-height:1.6;overflow-x:auto}.blog-body pre code{background:0 0;padding:0}.blog-body img{border-radius:var(--radius);max-width:100%;height:auto;display:block}.blog-body hr{border:0;border-top:1px solid var(--border);margin:2.4em 0}.blog-body table{border-collapse:collapse;width:100%;font-size:15px}.blog-body th,.blog-body td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:10px 12px}.blog-body th{font-weight:600}.blog-related{padding-block:48px 96px}.blog-related h2{letter-spacing:-.035em;margin-bottom:24px;font-size:28px}.blog-preview-note{border-bottom:1px solid var(--border);color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:8px 20px;margin-bottom:24px;padding-bottom:14px;font-size:14px;display:flex}.blog-preview-note strong{color:var(--ink)}.blog-preview-note a{color:var(--brand);font-weight:500}@media (width<=767px){.blog-index{padding-block:24px 64px}.blog-index-head{margin-bottom:32px}.blog-article{padding-block:24px}.blog-article-cover{margin-top:28px}.blog-body{margin-top:32px;font-size:16px}.blog-body h2{font-size:23px}.blog-related{padding-block:32px 64px}}.blog-share{margin-top:48px}@media (width<=479px){.blog-share{margin-top:40px}}