header.solid{background:var(--void);border-bottom-color:var(--line-dark)}.page-hero{padding:170px 0 80px;position:relative;overflow:hidden}.page-hero .ghost{top:110px}.page-hero h1.title{font-family:var(--head);font-weight:800;letter-spacing:-.02em;font-size:clamp(2.1rem,4.6vw,3.3rem);line-height:1.12}.page-hero .filters{margin-top:36px}.page-hero .filter-btn{background:#ffffff0d;border-color:var(--line-dark);color:var(--lav)}.page-hero .filter-btn:hover{border-color:var(--brand2);color:#fff}.page-hero .filter-btn.active{background:var(--grad);color:#fff;border-color:transparent}.blog-archive{background:var(--paper);padding:80px 0 100px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.bcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .25s,box-shadow .25s}.bcard.hidden{display:none}.bcard:hover{transform:translateY(-6px);box-shadow:0 26px 50px -24px #3c148c59}.bcard-cover{height:130px;position:relative;display:grid;place-items:center;overflow:hidden}.bcard-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(150px circle at 80% 20%,rgba(255,255,255,.25),transparent 70%)}.bcard-cover .wk{font-family:var(--stencil);font-size:2rem;color:#ffffffe6;position:relative;z-index:1}.bcard-body{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}.bcard-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.bcard-date{font-family:var(--mono);font-size:.7rem;color:var(--ink-soft)}.bcard h3{font-family:var(--head);font-weight:700;font-size:1.1rem;line-height:1.35}.bcard p{font-size:.88rem;color:var(--ink-soft);margin-top:10px;flex:1}.bcard-foot{margin-top:18px;display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:.72rem;color:var(--brand)}.bcard-foot .arrow{transition:transform .2s}.bcard:hover .bcard-foot .arrow{transform:translate(6px)}.tbadge{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;padding:5px 11px;border-radius:999px;white-space:nowrap}.tbadge.Product{background:#6c2bee1a;color:var(--brand);border:1px solid rgba(108,43,238,.35)}.tbadge.Engineering{background:#00838f1a;color:#00707a;border:1px solid rgba(0,131,143,.35)}.tbadge.Company{background:#ffc24b24;color:#9a6400;border:1px solid rgba(255,194,75,.5)}.dark .tbadge.Product{color:var(--lav)}.dark .tbadge.Engineering{color:#6fd9e3}.dark .tbadge.Company{color:var(--gold)}.post-hero{padding:160px 0 70px}.post-hero .crumb{font-family:var(--mono);font-size:.76rem;color:var(--mute);text-decoration:none;display:inline-flex;gap:8px;margin-bottom:26px;transition:color .2s}.post-hero .crumb:hover{color:var(--gold)}.post-hero h1{font-family:var(--head);font-weight:800;letter-spacing:-.02em;font-size:clamp(1.9rem,4.4vw,3.1rem);line-height:1.15;max-width:26ch;margin-top:18px}.post-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px;font-family:var(--mono);font-size:.76rem;color:var(--mute)}.post-meta .dot{color:var(--gold)}.article{background:var(--paper);padding:70px 0 50px}.article-inner{max-width:760px;margin:0 auto;padding:0 24px}.article-inner>p{font-size:1.05rem;color:#2e2442;margin-bottom:26px;line-height:1.8}.article-inner h2{font-family:var(--head);font-weight:700;letter-spacing:-.01em;font-size:1.45rem;margin:42px 0 16px;color:var(--ink);display:flex;align-items:center;gap:14px}.article-inner h2:before{content:"";width:22px;height:3px;background:var(--grad);border-radius:2px;flex-shrink:0}.article-inner ul{margin:0 0 26px 4px;list-style:none;display:grid;gap:12px}.article-inner ul li{font-size:1rem;color:#2e2442;line-height:1.7;display:flex;gap:14px;align-items:flex-start}.article-inner ul li:before{content:"→";color:var(--brand);font-family:var(--mono);font-weight:600;flex-shrink:0}.article-inner blockquote{margin:34px 0;padding:24px 30px;border-left:4px solid;border-image:var(--grad) 1;background:var(--paper2);border-radius:0 12px 12px 0;font-family:var(--head);font-weight:600;font-size:1.15rem;line-height:1.6;color:var(--ink);font-style:italic}.codeblock{margin:0 0 30px;border-radius:14px;overflow:hidden;border:1px solid var(--line-dark)}.codeblock .codebar{background:var(--panel);padding:9px 18px;font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--lav);display:flex;align-items:center;gap:8px}.codeblock .codebar:before{content:"● ● ●";font-size:.5rem;color:var(--brand2);letter-spacing:.25em}.codeblock pre{background:var(--void);color:#ddd2f5;padding:22px 24px;overflow-x:auto;font-family:var(--mono);font-size:.85rem;line-height:1.7}.author-card{max-width:760px;margin:30px auto 0;padding:0 24px}.author-card .ac-in{display:flex;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px 28px}.author-card .ac-avatar{width:58px;height:58px;border-radius:50%;flex-shrink:0;background:var(--grad);display:grid;place-items:center;font-family:var(--stencil);font-size:1.1rem;color:#fff}.author-card .ac-name{font-family:var(--head);font-weight:700;font-size:1rem}.author-card .ac-note{font-size:.84rem;color:var(--ink-soft);margin-top:3px}.post-nav{background:var(--paper);padding:50px 0 30px}.post-nav .wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:860px}.pn-link{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:22px 26px;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .25s,border-color .2s}.pn-link:hover{transform:translateY(-4px);border-color:var(--brand2);box-shadow:0 18px 36px -20px #3c148c4d}.pn-link.next{text-align:right}.pn-link .pn-dir{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}.pn-link .pn-title{font-family:var(--head);font-weight:700;font-size:.95rem;margin-top:8px;line-height:1.4}.pn-link.empty{visibility:hidden}.related{background:var(--paper);padding:50px 0 100px}.related h2{font-family:var(--head);font-weight:800;letter-spacing:-.02em;font-size:1.6rem;margin-bottom:28px;display:flex;align-items:center;gap:14px}.related h2:before{content:"";width:26px;height:3px;background:var(--grad);border-radius:2px}.related .blog-grid{grid-template-columns:repeat(3,1fr)}.post-404{background:var(--void);color:#fff;padding:220px 0 160px;text-align:center}.post-404 .big{font-family:var(--stencil);font-size:clamp(3rem,9vw,6rem);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.post-404 p{color:var(--mute);margin:18px 0 32px}.log-all{margin-top:34px}@media(max-width:980px){.blog-grid,.related .blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.blog-grid,.related .blog-grid,.post-nav .wrap{grid-template-columns:1fr}.pn-link.next{text-align:left}.pn-link.empty{display:none}.page-hero{padding:130px 0 60px}.post-hero{padding:130px 0 50px}}