.blog-page,.post-page{max-width:720px;margin:0 auto;padding:2rem 1.5rem}.blog-header{border-bottom:1px solid var(--border);margin-bottom:2rem;padding:2rem 0 1rem}.blog-header h1{font-size:2rem;font-weight:800}.post-list{flex-direction:column;gap:2rem;margin:0;padding:0;list-style:none;display:flex}.post-item{flex-direction:column;gap:.25rem;display:flex}.post-title{color:var(--foreground);font-size:3.6rem;font-weight:700;text-decoration:none}.post-title:hover{color:var(--accent)}.post-date{color:#666;letter-spacing:.02em;font-size:.8rem}.post-description{color:#aaa;margin:.25rem 0 0;font-size:.95rem;line-height:1.5}.post-header{border-bottom:1px solid var(--border);margin-bottom:2rem;padding:2rem 0 1.5rem}.post-header h1{margin-bottom:.5rem;font-size:2rem;font-weight:800;line-height:1.2}.post-header .post-date{font-size:.85rem}.post-hero{aspect-ratio:16/9;object-fit:cover;border-radius:8px;width:100%;margin-top:1.5rem;display:block}.post-content{line-height:1.8}.breadcrumb{max-width:720px;margin:0 auto;padding:1.5rem 1.5rem 0}.breadcrumb ol{color:#666;flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.breadcrumb li+li:before{content:"›";color:#444;margin-right:.25rem}.breadcrumb a{color:#888;text-decoration:none}.breadcrumb a:hover{color:var(--accent)}.breadcrumb li[aria-current=page]{color:var(--foreground)}