.blog-page{flex-direction:column;min-height:100dvh;display:flex}.blog-main{flex:1;width:100%;padding-bottom:56px}.blog-page>.wrap{width:100%}.site-header nav a[aria-current=page]{color:var(--text-primary)}.blog-hero{padding:56px 28px 8px}.blog-hero h1{font-size:clamp(2rem,4vw,2.75rem);font-weight:var(--font-weight-emphasis);letter-spacing:-.03em;line-height:var(--line-height-heading)}.blog-hero p{max-width:62ch;color:var(--text-secondary);font-size:var(--font-size-lead);line-height:var(--line-height-body);margin-top:12px}.blog-filter{flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;display:flex}.blog-filter a{border:1px solid var(--stroke);color:var(--text-secondary);font-size:var(--font-size-label);border-radius:999px;padding:7px 14px}.blog-filter a:hover{color:var(--text-primary);border-color:var(--primary)}.blog-filter a[aria-current=page]{color:var(--text-primary);background:var(--primary-glow);border-color:var(--primary)}.blog-filter .blog-rss{border-style:dashed;margin-left:auto}.blog-list{gap:18px;padding-top:28px;padding-bottom:8px;display:grid}.blog-card{border:1px solid var(--stroke);background:var(--panel);border-radius:12px;flex-direction:column;gap:10px;padding:24px 26px;transition:border-color .16s;display:flex}.blog-card:hover{border-color:var(--primary)}.blog-card h2{font-size:1.375rem;line-height:var(--line-height-heading)}.blog-card h2 a:hover{color:var(--text-accent)}.blog-meta{color:var(--text-muted);font-size:var(--font-size-label);flex-wrap:wrap;gap:8px;display:flex}.blog-summary{color:var(--text-body);font-size:var(--font-size-body);line-height:var(--line-height-body)}.blog-tags{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.blog-tags li{border:1px solid var(--stroke);color:var(--text-secondary);font-size:var(--font-size-caption);border-radius:999px;padding:2px 10px}.blog-empty{color:var(--text-secondary);padding:40px 0}.blog-pager{color:var(--text-secondary);font-size:var(--font-size-label);justify-content:space-between;align-items:center;padding-top:24px;display:flex}.blog-pager a{color:var(--text-accent)}.post{max-width:800px;padding:40px 28px 0}.post-breadcrumb{color:var(--text-muted);font-size:var(--font-size-label)}.post-breadcrumb a:hover{color:var(--text-primary)}.post-header{padding:18px 0 8px}.post-header h1{font-size:clamp(1.875rem,4.5vw,2.625rem);font-weight:var(--font-weight-emphasis);letter-spacing:-.03em;line-height:var(--line-height-heading);overflow-wrap:anywhere}.post-header .blog-meta{margin-top:14px}.post-lead{color:var(--text-secondary);font-size:var(--font-size-lead);line-height:var(--line-height-body);margin-top:18px}.post-body{color:var(--text-body);font-size:var(--font-size-lead);overflow-wrap:anywhere;margin-top:26px;line-height:1.75}.post-body>*+*{margin-top:1.1em}.post-body h2{font-size:1.625rem;line-height:var(--line-height-heading);margin-top:2em;scroll-margin-top:90px}.post-body h3{font-size:1.3125rem;line-height:var(--line-height-heading);margin-top:1.7em;scroll-margin-top:90px}.post-body h4,.post-body h5,.post-body h6{font-size:var(--font-size-card-title);margin-top:1.5em;scroll-margin-top:90px}.post-body a{color:var(--text-accent);text-underline-offset:3px;text-decoration:underline}.post-body strong{color:var(--text-primary)}.post-body ul,.post-body ol{padding-left:1.4em}.post-body ul{list-style:outside}.post-body ol{list-style:decimal}.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{color:var(--text-primary);font-weight:var(--font-weight-heading)}.post-body ul ul,.post-body ol ol,.post-body ul ol,.post-body ol ul{margin-top:.4em}.post-body input[type=checkbox]{margin-right:.5em}.post-body li+li{margin-top:.4em}.post-body blockquote{border-left:3px solid var(--primary);color:var(--text-secondary);padding:4px 0 4px 18px}.post-body code{background:var(--panel-soft);color:var(--text-primary);border-radius:5px;padding:2px 6px;font-size:.9em}.post-body pre{border:1px solid var(--stroke);background:var(--bg-2);line-height:1.55;font-size:var(--font-size-control);border-radius:10px;padding:16px 18px;overflow-x:auto}.post-body pre code{background:0 0;padding:0}.post-body img{border:1px solid var(--stroke);border-radius:10px;max-width:100%;height:auto;margin-inline:auto;display:block}.post-body hr{border:0;border-top:1px solid var(--stroke)}.post-table-scroll{overflow-x:auto}.post-body table{border-collapse:collapse;width:100%;font-size:var(--font-size-control)}.post-body th,.post-body td{border:1px solid var(--stroke);text-align:left;padding:10px 14px}.post-body th{color:var(--text-primary);background:var(--panel-soft)}.post>.blog-tags{margin-top:28px}.post-cta{border:1px solid var(--stroke);background:linear-gradient(135deg, var(--panel-strong), var(--panel));border-radius:14px;flex-direction:column;align-items:flex-start;gap:10px;margin:40px 0 0;padding:28px;display:flex}.post-cta h2{font-size:1.375rem}.post-cta p{color:var(--text-secondary);font-size:var(--font-size-body)}.post-related{margin-top:36px}.post-related h2{font-size:var(--font-size-card-title);margin-bottom:12px}.post-related ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.post-related li{border-top:1px solid var(--stroke);justify-content:space-between;gap:16px;padding:12px 0;display:flex}.post-related li a{color:var(--text-primary);font-weight:var(--font-weight-label)}.post-related li a:hover{color:var(--text-accent)}.post-related li span{color:var(--text-muted);font-size:var(--font-size-label);white-space:nowrap}.post>p:last-child{margin-top:28px}@media (max-width:640px){.blog-hero{padding-top:36px}.blog-card{padding:20px}.blog-filter .blog-rss{margin-left:0}.post-related li{flex-direction:column;gap:4px}}