.blog-surface{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--panel-strong) 82%, transparent);-webkit-backdrop-filter:blur(22px)saturate(1.25);padding:28px 24px 40px}@media (min-width:1024px){.blog-surface{padding:40px 48px 56px}}.blog-empty{text-align:center;color:var(--muted);padding:48px 0}.blog-featured{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:inherit;text-decoration:none;transition:box-shadow .18s;display:grid;overflow:hidden}.blog-featured:hover{box-shadow:var(--shadow-pop)}.blog-featured-text{flex-direction:column;gap:14px;min-width:0;padding:22px 22px 24px;display:flex}.blog-featured-meta{color:var(--muted);font-size:13.5px}.blog-featured-title{font-family:var(--font-display), var(--font-ui), system-ui, sans-serif;letter-spacing:-.02em;text-wrap:balance;font-size:22px;font-weight:650;line-height:1.25}.blog-featured-author{align-items:center;gap:10px;margin-top:auto;padding-top:18px;display:flex}.blog-featured-cover{aspect-ratio:16/9;background:var(--panel-strong);position:relative}.blog-featured-cover img{object-fit:cover}@media (min-width:900px){.blog-featured{grid-template-columns:250px minmax(0,1fr)}.blog-featured-cover{aspect-ratio:auto;min-height:380px}.blog-featured-title{font-size:24px}}.blog-tabs{border-bottom:1px solid var(--line);scrollbar-width:none;align-items:center;gap:4px;margin-top:24px;display:flex;overflow-x:auto}.blog-tabs::-webkit-scrollbar{display:none}.blog-tab{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;flex:none;margin-bottom:-1px;margin-right:22px;padding:12px 0;font-size:14.5px;text-decoration:none}.blog-tab:hover{color:var(--foreground)}.blog-tab-active{color:var(--foreground);border-bottom-color:var(--accent);font-weight:600}.blog-tab-feed{color:var(--muted);place-items:center;margin-left:auto;margin-right:0;display:inline-grid}.blog-tab-feed:hover{color:var(--accent)}.post-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px 24px;margin-top:28px;display:grid}.post-card{border-radius:var(--radius);background:0 0;border:0;overflow:hidden}.post-card-link{color:inherit;text-decoration:none;display:block}.post-card-cover{aspect-ratio:16/9;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel-strong);transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.post-card-link:hover .post-card-cover{box-shadow:var(--shadow-pop);transform:translateY(-2px)}.post-card-cover img{object-fit:cover}.post-card-cover-empty{font-family:var(--font-display), sans-serif;color:var(--accent);background:var(--accent-soft);place-items:center;font-size:48px;font-weight:700;display:grid}.post-card-body{padding:14px 2px 0}.post-card-meta{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.post-card-kicker{background:var(--panel);border:1px solid var(--line);color:var(--foreground);border-radius:6px;padding:3px 8px;font-size:12px;font-weight:500;display:inline-block}.post-card-title{letter-spacing:-.015em;margin-top:10px;font-size:18px;font-weight:650;line-height:1.3}.post-card-link:hover .post-card-title{color:var(--accent)}.post-card-excerpt{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-filter-note{color:var(--muted);margin-top:18px;font-size:13.5px}.blog-filter-note a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.blog-pager{justify-content:space-between;align-items:center;gap:12px;margin-top:28px;display:flex}.blog-pager-count{color:var(--muted);font-size:13px}.blog-shell{max-width:var(--measure);margin-inline:auto;padding:40px 20px 56px}.post-page{margin-inline:auto}.post-preview-banner{border:1px dashed var(--accent-border);border-radius:var(--radius-sm);background:var(--accent-soft);margin-bottom:18px;padding:10px 14px;font-size:13px}.post-eyebrow,.post-kicker,.post-readtime{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}.post-back{color:var(--foreground);align-items:center;gap:10px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.post-back-mark{background:var(--panel-strong);border:1px solid var(--line);width:22px;height:22px;color:var(--muted);border-radius:50%;place-items:center;transition:transform .15s;display:inline-grid}.post-back:hover .post-back-mark{transform:translate(-2px)}.post-head{max-width:60ch;margin-top:44px}.post-kicker{align-items:center;gap:10px;display:flex}.post-kicker-cat{color:var(--accent);text-decoration:none}.post-kicker-cat:hover{text-underline-offset:3px;text-decoration:underline}.post-title{font-family:var(--font-display), var(--font-ui), system-ui, sans-serif;letter-spacing:-.03em;text-wrap:balance;margin-top:16px;font-size:clamp(32px,4.6vw,46px);font-weight:750;line-height:1.08}.post-standfirst{color:var(--muted);margin-top:14px;font-size:18px;line-height:1.55}.post-readtime{margin-top:16px}.post-rule{border:0;border-top:1px solid var(--line);margin:36px 0 0}.post-columns{gap:28px;margin-top:32px;display:grid}.post-aside,.post-main{min-width:0}.post-cover{border-radius:var(--radius);border:1px solid var(--line);margin:0 0 28px;overflow:hidden}.post-cover img{width:100%;height:auto;display:block}.post-author{align-items:center;gap:12px;display:flex}.post-avatar{box-sizing:border-box;background:var(--accent-soft);width:44px;height:44px;color:var(--accent-deep,var(--accent));font-family:var(--font-display), sans-serif;border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:700;display:inline-grid;overflow:hidden}.post-avatar-mark{background:var(--panel-strong);border:1px solid var(--line)}.post-avatar-mark img{width:26px;height:auto;display:block}.post-author-text{line-height:1.3;display:grid}.post-author-text b{font-size:15px;font-weight:600}.post-author-text span{color:var(--muted);font-size:13px}.post-share{margin-top:22px}.post-share-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.post-share-btn{border:1px solid var(--line);background:var(--panel);width:34px;height:34px;color:var(--muted);cursor:pointer;border-radius:50%;place-items:center;transition:color .15s,border-color .15s;display:inline-grid}.post-share-btn:hover{color:var(--foreground);border-color:var(--accent-border)}.post-cta{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);gap:8px;margin-top:26px;padding:16px;display:grid}.post-cta-title{font-size:14.5px;font-weight:650}.post-cta-text{color:var(--muted);font-size:13px;line-height:1.5}.post-cta-btn{justify-content:center;margin-top:4px}.post-cta-link{color:var(--accent);text-align:center;font-size:13px;text-decoration:none}.post-cta-link:hover{text-underline-offset:3px;text-decoration:underline}.post-toc-desktop{display:none}.post-aside-left{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.post-aside-left .post-share{margin-top:0}.post-aside-right{order:-1}.post-cta{display:none}@media (min-width:1024px){.post-columns{grid-template-columns:200px minmax(0,1fr) 240px;align-items:start;gap:48px;margin-top:40px}.post-aside-left{top:calc(env(safe-area-inset-top,0px) + 88px);display:block;position:sticky}.post-aside-left .post-share{margin-top:22px}.post-aside-right{top:calc(env(safe-area-inset-top,0px) + 88px);overscroll-behavior:contain;order:0;max-height:calc(100vh - 112px);padding-right:8px;position:sticky;overflow-y:auto}.post-toc-desktop{display:block}.post-toc-mobile{display:none}.post-cta{display:grid}}.post-toc-title{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:11px;font-weight:650}.post-toc-list{border-left:1px solid var(--line);margin:0;padding:0;list-style:none}.post-toc-item a{color:var(--muted);text-wrap:pretty;border-left:2px solid #0000;margin-left:-1px;padding:6px 10px 6px 14px;font-size:13.5px;line-height:1.4;text-decoration:none;transition:color .15s,border-color .15s;display:block}.post-toc-item a:hover{color:var(--foreground)}.post-toc-item-sub a{padding-left:26px;font-size:12.5px}.post-toc-item-active>a{color:var(--accent-deep,var(--accent));border-left-color:var(--accent);font-weight:600}.post-toc-caret{float:right;color:var(--muted);margin-left:8px;font-weight:500}.post-toc-children{grid-template-rows:0fr;transition:grid-template-rows .22s;display:grid}.post-toc-children>ol{min-height:0;margin:0;padding:0;list-style:none;overflow:hidden}.post-toc-children-open{grid-template-rows:1fr}@media (prefers-reduced-motion:reduce){.post-toc-children{transition:none}}.post-toc-mobile{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);margin-bottom:22px}.post-toc-mobile summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-size:13.5px;font-weight:600;list-style:none;display:flex}.post-toc-mobile summary::-webkit-details-marker{display:none}.post-toc-mobile summary:after{content:"+";color:var(--muted);font-weight:500}.post-toc-mobile[open] summary:after{content:"–"}.post-toc-mobile[open] summary{border-bottom:1px solid var(--line)}.post-toc-count{color:var(--muted);margin-left:auto;margin-right:8px;font-weight:500}.post-toc-mobile .post-toc-list{margin:12px 16px 14px}.post-body{color:color-mix(in srgb, var(--foreground) 88%, transparent);max-width:70ch;font-size:17px;line-height:1.7}.post-body>:first-child{margin-top:0}.post-body p,.post-body ul,.post-body ol,.post-body blockquote,.post-body pre,.post-body .post-table,.post-body .post-figure{margin-top:18px}.post-body h2{font-family:var(--font-display), var(--font-ui), system-ui, sans-serif;letter-spacing:-.02em;color:var(--foreground);margin-top:40px;scroll-margin-top:96px;font-size:26px;font-weight:700;line-height:1.25}.post-body h3{letter-spacing:-.01em;color:var(--foreground);margin-top:28px;scroll-margin-top:96px;font-size:20px;font-weight:650}.post-body h4{color:var(--foreground);margin-top:22px;font-size:17px;font-weight:650}.post-body a{color:var(--accent);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.post-body ul,.post-body ol{padding-left:24px}.post-body ul{list-style:outside}.post-body ol{list-style:decimal}.post-body li,.post-body li>p{margin-top:6px}.post-body blockquote{border-left:3px solid var(--accent);color:var(--muted);padding:4px 0 4px 18px;font-style:italic}.post-body code{background:var(--panel-strong);color:var(--foreground);border-radius:5px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.post-body pre{border-radius:var(--radius-sm);background:var(--panel-strong);border:1px solid var(--line);padding:16px 18px;font-size:14px;line-height:1.55;overflow-x:auto}.post-body pre code{font-size:inherit;background:0 0;padding:0}.post-body hr{border:0;border-top:1px solid var(--line);margin-top:32px}.post-body strong{color:var(--foreground);font-weight:650}.post-figure{margin-inline:0}.post-figure img{border-radius:var(--radius-sm);border:1px solid var(--line);width:100%;height:auto;display:block}.post-figure figcaption{color:var(--muted);text-align:center;margin-top:8px;font-size:13px}.post-table{overflow-x:auto}.post-body table{border-collapse:collapse;width:100%;font-size:15px}.post-body th,.post-body td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px}.post-body th{color:var(--foreground);background:var(--panel);font-weight:650}.post-tags{flex-wrap:wrap;gap:8px;margin-top:32px;padding:0;list-style:none;display:flex}.post-related{border-top:1px solid var(--line);margin-top:48px;padding-top:28px}.post-related h2{font-family:var(--font-display), var(--font-ui), system-ui, sans-serif;letter-spacing:-.02em;margin-bottom:16px;font-size:22px;font-weight:700}
