.blog-hero{padding-bottom:2.5rem}.blog-feature{max-width:940px;margin:0 auto}.blog-feature-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:clamp(1.6rem,4vw,2.6rem);position:relative;overflow:hidden}.blog-feature-card:before{content:"";background:linear-gradient(180deg, var(--coral), var(--gold));width:4px;position:absolute;inset:0 auto 0 0}.blog-feature-body{max-width:68ch}.blog-feature-tag{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cream);background:var(--coral);border-radius:var(--radius-pill);margin-bottom:.9rem;padding:.28rem .7rem;font-size:.62rem;font-weight:700;display:inline-block}.blog-feature-card h2{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);font-size:clamp(1.6rem,3.6vw,2.4rem);font-weight:700;line-height:1.1}.blog-feature-card h2 a:hover{color:var(--coral-dk)}.blog-feature-card p{color:var(--ink-soft);margin-top:.85rem;font-size:1.05rem;line-height:1.6}.blog-feature-meta{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.1rem;font-size:.7rem;display:flex}.blog-feature-card .btn{margin-top:1.4rem}.blog-list-section{padding-top:1.5rem}.blog-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.1rem;display:flex}.blog-search{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-pill);flex:1;align-items:center;gap:.55rem;min-width:280px;max-width:380px;padding:.5rem 1rem;transition:border-color .2s,box-shadow .2s;display:flex}.blog-search:focus-within{border-color:var(--ink);box-shadow:0 4px 14px -4px #30433326}.blog-search svg{color:var(--muted);flex-shrink:0}.blog-search input{font-family:var(--body);color:var(--ink);background:0 0;border:none;outline:none;width:100%;font-size:.9rem}.blog-search input::placeholder{color:var(--muted);font-size:.84rem}.blog-tags{flex-wrap:wrap;gap:.4rem;display:flex}.blog-tag{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-soft);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-pill);cursor:pointer;padding:.4rem .85rem;font-size:.7rem;font-weight:600;transition:all .2s}.blog-tag:hover{border-color:var(--ink);color:var(--ink)}.blog-tag.active{background:var(--coral);border-color:var(--coral);color:#fff}.blog-count{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:1.6rem;font-size:.68rem}.blog-empty{text-align:center;border:1px dashed var(--line);border-radius:var(--radius-lg);background:#f8eddc66;padding:3.5rem 1.5rem}.blog-empty .empty-title{font-family:var(--display);color:var(--ink);margin-bottom:.4rem;font-size:1.15rem;font-weight:700}.blog-empty .empty-sub{color:var(--muted);margin-bottom:1.2rem;font-size:.9rem}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.4rem;display:grid}.blog-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-md);border-color:var(--line-strong);transform:translateY(-4px)}.blog-card-media{background:var(--cream-2);border-bottom:1px solid var(--line);aspect-ratio:16/7;display:block;overflow:hidden}.blog-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.blog-card:hover .blog-card-media img{transform:scale(1.04)}.blog-card-body{flex-direction:column;flex:1;padding:1.4rem 1.5rem 1.3rem;display:flex}.blog-card-meta{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.45rem;margin-bottom:.7rem;font-size:.66rem;display:flex}.blog-card-title{font-family:var(--display);letter-spacing:-.01em;color:var(--ink);margin-bottom:.6rem;font-size:1.25rem;font-weight:700;line-height:1.22}.blog-card-title a:hover{color:var(--coral-dk)}.blog-card-desc{color:var(--ink-soft);flex:1;margin-bottom:1.1rem;font-size:.93rem;line-height:1.6}.blog-card-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem;padding-top:.9rem;display:flex}.blog-card-author{font-family:var(--mono);color:var(--muted);font-size:.68rem}.blog-card-tags{flex-wrap:wrap;gap:.35rem;display:flex}.blog-chip{font-family:var(--mono);letter-spacing:.04em;color:var(--coral-dk);border-radius:var(--radius-pill);cursor:pointer;background:#3c4d3d14;border:1px solid #3c4d3d29;padding:.24rem .6rem;font-size:.62rem;font-weight:600;transition:all .18s}.blog-chip:hover{background:var(--coral);border-color:var(--coral);color:#fff}.post-section{padding-top:2.2rem}.post-wrap{max-width:860px}.post-crumbs{font-family:var(--mono);letter-spacing:.06em;color:var(--muted);align-items:center;gap:.5rem;margin-bottom:1.8rem;font-size:.68rem;display:flex}.post-crumbs a{color:var(--coral-dk);font-weight:600}.post-crumbs a:hover{text-decoration:underline}.post-crumbs span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.post-header{margin-bottom:2rem}.post-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.post-tags .blog-chip{cursor:default}.post-tags .blog-chip:hover{color:var(--coral-dk);background:#3c4d3d14;border-color:#3c4d3d29}.post-title{font-family:var(--display);letter-spacing:-.025em;color:var(--ink);font-size:clamp(2rem,5.4vw,3.3rem);font-weight:800;line-height:1.06}.post-deck{color:var(--ink-soft);max-width:62ch;margin-top:1.1rem;font-size:1.12rem;line-height:1.6}.post-meta{border-top:1px solid var(--line);font-family:var(--mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:1.3rem;padding-top:1.1rem;font-size:.7rem;display:flex}.post-author{color:var(--ink);font-weight:600}.post-cover{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--cream-2);margin-bottom:2.2rem;overflow:hidden}.post-cover img{width:100%;height:auto}.md{color:var(--ink-soft);font-size:1.04rem;line-height:1.75}.md>*+*{margin-top:1.25rem}.md h2,.md h3,.md h4{font-family:var(--display);color:var(--ink);letter-spacing:-.015em;scroll-margin-top:92px;font-weight:700;line-height:1.2;position:relative}.md h2{margin-top:2.6rem;padding-top:.4rem;font-size:clamp(1.5rem,3.4vw,2rem)}.md h3{margin-top:2rem;font-size:clamp(1.2rem,2.6vw,1.45rem)}.md h4{margin-top:1.6rem;font-size:1.08rem}.md .md-anchor{color:var(--line-strong);opacity:0;font-weight:400;text-decoration:none;transition:opacity .18s;position:absolute;left:-1.15em}.md h2:hover .md-anchor,.md h3:hover .md-anchor,.md h4:hover .md-anchor,.md .md-anchor:focus-visible{opacity:1}.md p{margin-top:1.25rem}.md a{color:var(--coral-dk);text-underline-offset:3px;font-weight:600;text-decoration:underline 1px;transition:color .18s}.md a:hover{color:var(--coral)}.md strong{color:var(--ink);font-weight:700}.md ul,.md ol{flex-direction:column;gap:.5rem;padding-left:1.4rem;display:flex}.md li::marker{color:var(--gold)}.md blockquote{border-left:3px solid var(--coral);color:var(--ink);background:#3c4d3d0d;border-radius:0 12px 12px 0;padding:1rem 1.25rem;font-style:italic}.md blockquote p{margin-top:0}.md blockquote p+p{margin-top:.7rem}.md hr{border:none;border-top:1px solid var(--line);margin:2.4rem 0}.md .md-inline-code{font-family:var(--mono);border:1px solid var(--line);color:var(--coral-dk);word-break:break-word;background:#30433314;border-radius:6px;padding:.1em .38em;font-size:.86em}.md .md-code-wrap{background:var(--night);border:1px solid #fbf6ef1f;border-radius:14px;position:relative;overflow:hidden}.md .md-code-wrap pre{margin:0;padding:1.1rem 1.25rem;overflow-x:auto}.md .md-code{font-family:var(--mono);color:var(--cream);background:0 0;border:none;font-size:.82rem;line-height:1.7}.md .md-block-code:before{content:attr(data-language);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#fbf6ef66;margin-bottom:.6rem;font-size:.62rem;display:block}.md .md-copy{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--cream);cursor:pointer;opacity:0;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;padding:.25rem .55rem;font-size:.64rem;font-weight:600;transition:opacity .2s,background .2s;position:absolute;top:.6rem;right:.6rem}.md .md-code-wrap:hover .md-copy,.md .md-copy:focus-visible{opacity:1}.md .md-copy[data-copied=true]{background:var(--teal);border-color:var(--teal);opacity:1}.md .md-table{border:1px solid var(--line);background:var(--card);border-radius:12px;overflow-x:auto}.md table{border-collapse:collapse;width:100%;font-size:.92rem}.md th,.md td{text-align:left;border-bottom:1px solid var(--line);color:var(--ink-soft);padding:.7rem .95rem}.md th{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--cream-2);font-size:.68rem;font-weight:700}.md tr:last-child td{border-bottom:none}.md img{border:1px solid var(--line);border-radius:14px;width:100%}.post-footer{border-top:1px solid var(--line);flex-direction:column;gap:1.6rem;margin-top:3rem;padding-top:2rem;display:flex}.post-nav{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.post-nav-link{background:var(--card);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:.35rem;padding:1rem 1.15rem;transition:all .2s;display:flex}.post-nav-link:hover{border-color:var(--ink);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.post-nav-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--coral-dk);font-size:.62rem;font-weight:700}.post-nav-title{font-family:var(--display);color:var(--ink);font-size:.98rem;font-weight:700;line-height:1.3}@media (width<=640px){.blog-grid{grid-template-columns:1fr}.blog-toolbar{flex-direction:column;align-items:stretch}.blog-search{min-width:0;max-width:none}.md{font-size:1rem}.md .md-anchor{display:none}}