.blog-header{position:sticky;top:0;z-index:5}.blog-container{max-width:min(1200px,calc(100vw - 2*var(--p)));margin:0 auto;padding:var(--p);display:grid;gap:var(--g);grid-template-columns:minmax(220px,320px) minmax(0,1fr);align-items:start}.blog-sidebar{position:sticky;top:calc(var(--p) + 64px)}.blog-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.blog-list-button{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:6px;border:1px solid var(--border);background:var(--card);border-radius:var(--r);padding:14px;cursor:pointer;text-align:left;transition:transform .15s,box-shadow .15s,border-color .2s}.blog-list-button:hover,.blog-list-button:focus-visible{transform:translateY(-1px);box-shadow:0 10px 24px #0f172a14;outline:none}.blog-list-button.is-active{border-color:var(--accent,#2563eb);box-shadow:0 0 0 2px #2563eb59}.blog-list-button h2{margin:0;font-size:1.05rem}.blog-list-button p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.4}.blog-article{min-height:420px;line-height:1.6}.blog-article h1,.blog-article h2,.blog-article h3{margin-top:0;margin-bottom:10px;font-weight:700}.blog-article h1{font-size:2rem}.blog-article h2{font-size:1.45rem;margin-top:28px}.blog-article h3{font-size:1.2rem;margin-top:22px}.blog-article p{margin:0 0 16px}.blog-article ol,.blog-article ul{margin:0 0 16px 20px;padding-left:16px}.blog-article li+li{margin-top:8px}.blog-article hr{border:0;border-top:1px solid var(--border);margin:28px 0}.blog-empty{margin:0;color:var(--muted)}.blog-footer{margin-top:24px}@media (max-width: 960px){.blog-container{grid-template-columns:1fr}.blog-sidebar{position:static}}