.blog-article{margin:0 auto;max-width:48rem;padding:clamp(4rem,10vw,7rem) 1rem}.blog-article__header{margin-bottom:2.5rem}.blog-article__header h1,.blog-article__header .post-date{margin-bottom:.75rem}.blog-article__divider{margin-bottom:2.5rem}.series-panel{margin-bottom:2.5rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-surface);padding:1rem}.series-panel summary{color:var(--color-primary);cursor:pointer;font-family:var(--font-mono),monospace;font-size:.75rem;font-weight:600;text-transform:uppercase}.series-panel__body{margin-top:.75rem;color:var(--color-text);font-size:.9375rem;line-height:1.7}.series-panel__body p,.series-panel__parts{margin-bottom:1rem}.series-panel__parts{display:flex;flex-direction:column;gap:.5rem;padding-left:1.25rem}.series-panel a,.series-navigation a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.series-panel__current{color:var(--color-text-muted)}.series-navigation{display:grid;gap:1.5rem;margin-top:2.5rem;border-top:1px solid var(--color-border);padding-top:2rem}.series-navigation a{display:flex;flex-direction:column}.series-navigation span{color:var(--color-text-muted);font-family:var(--font-mono),monospace;font-size:.75rem;text-transform:uppercase}.concept-tooltip{display:inline}.concept-trigger{display:inline;border:0;padding:0;background:transparent;color:var(--color-accent);cursor:help;font:inherit}.concept-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.concept-panel{position:fixed;z-index:50;max-width:22rem;border:1px solid var(--color-border);border-radius:.375rem;background:var(--color-surface-2);color:var(--color-text);padding:.625rem .75rem;box-shadow:0 .75rem 2rem #00000073}.concept-fallback{color:var(--color-text-muted);font-size:.9375em}.tldr{margin-bottom:2.5rem;border:1px solid var(--color-border);border-left:2px solid var(--color-primary);border-radius:.5rem;background:var(--color-surface);padding:1rem}.tldr>p:first-child{margin-bottom:.75rem;color:var(--color-primary);font-family:var(--font-mono),monospace;font-size:.75rem;font-weight:600;text-transform:uppercase}.tldr>div>:last-child{margin-bottom:0}.prose .mermaid-diagram img{display:block;height:auto;margin:0 auto;border:0}.prose .mermaid-diagram figcaption{margin-top:.75rem;color:var(--color-text-muted);font-size:.8125rem}@media(min-width:40rem){.series-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.series-navigation a:last-child{text-align:right}}