.blog-post{width:100%}.blog-post-header{max-width:1120px;margin:0 auto 3rem}.blog-post-heading.prose{max-width:none;margin:0}.blog-post-heading h1{overflow-wrap:anywhere;max-width:1000px;margin-bottom:1rem;font-size:max(2.2rem,min(5vw,4rem))}.post-meta-row{flex-wrap:wrap;align-items:center;gap:1rem;margin:0 0 .7rem;display:flex}.post-meta-row__byline{color:var(--muted-foreground);font-size:.88rem}.post-meta-row__byline a{color:var(--primary-strong);text-underline-offset:.15em;text-decoration:underline}.post-category-row{margin-bottom:1.6rem}.post-hero-image{aspect-ratio:16/9;border-radius:24px;border-radius:var(--radius-lg);background:#f0e5cc;background:var(--surface-muted);width:100%;max-height:600px;position:relative;overflow:hidden}.blog-post-layout{grid-gap:clamp(2rem, 5vw, 5rem);grid-template-columns:minmax(220px,270px) minmax(0,1fr);align-items:start;gap:max(2rem,min(5vw,5rem));display:grid}.blog-post-sidebar{top:calc(128px + 1.5rem);top:calc(var(--nav-height) + 1.5rem);grid-gap:2rem;border:1px solid #e2d3b5;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);background:#fff;background:var(--surface);min-width:0;box-shadow:0 2px 10px rgba(58,42,31,.06);box-shadow:var(--shadow-soft);align-self:start;gap:2rem;padding:1.25rem;display:grid;position:-webkit-sticky;position:sticky}.blog-toc h2,.blog-recommended h2{font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.85rem;font-size:.9rem;font-weight:700}.blog-toc ol,.blog-recommended ul{grid-gap:.6rem;gap:.6rem;list-style:none;display:grid}.blog-toc__item--h3{padding-left:.9rem;font-size:.9rem}.blog-toc a,.blog-recommended a{color:var(--muted-foreground);overflow-wrap:anywhere;line-height:1.45;text-decoration:none;transition:color .15s;display:block}.blog-toc a:hover,.blog-recommended a:hover{color:var(--accent);text-underline-offset:.15em;text-decoration:underline}.blog-recommended{border-top:1px solid #e2d3b5;border-top:1px solid var(--border);padding-top:1.25rem}.blog-sidebar-empty{color:var(--muted-foreground);font-size:.9rem}.blog-post-content.prose.article{width:100%;max-width:900px;margin:0;line-height:1.8}.blog-post-content h2,.blog-post-content h3{scroll-margin-top:calc(128px + 1.25rem);scroll-margin-top:calc(var(--nav-height) + 1.25rem);margin-top:2.25em;margin-bottom:.7em}.blog-post-content p,.blog-post-content ul,.blog-post-content ol,.blog-post-content blockquote{margin-bottom:1.3rem}.blog-post-content ul,.blog-post-content ol{padding-left:1.5rem}.blog-post-content ul{list-style:outside}.blog-post-content ol{list-style:decimal}.blog-post-content a{color:var(--clay-700);text-underline-offset:.16em;text-decoration:underline;text-decoration-thickness:1px}.blog-post-content img,.blog-post-content video{border-radius:14px;border-radius:var(--radius);max-width:100%;height:auto}.blog-post-content blockquote{border-radius:6px;border-radius:var(--radius-sm);background:#f0e5cc;background:var(--surface-muted);color:var(--muted-foreground);padding:1rem 1.25rem}.blog-post-content pre{border-radius:6px;border-radius:var(--radius-sm);background:#f0e5cc;background:var(--surface-muted);max-width:100%;margin-bottom:1.3rem;padding:1rem;overflow-x:auto}.blog-post-content table{border-collapse:collapse;max-width:100%;margin-bottom:1.3rem;display:block;overflow-x:auto}.blog-post-content th,.blog-post-content td{border:1px solid #e2d3b5;border:1px solid var(--border);text-align:left;padding:.65rem .8rem}.blog-post-content th{background:#f0e5cc;background:var(--surface-muted);color:var(--primary-strong)}.post-article-back{width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:2.5rem auto 0;display:flex}@media (max-width:900px){.blog-post-layout{grid-template-columns:minmax(0,1fr);gap:2rem}.blog-post-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;position:static}.blog-recommended{border-top:0;border-left:1px solid #e2d3b5;border-left:1px solid var(--border);padding-top:0;padding-left:1.25rem}}@media (max-width:600px){.blog-post-header{margin-bottom:2rem}.blog-post-sidebar{grid-template-columns:minmax(0,1fr)}.blog-recommended{border-top:1px solid #e2d3b5;border-top:1px solid var(--border);border-left:0;padding-top:1.25rem;padding-left:0}}