.blog-post{max-width:var(--width-reading);padding:var(--space-6) var(--space-4) var(--space-7);margin-inline:auto}.blog-post p{margin:0 0 var(--space-3)}.blog-post pre{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);color:#f4f4f5;font-family:var(--font-mono);font-size:var(--font-size-sm);background:#151515;line-height:1.55;overflow-x:auto}.blog-post pre code{color:inherit;background:0 0;border:none;padding:0}.blog-post code{background:var(--color-border);font-family:var(--font-mono);border-radius:3px;padding:.1em .35em;font-size:.9em}.comparison-table{border-collapse:collapse;width:100%;margin:0 0 var(--space-4);font-size:var(--font-size-sm)}.comparison-table th,.comparison-table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.comparison-table th{color:var(--color-text-secondary);font-weight:600}.post-figure{margin:var(--space-4) 0}.post-figure img{border:1px solid var(--color-border);width:100%;height:auto;display:block}.post-figure figcaption{margin-top:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.post-diagram-canvas{width:100%;margin:0 0 var(--space-4);border:1px solid var(--color-border);background:#fafafa;border-radius:8px;display:block}.post-figure-grid{justify-content:center;gap:var(--space-4);margin:var(--space-4) 0;grid-template-columns:repeat(2,20%);display:grid}.post-figure-grid .post-figure{margin:0}.detail-disclosure{margin:var(--space-3) 0 var(--space-4);border:1px solid var(--color-border);padding:var(--space-3) var(--space-4)}.detail-disclosure summary{cursor:pointer;color:var(--color-text);font-weight:600}.detail-disclosure summary:hover{color:var(--color-focus)}.detail-disclosure[open] summary{margin-bottom:var(--space-3)}.detail-disclosure>:last-child{margin-bottom:0}.section-disclosure{margin:0 0 var(--space-3);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-5)}.section-disclosure summary{cursor:pointer;padding:var(--space-3) 0;list-style:none}.section-disclosure summary::-webkit-details-marker{display:none}.section-disclosure summary h2{align-items:center;gap:var(--space-2);margin:0;display:flex}.section-disclosure summary h2:before{content:"▸";color:var(--color-text-secondary);font-size:var(--font-size-lg);flex-shrink:0;transition:transform .15s}.section-disclosure[open] summary h2:before{transform:rotate(90deg)}.section-disclosure summary:hover h2,.section-disclosure summary:hover h2:before{color:var(--color-focus)}.blog-post-hero{margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.blog-post-hero__eyebrow{margin:0 0 var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.blog-post-hero__title{margin:0 0 var(--space-2);font-size:var(--font-size-2xl)}.blog-post-hero__date{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.blog-post-hero__related{margin-top:var(--space-3)}.blog-placeholder-tag{margin:0 0 var(--space-2);padding:var(--space-1) var(--space-2);border:1px dashed var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic;display:inline-block}.blog-lock__form{gap:var(--space-3);max-width:20rem;padding:var(--space-4);border:1px solid var(--color-border);flex-direction:column;display:flex}.blog-lock__form label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.blog-lock__input{padding:var(--space-2);border:1px solid var(--color-border);font:inherit;color:var(--color-text);background:var(--color-bg)}.blog-lock__submit{border:1px solid var(--color-text);background:var(--color-text);color:var(--color-bg);padding:var(--space-2) var(--space-3);cursor:pointer}.blog-lock__submit:disabled{opacity:.6;cursor:not-allowed}.blog-lock__error{color:var(--color-danger);font-size:var(--font-size-sm);margin:0}@media (width>=768px){.blog-post-hero__title{font-size:var(--font-size-3xl)}}