.blog-section .container>*{max-width:var(--prose-max);margin-inline:auto}.blog-index-head,.blog-post-head{text-align:left;margin-bottom:22px}.blog-main:has(.blog-index-head){background:var(--bg-panel)}.blog-section:has(.blog-index-head){background:var(--bg-panel);background-image:none}.blog-section:has(.blog-index-head) .container>*{max-width:none;margin-inline:0}.blog-index-head{text-align:left}.blog-index-head:not(.blog-author-head){display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:start;gap:24px 56px;margin-bottom:48px;padding-bottom:48px;border-bottom:1px solid var(--line)}.blog-index-head:not(.blog-author-head):not(:has(>.hm-eyebrow)):before{content:"Blog";grid-column:1;grid-row:1;justify-self:start;display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent-text, var(--accent));font-size:14px;font-weight:500}.blog-index-head:not(.blog-author-head)>.hm-eyebrow{grid-column:1;grid-row:1;justify-self:start}#site .hs-main.blog-main>.blog-root:has(.blog-index-head){padding-top:88px;background:var(--bg-panel)}#site .hs-main.blog-main>.blog-root:has(.blog-index-head)>.blog-section{padding-top:0}@media(max-width:600px){#site .hs-main.blog-main>.blog-root:has(.blog-index-head){padding-top:64px}}.blog-index-head:not(.blog-author-head) .blog-title{grid-column:1;grid-row:2;margin:0;font-size:clamp(36px,4.2vw,54px);font-weight:600;line-height:1.04;letter-spacing:-.04em}.blog-index-head:not(.blog-author-head) .blog-lede{grid-column:2;grid-row:1 / span 2;max-width:460px}.blog-index-head .blog-lede a{color:var(--accent)}.blog-index-head .blog-tags,.blog-filter{justify-content:flex-start}@media(max-width:900px){.blog-index-head:not(.blog-author-head){grid-template-columns:minmax(0,1fr)}.blog-index-head:not(.blog-author-head) .blog-lede{grid-column:1;grid-row:3}}@media(max-width:600px){.blog-index-head:not(.blog-author-head) .blog-title{font-size:30px;line-height:1.1}}.blog-title{font-size:clamp(28px,5vw,40px);line-height:1.15;letter-spacing:-.01em;margin:6px 0 10px;text-wrap:balance}.blog-lede{color:var(--text-dim);font-size:17px;line-height:1.6;margin:0}.blog-crumbs a{color:var(--text-dim);font-size:14px;text-decoration:none}.blog-crumbs a:before{content:"← "}.blog-crumbs a:hover{color:var(--accent)}.blog-meta{color:var(--text-dim);font-size:14px;margin:0 0 10px}.blog-tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:8px 0 0}.blog-tag{display:inline-block;padding:3px 10px;border:1px solid var(--line);border-radius:999px;background:var(--bg-raised);color:var(--text-dim);font-size:13px;text-decoration:none;line-height:1.5}.blog-tag:hover,.blog-tag.is-current{border-color:var(--accent);color:var(--accent)}.blog-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.blog-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.blog-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:16px;background:var(--bg-raised);overflow:hidden}.blog-card-cover{display:block;padding:10px 10px 0}.blog-card-cover img{display:block;width:100%;height:auto;aspect-ratio:1200 / 630;object-fit:cover;border:1px solid var(--line);border-radius:10px;background:var(--bg-panel)}.blog-card-body{display:flex;flex:1;flex-direction:column;padding:18px 20px 20px}.blog-card-title{font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-.015em;margin:0 0 8px}.blog-card-title a{color:var(--text);text-decoration:none}.blog-card-title a:hover{color:var(--accent)}.blog-card-text{color:var(--text-dim);font-size:15px;margin:0;line-height:1.55}.blog-card .blog-tags{margin-top:auto;padding-top:14px}@media(max-width:900px){.blog-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.blog-list{grid-template-columns:minmax(0,1fr)}}.blog-empty{border:1px solid var(--line);border-radius:16px;padding:24px;color:var(--text-dim);background:var(--bg-raised)}.blog-empty p{max-width:none;margin:0 0 8px;text-align:left}#site .blog-empty>p{max-width:none;margin-inline:0}.blog-empty p:last-child{margin:0}.blog-empty a{color:var(--accent)}.blog-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:26px;font-size:15px}.blog-pager-at{color:var(--text-faint)}.blog-cover{margin:0 0 26px}.blog-cover img{display:block;width:100%;height:auto;aspect-ratio:1200 / 630;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-raised)}.blog-body.prose{max-width:none;font-size:17px;line-height:1.7}.blog-body.prose p,.blog-body.prose ul,.blog-body.prose ol{color:var(--text);margin:0 0 18px}.blog-body.prose ol{padding-left:24px}.blog-body.prose h2{font-size:26px;line-height:1.25;margin:36px 0 12px}.blog-body.prose h3{font-size:20px;margin:28px 0 10px}.blog-body.prose h4{font-size:17px;margin:22px 0 8px}.blog-body.prose a{color:var(--accent)}.blog-body.prose img{max-width:100%;height:auto;border-radius:8px}.blog-figure{margin:28px 0}.blog-body.prose .blog-figure img{display:block;margin:0 auto;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-raised)}.blog-figure figcaption{margin-top:10px;color:var(--text-dim);font-size:14px;line-height:1.5;text-align:center;text-wrap:pretty}.blog-cover img,.blog-body.prose .blog-figure img{filter:brightness(.9)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .blog-cover img,:root:not([data-theme=dark]) .blog-body.prose .blog-figure img{filter:none}}:root[data-theme=light] .blog-cover img,:root[data-theme=light] .blog-body.prose .blog-figure img{filter:none}.blog-body.prose blockquote{margin:0 0 18px;padding:4px 0 4px 16px;border-left:3px solid var(--accent);color:var(--text-dim)}.blog-body.prose blockquote p{color:inherit}.blog-body.prose pre{background:var(--bg-input);border:1px solid var(--line);border-radius:8px;padding:14px 16px;overflow-x:auto;margin:0 0 18px;font-size:14px;line-height:1.55}.blog-body.prose pre code{background:none;border:0;padding:0;font-size:inherit}.blog-body.prose hr{border:0;border-top:1px solid var(--line);margin:30px 0}.blog-body.prose table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:15px;display:block;overflow-x:auto}.blog-body.prose th,.blog-body.prose td{border:1px solid var(--line);padding:6px 10px;text-align:left}.blog-embed{margin:0 0 22px}.blog-embed-frame{position:relative;aspect-ratio:16 / 10;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--canvas-bg)}.blog-embed-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.blog-embed figcaption{color:var(--text-dim);font-size:14px;margin-top:8px}.blog-embed-link a{display:inline-block;padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-panel);text-decoration:none}.blog-post-foot{margin-top:36px;padding-top:22px;border-top:1px solid var(--line)}.blog-share{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.blog-share-label{color:var(--text-dim);font-size:14px}.blog-share ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.blog-share a{display:inline-block;padding:5px 12px;border:1px solid var(--line);border-radius:999px;color:var(--text);font-size:14px;text-decoration:none}.blog-share a:hover{border-color:var(--accent);color:var(--accent)}.blog-circuit{margin:28px 0 0;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-panel)}.blog-circuit h2{margin:0 0 4px;font-size:17px}.blog-circuit p{margin:0 0 12px;color:var(--text-dim)}.blog-circuit ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.blog-circuit li{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.blog-related h2{font-size:17px;margin:26px 0 8px}.blog-related ul{margin:0;padding-left:20px;color:var(--text-dim);line-height:1.7}.blog-preview-banner{margin:0 0 18px;padding:10px 14px;border:1px solid var(--chip-warn-line);background:var(--chip-warn-bg);color:var(--chip-warn-fg);border-radius:var(--radius);font-size:14px}@media(max-width:600px){.blog-body.prose{font-size:16px}.blog-body.prose h2{font-size:22px}}.blog-byline{display:inline-flex;align-items:center;gap:8px;vertical-align:middle}.blog-byline a,.blog-author-name a{color:inherit;font-weight:600}.blog-avatar{flex:none;border-radius:50%;image-rendering:pixelated}.blog-disclosure{margin:4px 0 12px;padding:8px 12px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--bg-raised);color:var(--text-dim);font-size:14px;line-height:1.5}.blog-disclosure a{color:inherit;font-weight:600}.blog-author-box{display:flex;gap:14px;align-items:flex-start;margin:28px 0 8px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised)}.blog-author-name{margin:0 0 4px}.blog-author-bio{margin:0 0 6px;color:var(--text-dim);font-size:14px;line-height:1.55}.blog-author-hero{display:flex;align-items:center;gap:16px;margin:6px 0 12px}.blog-author-hero .blog-title{margin:0}.blog-author-role{margin:2px 0 0;color:var(--text-dim)}.blog-author-posts{font-size:20px;margin:8px 0 14px}
