.blog-page{padding-top:120px;padding-bottom:var(--section-padding);background:var(--white);color:var(--black);min-height:70vh}.blog-header{max-width:var(--container-max);margin:0 auto 3.5rem}.blog-header h1{margin-bottom:1rem}.blog-header .blog-subtitle{color:var(--gray-600);max-width:640px;font-size:clamp(1rem,2.2vw,1.25rem)}.blog-list{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (width<=720px){.blog-list{grid-template-columns:1fr}}.blog-empty{font-family:var(--font-mono);color:var(--gray-500)}.blog-card{border:1px solid var(--gray-200);background:var(--white);color:var(--black);transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);flex-direction:column;gap:.75rem;padding:1.75rem;display:flex}.blog-card:hover{border-color:var(--red-500);color:var(--black);transform:translateY(-4px);box-shadow:0 12px 30px #0a0a0a14}.blog-card time{font-family:var(--font-mono);color:var(--gray-500);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.blog-card h2{color:var(--black);font-size:clamp(1.25rem,2.5vw,1.6rem);line-height:1.25}.blog-card p{color:var(--gray-600);font-size:1rem;line-height:1.6}.blog-tags{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.blog-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--red-600);border:1px solid var(--gray-200);padding:.2rem .55rem;font-size:.7rem}.blog-card .read-more{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--red-500);margin-top:auto;font-size:.8rem;font-weight:700}.blog-card:hover .read-more{color:var(--red-600)}.blog-post{max-width:720px;margin:0 auto}.back-to-blog{font-family:var(--font-mono);color:var(--gray-500);margin-bottom:2rem;font-size:.8rem;display:inline-block}.back-to-blog:hover{color:var(--red-500)}.blog-post h1{margin-bottom:1.25rem;font-size:clamp(2rem,5vw,3rem)}.post-meta{font-family:var(--font-mono);color:var(--gray-500);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:2rem;font-size:.8rem;display:flex}.post-meta time{color:var(--gray-600)}.post-meta .post-tags{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.post-hero{width:100%;height:auto;margin-bottom:2.5rem}.listen-bar{align-items:center;gap:.5rem;margin-bottom:2.5rem;display:flex}.listen-btn{min-height:40px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--black);background:var(--white);border:1px solid var(--gray-300);cursor:pointer;transition:background var(--transition-base), color var(--transition-base), border-color var(--transition-base);border-radius:999px;align-items:center;gap:.55rem;padding:.5rem 1.1rem;font-size:.78rem;font-weight:700;display:inline-flex}.listen-btn:hover,.listen-btn.is-active{background:var(--red-500);border-color:var(--red-500);color:var(--white)}.listen-btn:focus-visible,.listen-stop:focus-visible{outline:2px solid var(--red-500);outline-offset:2px}.listen-stop{width:40px;height:40px;color:var(--gray-600);background:var(--white);border:1px solid var(--gray-300);cursor:pointer;transition:color var(--transition-base), border-color var(--transition-base);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.listen-stop:hover{color:var(--red-500);border-color:var(--red-500)}.prose{color:var(--gray-700);font-size:1.0625rem;line-height:1.8}.prose>*+*{margin-top:1.25rem}.prose h2,.prose h3,.prose h4{font-family:var(--font-display);color:var(--black);margin-top:2.5rem;line-height:1.25}.prose h2{font-size:clamp(1.5rem,3vw,2rem)}.prose h3{font-size:clamp(1.25rem,2.5vw,1.5rem)}.prose p{color:var(--gray-700);font-size:1.0625rem}.prose a{color:var(--red-500);text-underline-offset:2px;text-decoration:underline}.prose a:hover{color:var(--red-600)}.prose ul,.prose ol{flex-direction:column;gap:.5rem;padding-left:1.5rem;display:flex}.prose li{color:var(--gray-700)}.prose blockquote{border-left:3px solid var(--red-500);color:var(--gray-600);padding-left:1.25rem;font-style:italic}.prose code{font-family:var(--font-mono);background:var(--gray-100);border-radius:3px;padding:.15em .4em;font-size:.9em}.prose pre{font-family:var(--font-mono);background:var(--gray-100);border:1px solid var(--gray-200);padding:1.25rem;font-size:.9rem;line-height:1.6;overflow-x:auto}.prose pre code{background:0 0;border-radius:0;padding:0}.prose img{max-width:100%;height:auto}.prose hr{border:none;border-top:1px solid var(--gray-200);margin:2.5rem 0}.article-depth{flex-direction:column;gap:2rem;display:flex}.depth-meter{flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem;padding:.25rem;display:flex}.depth-step{text-align:left;background:var(--white);border:1px solid var(--gray-200);border-left:3px solid var(--level-color,var(--gray-300));min-height:44px;color:var(--gray-600);cursor:pointer;transition:border-color var(--transition-base), color var(--transition-base), background var(--transition-base), opacity var(--transition-base), box-shadow var(--transition-base);flex-direction:column;flex:180px;align-items:flex-start;gap:.4rem;padding:.85rem 1rem;display:flex}.depth-step:hover{border-color:var(--level-color);color:var(--black)}.depth-step:focus-visible{outline:2px solid var(--level-color,var(--red-500));outline-offset:2px}.depth-step.is-revealed{color:var(--black)}.depth-step.is-active{border-color:var(--level-color);color:var(--black);background:var(--level-tint);box-shadow:inset 0 0 0 1px var(--level-color)}.depth-step.is-locked{opacity:.6;border-style:dashed}.depth-step-index{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--white);background:var(--level-color,var(--gray-400));border-radius:3px;padding:.15rem .5rem;font-size:.62rem;font-weight:700;line-height:1.4}.depth-step-name{font-family:var(--font-display);color:inherit;font-size:1.05rem;line-height:1.2}.depth-step-meta{font-family:var(--font-mono);color:var(--gray-500);letter-spacing:.02em;font-size:.7rem}.depth-level{border-left:2px solid var(--level-color,var(--gray-200));padding-left:1.25rem;position:relative}.depth-level-header{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--level-color,var(--gray-500));border-bottom:1px solid var(--gray-200);margin-bottom:1.25rem;padding-bottom:.75rem;font-size:.72rem}.go-deeper-wrap{justify-content:center;margin:.5rem 0 1rem;display:flex}.go-deeper{width:100%;max-width:420px;min-height:44px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--black);background:var(--white);border:1px solid var(--black);cursor:pointer;transition:background var(--transition-base), color var(--transition-base), border-color var(--transition-base);justify-content:center;align-items:center;gap:.6rem;padding:.9rem 1.75rem;font-size:.8rem;font-weight:700;display:inline-flex}.go-deeper:hover{background:var(--red-500);border-color:var(--red-500);color:var(--white)}.go-deeper:focus-visible{outline:2px solid var(--red-500);outline-offset:2px}.go-deeper-chevron{transition:transform var(--transition-base)}.go-deeper:hover .go-deeper-chevron{transform:translateY(2px)}@media (width<=640px){.depth-meter{flex-direction:column;gap:.5rem}.depth-step{flex:auto;width:100%}.go-deeper{max-width:none}}