.post-header{padding-top:140px;padding-bottom:var(--space-12)}@media (min-width:768px){.post-header{padding-top:200px}}.post-header-inner{max-width:760px;margin:0 auto}.breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6);text-decoration:none;display:inline-flex}.breadcrumb:hover{color:var(--color-orange-700)}.post-cat{background:var(--color-orange-50);color:var(--color-orange-700);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.04em;border-radius:var(--r-full);margin-bottom:var(--space-4);padding:6px 14px;display:inline-flex}.post-title{max-width:22ch;margin:0 0 var(--space-6)}.post-meta{align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);padding-top:var(--space-6);border-top:1px solid var(--hairline);flex-wrap:wrap;display:flex}.post-meta strong{color:var(--color-text);font-weight:var(--weight-bold)}.post-author-avatar{border-radius:var(--r-full);background:linear-gradient(135deg, var(--color-orange-500), var(--color-orange-700));flex:none;width:40px;height:40px}.post-cover{aspect-ratio:16/9;border-radius:var(--r-3xl);margin-bottom:var(--space-12);background:linear-gradient(135deg, var(--color-orange-500), var(--color-peach));box-shadow:var(--shadow-card)}.post-layout{gap:var(--space-12);grid-template-columns:1fr;display:grid}@media (min-width:1024px){.post-layout{gap:var(--space-16);grid-template-columns:220px 1fr}}.post-toc{display:none}@media (min-width:1024px){.post-toc{align-self:start;display:block;position:sticky;top:120px}.post-toc h4{font-size:var(--text-xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-text-subtle);margin:0 0 var(--space-3)}.post-toc ul{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.post-toc a{font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-2) var(--space-3);border-radius:var(--r-sm);transition:all var(--t-fast) var(--ease);border-left:2px solid #0000;text-decoration:none;display:block}.post-toc a:hover{color:var(--color-text);background:var(--color-surface)}.post-toc a.is-active{color:var(--color-orange-700);border-left-color:var(--color-orange-500);background:var(--color-orange-50)}}.post-body{max-width:720px}.post-body h2{font-size:var(--text-3xl);font-weight:var(--weight-bold);margin:var(--space-12) 0 var(--space-5);scroll-margin-top:100px}.post-body h2:first-child{margin-top:0}.post-body h3{font-size:var(--text-xl);font-weight:var(--weight-bold);margin:var(--space-8) 0 var(--space-4)}.post-body p{font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--color-text);margin:0 0 var(--space-5)}.post-body ul,.post-body ol{font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--color-text);margin:0 0 var(--space-5);padding-left:var(--space-6)}.post-body li{margin-bottom:var(--space-2)}.post-body strong{font-weight:var(--weight-bold)}.post-body code{background:var(--color-orange-50);color:var(--color-orange-700);font-size:.9em;font-family:var(--font-mono);border-radius:6px;padding:2px 6px}.post-body blockquote{margin:var(--space-8) 0;padding:var(--space-6) var(--space-8);background:var(--color-orange-50);border-radius:var(--r-2xl);border-left:4px solid var(--color-orange-500);font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:1.4}.post-body blockquote p:last-child{margin-bottom:0}.post-body img{border-radius:var(--r-2xl);width:100%;margin:var(--space-6) 0}.author-card{align-items:center;gap:var(--space-5);padding:var(--space-8);background:var(--color-surface);border-radius:var(--r-3xl);box-shadow:var(--shadow-card);margin-top:var(--space-16);display:flex}.author-card-avatar{border-radius:var(--r-full);background:linear-gradient(135deg, var(--color-orange-500), var(--color-orange-700));flex:none;width:72px;height:72px}.author-card-name{font-weight:var(--weight-bold);font-size:var(--text-lg)}.author-card-role{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:2px}.author-card-bio{font-size:var(--text-base);color:var(--color-text-muted);margin-top:var(--space-2);line-height:var(--leading-normal)}.grid-3{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:768px){.grid-3{grid-template-columns:repeat(3,1fr)}}.section-header-center{text-align:center;max-width:720px;margin:0 auto var(--space-12)}
